/* ============================================= */
/* ======================== Foundation Default Styles Overwrite ===================== */
/* ============================================= */

.syntaxhighlighter .gutter .line{ border-right:  3px solid #ff6633 !important}

/* ====> Global Reset & Standards <==== */

body { background:url(../images/bkgrd_veg.jpg) no-repeat top center; font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; line-height: 1;  position: relative; -webkit-font-smoothing: antialiased;}

/* ====> Links <==== */
a { text-decoration: none;-webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
color:#F00\9;}
a:hover { color: #666; }
a:focus {  outline: none; }

/* ====> Base Type Styles Using Modular Scale <==== */

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td {color: #000;font-size: 14px; }
div {font-size:12px; line-height:18px;}
p {font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; font-weight: normal; text-rendering: optimizeLegibility; margin-bottom:15px;}
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; font-weight: normal; text-rendering: optimizeLegibility; margin:20px 0; letter-spacing:-1px; font-weight:700; color:#333;}

h1 { font-size: 38px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

hr { border: dotted #ccc; border-width: 1px 0 0; clear: both; margin: 5px 0px; height: 0; }
input, textarea, select {   /*-webkit-appearance: none;*/ }
img{ border: none;-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: content-box;    /* Firefox, other Gecko */
  box-sizing: content-box;         /* Opera/IE 8+ */}
.highlight{ color: #fff; font-size: 14px; font-weight: normal;}

/* ======================== Images Classes ===================== */

.img_default{ padding:5px; border:1px dotted #ccc; margin-bottom:20px;}
.img_type1{ background:#f2f2f2; padding:5px; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.img_type2{ background:#444; padding:5px; border-bottom:2px solid #999; margin-bottom:20px;}


/* ======================== Butons ===================== */

.button{border:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; font-weight:500; font-size:18px;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.button.primary{ border:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;}
.button:hover { color: white !important; background-color: #444; }
.button:focus { -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: white;}

/* Secondary */
.button.secondary{ background:#444; border:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#fff;}
.button.secondary:focus { -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: white;}

/* Success */
.button.success{border:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;}
.button.success:focus { -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: white;}

/* Alert */
.button.alert{border:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;}
.button.alert:focus { -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: white;}

/* Tiny */
.button.tiny {font-size: 10px;}

/* Small */
.button.small {font-size: 12px;}

/* Large */
.button.large { font-size: 22px; letter-spacing:-1px;}

/* Split Button */
.button.dropdown.split > span {  border-left: 1px solid #fff;   box-shadow: none;}
.button.dropdown.split > a:hover{ background-color:#444;}
.button.dropdown.split > span:hover { background-color:#444;}

.panel.callout.radius.yellow {background:#ffd633; border-color:#ff9700;}
.panel.callout.radius.yellow h4 {color: #F00;}

/* ======================== Alerts ===================== */
div.alert-box { border: none; margin-bottom: 12px; -webkit-border-radius: 30px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; text-shadow: none; position: relative; }

/* ======================== Labels ===================== */

label { font-weight:bold; font-size:12px; margin-bottom:5px; color:#909090;}
label span{ font-weight:normal;}


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

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea ,select { font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#999; border: 1px solid #e5e5e5; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  display: block; font-size: 12px; margin: 0; padding: 10px; height: auto; width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;-webkit-appearance: none; }

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #f2f2f2; outline: none !important; border-color: #ccc; }

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

.prefix, .postfix { height: 39px;line-height: 39px;}
form.custom div.custom.dropdown { height: 39px; margin-bottom: 9px;margin-top: 0px; position: relative; width: auto;}

form.custom div.custom.dropdown a.current { line-height: 37px;min-height: 37px;}
form.custom div.custom.dropdown a.selector {height: 39px;}

/* ======================== Panels ===================== */

.panel { background: #f2f2f2; border: solid 1px #e5e5e5; margin: 0 0 22px 0; padding: 20px; }
.panel > :first-child { margin-top: 0; }
.panel > :last-child { margin-bottom: 0; }
.panel.callout { color: #fff; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel.callout *{color:#fff;}
.panel.callout a { color: #fff; }
.panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
.panel.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.simple-panel{ display:block; margin-bottom:20px;}

/* ============================================= */
/* ======================== Global ===================== */
/* ============================================= */

.container{}
.main-wrapper{ margin:0 auto; max-width:1020px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5)}

/* ============================================= */
/* ======================== TouchM Main Blocks ===================== */
/* ============================================= */

/* ====> Region 1 Wrap <==== */

.region1wrap{color:#999; background:#444;}
.region1wrap .columns{ padding:0;}

/* ====> Region 2 Wrap <==== */

.region2wrap{background:#fff; }
.region2wrap .columns{ padding:0;}

/* ====> Region 3 Wrap <==== */

.region3wrap{padding-top:25px;background:#FFFFFF; border-top:1px solid #e5e5e5; position:relative;}
.region3wrap *{}

.region3bwrap{background:#76b900; border-top:1px solid #e5e5e5; position:relative;}

/* ====> Region 4 Wrap <==== */

.region4wrap{background:none repeat scroll 0 0 #FFF;}

/* ====> Region 5 Wrap <==== */

.region5wrap{}

/* ====> Region 6 Wrap <==== */

.region6wrap{}

/* ====> Region 7 Wrap <==== */

.region7wrap{}

/* ====> Region 8 Wrap <==== */

.region8wrap{}

/* ====> Region 9 Wrap <==== */

.region9wrap{border-bottom:10px solid #76b900; background:#fff;}

/* ====> Region 10 Wrap <==== */

.region10wrap{color:#999; border-top:1px solid #666; background:#fff;}
.region10wrap p{ margin:0; padding:10px 0;}


/* ============================================= */
/* ======================== HEADER ===================== */
/* ============================================= */

/* ===== Header ==== */

.top_header a{color:#999; font-size:11px; display:block;}
.top_header a:hover{}

.top_header .link-list{margin:15px 5px 15px 0;padding: 8px 0px 6px 0px; float:left; border-right: 1px dotted #999;}
.top_header .link-list li{ margin-left:0px; margin-right:6px;}

.login{ float:left; margin:15px 0 15px 5px;}
.login a{ color:#FFF; float: left; margin-right: 8px; padding: 10px 11px 11px; }
.login .button:hover { background-color: #999; }

.user-control{ padding:10px 0px 11px;}
.user-control a{ display: inline; font-weight:700;}
.user-control .notification{ border-radius: 50%;  margin-left: -4px; margin-top: -8px;  padding: 3px 6px; position: absolute; color:#fff;}

.login-modal{}
.login-modal .close-reveal-modal{ color: #fff; padding:8px; text-shadow:none;}
.login-modal .close-reveal-modal:hover{ background:#444;}

/* ===== Social Header ==== */

.top_social{ list-style:none; float:right; margin:15px 0;}
.top_social li{     border-left: 1px dotted;  float: left;  padding: 0 8px;}
.top_social li:first-child{margin-left:0px; border:none; padding-left:0;}
.top_social li a{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  -moz-opacity: 0.7;  -khtml-opacity: 0.7;  opacity: 0.7; padding-top:3px; }
.top_social li a:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;}


/* ============================================= */
/* ======================== LOGO AND NAVIGATION ===================== */
/* ============================================= */

/* ===== Logo ==== */

#logo{ float:left; margin:15px 0 10px;}

#logo h1{font-size: 38px;letter-spacing: -3px;line-height: 1;margin: 0;}
#logo h1 span{font-weight: 800;}

/* ==== Main Navigation ==== */
/* <nav> */
.top-bar { background: none; font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; height: 45px; line-height: 45px; margin: 0px; padding: 0; width: 100%; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }
.contain-to-grid .top-bar { width: 940px; margin: 0 auto; }

.top-bar > ul .name{display: none;}
.top-bar > ul .name h1 { line-height: 45px; margin: 0;}
.top-bar > ul .name h1 a { font-weight: bold; padding: 0 22.5px; font-size: 17px !important; }
.top-bar > ul .name img { margin-top: -5px; vertical-align: middle; }
.top-bar ul { display: inline; height: auto; line-height: 45px; list-style: none; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */ }
.top-bar ul > li { float: left; /* Dividers between navigation */ /* Put a button in an <li> but give is a class */ /* Put a search bar or text input in the bar */ /* Hide the triangle for breakpoint menu */ /* li.has-dropdown */ }

.top-bar ul > li a:not(.button) { color: #666; display: block; font-size: 14px; font-weight: 400; height: auto; line-height: 45px; padding: 20px 20px 20px 20px; }
.top-bar ul > li:hover a { background: #444; color:#fff; }
.top-bar ul > li:hover a.active { background: #444; color:#fff; }
.top-bar ul > li a.active { color:#fff; }
.top-bar ul > li:hover a{ color: #fff; }
.top-bar ul > li:hover, .top-bar ul > li.active { background: none; }
.top-bar ul > li.active a { color: #fff; }
.top-bar ul > li.divider { background: black; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 100%; margin-right: 1px; width: 1px; }
.top-bar ul > li.has-button a.button { margin: 0 11.25px; }
.top-bar ul > li.has-button:hover { background: #222222; }
.top-bar ul > li.has-button:hover a { color: #fff; }
.top-bar ul > li.search { padding: 0 15px; }
.top-bar ul > li.search form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 200px; }
.top-bar ul > li.search form input[type=text] { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; float: left; font-size: 13px; margin-top: -1px; height: 22.5px; }
.top-bar ul > li.search form input[type=text] + .button { border-left: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; float: left; font-size: 12px; margin-top: -1px; padding: 5px 12px 4px; }
.top-bar ul > li.search form input[type=search] { font-size: 16px; margin-bottom: 0; }
.top-bar ul > li.search:hover { background: #222222; }
.top-bar ul > li.toggle-topbar { display: none; }
.top-bar ul > li.has-dropdown { position: relative; /* Dropdown Level 2+ */ }
.top-bar ul > li.has-dropdown:hover > .dropdown { display: block; visibility: visible;opacity: 1; }
.top-bar ul > li.has-dropdown a { padding-right: 20px; }
.top-bar ul > li.has-dropdown a:after { content: ""; display: block; width: 0; height: 0; border: none; }

.top-bar ul > li.has-dropdown .dropdown { background: none; left: 0; margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 99; opacity:0;-webkit-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s; -moz-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s; -o-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s; transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;}

.top-bar ul > li.has-dropdown .dropdown li { background: #444; line-height: 1; min-width: 100%; padding-bottom: 0px; border-bottom: 1px dotted #666;}
.top-bar ul > li.has-dropdown .dropdown li:last-child { border-bottom:none; padding-bottom:0px;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.top-bar ul > li.has-dropdown .dropdown li a { font-weight: normal; height: 100%; line-height: 1; white-space: nowrap; color: #CCCCCC ; font-size: 12px; font-weight: 600; line-height: normal; padding: 15px 20px;min-width: 177px;}
.top-bar ul > li.has-dropdown .dropdown li a:after { border: none; }
.top-bar ul > li.has-dropdown .dropdown li a:hover { background: #333; color:#fff; }
.top-bar ul > li.has-dropdown .dropdown li label { color: #6f6f6f; font-size: 10px; font-weight: bold; margin: 0; padding-left: 15px; text-transform: uppercase; }
.top-bar ul > li.has-dropdown .dropdown li.divider { border-top: solid 1px black; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; height: 10px; padding: 0; width: 100%; }
.top-bar ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 0px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 30px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: ""; right: 5px; top: 6px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: 0; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown { display: block;  }
.top-bar ul.left { float: left; width: auto; margin-bottom: 0; }
.top-bar ul.right { float: right; width: auto; margin-bottom: 0; /* Dropdown Right Side Alignment */ }
.top-bar ul.right .has-dropdown .dropdown { left: auto; right: 0px;
  -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, .3) ;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, .3);
 }
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown { right: 100%; left: auto; width: 100%; }
.top-bar .js-generated { display: none; }

/* Mobile Styles */
@media only screen and (max-width: 940px) {
  .top-bar { background:#444;margin-bottom: 0; margin-top:20px; margin-bottom:20px; overflow: hidden; /* Override contain to grid stuff for breakpoint */ /* Setting up the sliding area */ /* When the Small Nav is Showing */ }
  .top-bar .js-generated { display: block; }
  .contain-to-grid .top-bar { width: auto; }
  .top-bar section { left: 0; position: relative; width: auto; -webkit-transition: left 300ms; -moz-transition: left 300ms; -o-transition: left 300ms; transition: left 300ms; }
  .top-bar ul { width: 100%; min-height: 100%; height: 100%; margin-bottom: 0; display: block; }
  .top-bar ul li { float: none; /* Branding and name */ /* Dropdown Toggle */ /* Divider for breakpoint */ /* Search Overrides for breakpoint size */ /* Dropdown Level 1 */ /* Dropdown Level 2 */ }
  .top-bar ul li.active, .top-bar ul li:hover { background: #333; }
  .top-bar ul > li a:hover { background: #333; color:#fff; }
  .top-bar ul > li a:not(.button) {padding: 0px; }
  .top-bar ul li.name { background: #333; }
  .top-bar ul li.name h1 { line-height: 1; }
  .top-bar ul li.name h1 a { padding-left: 22.5px; }
  .top-bar ul li.toggle-topbar { cursor: pointer; display: block; height: 45px; position: absolute; right: 20px; top: 0; width: 91%; margin-top:20px; }
  .top-bar ul li.toggle-topbar a { content: ""; display: block; background:none; width: 0; height: 0; border: solid 8px; border-color: white transparent transparent transparent; padding: 0; position: absolute; top: 50%; right: 22.5px; margin-top: -4px; }
  .top-bar ul li.toggle-topbar:hover { background: transparent; }
  .top-bar ul li.toggle-topbar a { padding: 0 !important; }
  .top-bar ul li.divider { border-bottom: solid 1px rgba(255, 255, 255, 0.2); border-top: solid 1px black; clear: both; height: 1px !important; margin: 8px 0 !important; width: 100%; }
  .top-bar ul li.search { padding: 0 22.5px; }
  .top-bar ul li.search form { width: 100%; }
  .top-bar ul li.search form input[type=text] { width: 75%; }
  .top-bar ul li.search form .button { top: 0; width: 25%; }
  .top-bar ul li.has-dropdown a { padding-right: 33.75px; }
  .top-bar ul li.has-dropdown a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; }
  .top-bar ul li.has-dropdown:hover > .dropdown { display: block; visibility: hidden; }
  .top-bar ul li.has-dropdown .dropdown { visibility: hidden; z-index: 0 !important; }
  .top-bar ul li.has-dropdown.moved { position: static; }
  .top-bar ul li.has-dropdown.moved .dropdown { top: 0; visibility: visible; }
  .top-bar ul li.has-dropdown.moved .dropdown li label { margin-bottom: 6px; padding-top: 6px !important; font-size: 11px; }
  .top-bar ul li.has-dropdown.moved .dropdown li:not(.title) { padding-bottom: 0; }
  .top-bar ul li.has-dropdown.moved .dropdown li:not(.title) a { padding: 8px 22.5px; font-size: 14px; }
  .top-bar ul li.has-dropdown.moved .dropdown li a, .top-bar ul li.has-dropdown.moved .dropdown li label { padding: 0 22.5px; }
  .top-bar ul li.has-dropdown.moved .dropdown li a:hover { background: #333; display: block; }
  .top-bar ul li.has-dropdown.moved .dropdown li.divider { border-bottom: solid 1px rgba(255, 255, 255, 0.1); margin-top: 8px !important; margin-bottom: 8px !important; }
  .top-bar ul li.has-dropdown.moved .back.title { padding-bottom: 0; }
  .top-bar ul li.has-dropdown.moved .back.title a:before { position: absolute; top: 50%; left: 17.5px; margin-top: -5px; width: 0; height: 0; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent white transparent transparent; }
  .top-bar ul li.has-dropdown.moved .back.title h5 { margin: 0; padding-left: 0px; margin-left:0px; position: relative; }
  .top-bar ul li.has-dropdown.moved .back.title h5 a { padding-top: 8px; padding-bottom: 8px; padding-left:40px !important; font-size: 24px; font-weight: 400; letter-spacing:-1px; }
  .top-bar ul li.has-dropdown .dropdown li { background: transparent; }
  .top-bar ul li.has-dropdown .dropdown li.has-dropdown .dropdown { left: 100% !important; top: 0; right: auto !important; }
  .top-bar ul li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 33.75px; }
  .top-bar ul li.has-dropdown .dropdown li.has-dropdown > a:after { content: ""; margin-right: 15px; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); position: absolute; top: 50%; margin-top: -4.5px; }
  .top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved { position: static; }
  .top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved .dropdown { top: 0; visibility: visible; }
  .top-bar ul li.has-dropdown .dropdown li.has-dropdown:hover { display: block; }
  .top-bar ul.left, .top-bar ul.right { float: none; width: 100%; }
  .top-bar ul.left > li, .top-bar ul.right > li { display: block; float: none; margin: 0 !important; }
  .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown { left: 100% !important; top: 0; right: auto !important; }
  .top-bar section > ul li a:not(.button) { padding-left: 22.5px !important; }
  .top-bar.expanded { height: 100%; }
  .top-bar.expanded ul li.toggle-topbar a { content: ""; display: block; width: 0; height: 0; border: solid 8px; border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent; top: auto; bottom: 50%; margin-bottom: -4px; }
  .top-bar ul li.has-button { padding: 0 20px 5px; }
  .top-bar ul li .button.small { margin: 0 !important; display: inline-block; width: 100%; }
  .top-bar > ul .name{display: block;}}
  
  
/* IE8 Fixes */
.lt-ie9 .top-bar ul li a { color: #666; display: block; font-size: 14px; font-weight: 400; height: auto; line-height: 45px; padding: 20px 20px 20px 20px; }
.lt-ie9 .top-bar ul li a.button { height: auto; line-height: 30px; margin-top: 7px; }
.lt-ie9 .top-bar ul li a:hover { color: #cccccc; }
.lt-ie9 .top-bar ul li a img { margin-top: -5px; vertical-align: middle; }
.lt-ie9 .top-bar ul li a.active { color: #fff; }

.lt-ie9 .top-bar ul li.has-dropdown { padding-right: 0px; margin-right:0; }
.lt-ie9 .top-bar ul li.has-dropdown > ul li { padding-right: 0; }


/* ============================================= */
/* ======================== Sliders ===================== */
/* ============================================= */

/* ===== General Sliders ==== */

.slider{ padding:0px;}

/* ===== Slider Revolution ==== */

.tp-simpleresponsive .caption {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  -moz-opacity: 0;  -khtml-opacity: 0;  opacity: 0; position:absolute;}
.tp-simpleresponsive img  {  max-width:none;}

/******************************
  -  SHADOWS    -
******************************/
.tp-bannershadow  {position:absolute; margin-left:auto; margin-right:auto;-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;}
  
.tp-bannershadow.tp-shadow1 {  background:url(../images/sliders/sliderrevolution/assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;}
.tp-bannershadow.tp-shadow2 {  background:url(../images/sliders/sliderrevolution/assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 {  background:url(../images/sliders/sliderrevolution/assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}

/*************************
  -  CAPTIONS  -
**************************/
.caption.big_white  {
            position: absolute;
            color: #fff;
            text-shadow: none;
            font-weight: 700;
            font-size: 36px;
            line-height: 36px;
            padding: 0px 4px;
            padding-top: 1px;
            margin: 0px;
            border-width: 0px;
            border-style: none;             
            background:rgb(0,0,0);background: transparent\9;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);zoom: 1;  
            letter-spacing: -1.5px;                    
          }

.caption.big_color  {
            position: absolute;
            text-shadow: none;
            font-weight: 300;
            font-size: 32px;
            line-height: 36px;
            padding: 0px 4px;
            margin: 0px;
            border-width: 0px;
            border-style: none;
            background:rgb(255,255,255);background: transparent\9;background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);zoom: 1;  
            letter-spacing: -1.5px;                              
          }  
          
.caption.big_black  {
            position: absolute;
            color: #000;
            text-shadow: none;
            font-weight: 700;
            font-size: 36px;
            line-height: 36px;
            padding: 0px 4px;
            margin: 0px;
            border-width: 0px;
            border-style: none;
            background:rgb(255,255,255);background: transparent\9;background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);zoom: 1;  
            letter-spacing: -1.5px;                              
          }    

.caption.medium_grey  {
            position: absolute;
            color: #fff;
            text-shadow: none;
            font-weight: 300;
            font-size: 20px;
            line-height: 20px;
            padding: 2px 4px;
            margin: 0px;
            border-width: 0px;
            border-style: none;
            background:rgb(153,153,153);background: transparent\9;background:rgba(153,153,153,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cf999999,endColorstr=#4c999999);zoom: 1;    
            white-space:nowrap;  
          }  
          
.caption.small_text  {
            position: absolute;
            color: #fff;
            text-shadow: none;
            font-weight: 700;
            font-size: 14px;
            line-height: 20px;
            margin: 0px;
            border-width: 0px;
            border-style: none;
            white-space:nowrap;  
            text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);    
          }
          
.caption.medium_text  {
            position: absolute;
            color: #fff;
            text-shadow: none;
            font-weight: 700;
            font-size: 20px;
            line-height: 20px;
            margin: 0px;
            border-width: 0px;
            border-style: none;
            white-space:nowrap;  
            text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);    
          }
          
.caption.large_text  {
            position: absolute;
            color: #fff;
            text-shadow: none;
            font-weight: 700;
            font-size: 40px;
            line-height: 40px;
            margin: 0px;
            border-width: 0px;
            border-style: none;
            white-space:nowrap;  
            text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);    
          }  
          
.caption.very_large_text  {
            position: absolute;
            color: #fff;
            text-shadow: none;
            font-weight: 700;
            font-size: 60px;
            line-height: 60px;
            margin: 0px;
            border-width: 0px;
            border-style: none;
            white-space:nowrap;  
            text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
            letter-spacing: -2px;    
          }  
          
          
.caption.very_big_white  {
            position: absolute;
            color: #fff;
            text-shadow: none;
            font-weight: 700;
            font-size: 60px;
            line-height: 60px;
            margin: 0px;
            border-width: 0px;
            border-style: none;
            white-space:nowrap;  
            padding: 0px 4px;
            padding-top: 1px;
            background-color:#000;    
          }  
          
.caption.very_big_black  {
            position: absolute;
            color: #000;
            text-shadow: none;
            font-weight: 700;
            font-size: 60px;
            line-height: 60px;
            margin: 0px;
            border-width: 0px;
            border-style: none;
            white-space:nowrap;  
            padding: 0px 4px;
            padding-top: 1px;
            background-color:#fff;    
          }
          
.caption.boxshadow  {
            -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
          }
                      
.caption.black {
            color: #000;
            text-shadow: none;    
          }  
          
.caption.noshadow {text-shadow: none;}  
          
.caption a { text-shadow: none;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;   }      
.caption a:hover {}
          


/************************
  -  NAVIGATION  -
*************************/

/** BULLETS **/
.tp-bullets                  {  z-index:100; position:absolute; bottom:10px; }
.tp-bullets.simplebullets          {   bottom:10px;}


.tp-bullets.simplebullets.navbar        { bottom:-20px; background:url(../images/sliders/sliderrevolution/assets/navigdots_bgtile.png); height:35px; padding:0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;}
                
.tp-bullets.simplebullets .bullet      {  cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/bullets.png) no-Repeat bottom left;  width:23px;  height:23px;  margin-right:0px; float:left; margin-top:-12px;}                  
.tp-bullets.simplebullets .bullet.last    {  margin-right:0px;}

/**  SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet      {  cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/bullets2.png) no-Repeat bottom left;  width:19px;  height:19px;  margin-right:0px; float:left; margin-top:-10px;}                  
.tp-bullets.simplebullets.square .bullet.last    {  margin-right:0px;}

/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet    {  cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/navigdots.png) no-Repeat bottom left;  width:15px;  height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}                    
.tp-bullets.simplebullets.navbar .bullet.first    {  margin-left:30px !important;}
.tp-bullets.simplebullets.navbar .bullet.last    {  margin-right:30px !important;}

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected  {  background-position:top left; }


/*************************************
  -  TP ARROWS   -
**************************************/


.tp-leftarrow {  z-index:100;cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/arrow_left.png) no-Repeat top left;  width:26px;  height:26px;  margin-right:0px; float:left; margin-top:-13px;  }                    
.tp-rightarrow {  z-index:100;cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/arrow_right.png) no-Repeat top left;  width:26px;  height:26px;  margin-right:0px; float:left;  margin-top:-13px;}                    

.tp-leftarrow.navbar {  z-index:100;cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/arrowleft.png) no-Repeat top left;    width:9px;  height:16px;   float:left;  margin-right:-20px; margin-top:-8px;}                    
.tp-rightarrow.navbar {  z-index:100;cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/arrowright.png) no-Repeat top left;  width:9px;  height:16px;   float:left;  margin-left:-20px; margin-top:-8px;}                    
.tp-leftarrow.navbar.thumbswitharrow {  margin-right:10px; }
.tp-rightarrow.navbar.thumbswitharrow {  margin-left:0px; }

.tp-leftarrow.square {  z-index:100;cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/arrow_left2.png) no-Repeat top left;  width:12px;  height:17px;   float:left;  margin-right:0px; margin-top:-9px;}                    
.tp-rightarrow.square {  z-index:100;cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/arrow_right2.png) no-Repeat top left;  width:12px;  height:17px;   float:left;  margin-left:0px; margin-top:-9px;}                    

.tp-leftarrow.large {  z-index:100;cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/arrow_large_left.png) no-Repeat left 7px #444;  width:46px;  height:60px;   margin-top:-23px; }                    
.tp-rightarrow.large {  z-index:100;cursor:pointer; position:relative;  background:url(../images/sliders/sliderrevolution/assets/arrow_large_right.png) no-Repeat left 7px #444; width:46px;  height:60px;   margin-top:-23px;}                    

.tp-leftarrow:hover, .tp-rightarrow:hover { }


/****************************************************************************************************
  -  TP THUMBS   -  
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs{  z-index:100; position:absolute; background-color:#fff; bottom:0 !important;
                        width:500px;height:50px;       /* THE DIMENSIONS OF THE THUMB CONTAINER */
                      }                      
.fullwidthbanner-container .tp-thumbs {  padding:2px;}                      

.tp-bullets.tp-thumbs .tp-mask  {  width:500px; height:50px;        /* THE DIMENSIONS OF THE THUMB CONTAINER */
                  overflow:hidden; position:relative;}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer  {  width:5000px; position:absolute;}

.tp-bullets.tp-thumbs .bullet        {   width:100px; height:50px;       /* THE DIMENSION OF A SINGLE THUMB */
                        cursor:pointer; overflow:hidden;background:none;margin:0;float:left; border:1px solid #f2f2f2;
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
                        /*filter: alpha(opacity=50);  */
                        -moz-opacity: 0.5;  
                        -khtml-opacity: 0.5;  
                        opacity: 0.5;
                        -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;  
                      }
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected    {   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}                      
.tp-thumbs img                {  width:100%; }

/************************************
    -  TP BANNER TIMER    -
*************************************/
.tp-bannertimer                {  width:100%; height:10px; background:url(../images/sliders/sliderrevolution/assets/timer.png);position:absolute; z-index:200;}
  
/***************************************
  -  RESPONSIVE SETTINGS   -
****************************************/    
  
  @media only screen and (min-width: 768px) and (max-width: 959px) {

   }  
    
      
  @media only screen and (min-width: 480px) and (max-width: 767px) {
      .responsive .tp-bullets.tp-thumbs        {  }
      .responsive .tp-bullets.tp-thumbs .tp-mask    {  }
      .responsive .tp-bullets.tp-thumbs .bullet    {  }
        
  }
   
    @media only screen and (min-width: 0px) and (max-width: 479px) {   
        .responsive .tp-bullets  {  display:none}
        .responsive .tparrows  {  display:none;}
  }
  
  
/*********************************************

  -  BASIC SETTINGS FOR THE BANNER  -

***********************************************/

.tp-simpleresponsive img {  -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none; -o-user-select: none;}

.tp-simpleresponsive ul {list-style:none;padding:0;  margin:0;}      

.tp-simpleresponsive >ul li{list-stye:none;  position:absolute;visibility:hidden;}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div {  width:10000px; height:10000px;  }  

.tp-loader   {  background:url(../images/sliders/sliderrevolution/assets/loader.gif) no-repeat 10px 10px; background-color:#fff;  margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
        border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}


/*********************************************************************************************
    -  SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE   -  
**********************************************************************************************/
  
/*  -  THE BANNER CONTAINER (Padding, Shadow, Border etc. )  -  */

.mainslider-container {  background-color:#fff;width:960px; padding:5px;position:relative;position:relative;margin-left:auto;  margin-right:auto;  margin-bottom:25px; z-index:1;}
.mainslider{width:950px;height:490px;  position:relative;overflow:hidden;}

   
/*  THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */
@media only screen and (min-width: 768px) and (max-width: 959px) {    
    
       .mainslider      {  width:740px;  }
      .mainslider-container {  width:750px;  }  
      
   }
  
@media only screen and (min-width: 480px) and (max-width: 767px) {

      .mainslider          {  width:460px;  }
      .mainslider-container    {  width:470px;  }
      .caption .button { font-size:14px;}             
       
   }
   
@media only screen and (min-width: 0px) and (max-width: 479px) {
      
      .mainslider          {  width:300px;  }
      .mainslider-container    {  width:310px;  }
      .caption .button { font-size:14px;}              
       
   }
   
/* -----------------------------------------
   Carousel
----------------------------------------- */

.list_carousel {margin-left: -10px; margin-bottom:0px;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {color: #999; width:245px;display: block;float: left;margin-left:10px; cursor:default !important; height:auto;}
.list_carousel.responsive {width: auto;margin-left: -10px;}

.clearfix {float: none;clear: both;  }
        
.list_carousel .carousel_nav{ position:absolute; padding-right:15px; right:0; top:22px;}      
a.prev, a.next {background: url(../images/carousel_arrows.png) no-repeat #76b900; width: 24px;height: 24px;display: block;position: relative;float:left;margin-left:1px;}
a.prev {background-position: 0 0; }
a.prev:hover {}
a.prev.disabled {background-color:#76b900;}
a.next {background-position: -22px 0;}
a.next:hover { }
a.next.disabled {background-color:#76b900; }
a.prev.disabled, a.next.disabled {cursor: default;}
a.prev span, a.next span {display: none;}

.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: #999;height: 6px;width: 0px;}

/* ======================== Carousel Type 2 ===================== */

.carousel-type2{}
.carousel-content { float:left; width:100%;}


/* ============================================= */
/* ======================== Body Content ===================== */
/* ============================================= */

/* ======================== Main Content Top ===================== */

.content_top{padding: 10px 0 ; margin-bottom:-1px;}
.content_top h2{ font-weight:300; font-size:24px; color:#FFF;text-align:center;}

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

ul.breadcrumbs { display: block; background: none;font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; font-weight:700; padding: 15px 10px 0 0; border: none; overflow: hidden; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span { font-size: 11px; font-size: 1.4rem; padding-left: 12px; color:#FFF; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #e5e5e5; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a{ cursor: default; color: #e5e5e5 !important; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {  text-decoration:none; color:#e5e5e5; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #e5e5e5; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #ffccbb; cursor: default; }

/* Top Search ---------------------- */
.top_search { padding-top:10px;}
.top_search input[type="text"]{color:#999; display: block; font-size: 12px; margin: 0; padding: 5px 5px 6px;width: 100%; border:none; }
.top_search input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{-webkit-appearance:none;}
.top_search .button{font-size:18px; padding:4px 0px 4px 10px;  text-decoration:none;color:#fff; margin-left:-1px; background-color:#444;}
.top_search .button:hover{background-color:#666;}

.searchBorder input[type="text"] {border:1px solid #666;padding-bottom:4px;}

/* ======================== Main Content ===================== */

/*==== General ====*/

.maincontent{ padding:20px 0;}
.maincontent h3{ border-left: 1px dotted ; padding-left:10px;}
.maincontent h4{ border-left: 1px dotted ; padding-left:7px;}

/*==== Services ====*/

.service{width: 100%; margin:10px 0 20px; text-align:center; overflow: hidden; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear;-ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.service a{  width: 100%; height: 100%; display: block; color: #333; position: relative;}
.service-icon{ position: relative; width: 100%;  padding:15px 0; text-align: center; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear;transition: all 400ms linear;}  
.service-icon img {}
.service-content{position: relative; left: 0px; width: 100%;height: 50%; top: 50%;}
.service-main{ font-size: 24px; text-align: center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;transition: all 200ms linear;}
.service-sub{padding:5px; position: relative; margin:10px 0 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}  
.service:hover{}
.service:hover .service-icon{ color: #e5e5e5;-webkit-animation: moveFromBottom 300ms ease; -moz-animation: moveFromBottom 300ms ease; -ms-animation: moveFromBottom 300ms ease;}
.service:hover .service-icon img{ background:#e5e5e5;}
.service:hover .service-main{ -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease;}
.service:hover .service-sub{color: #fff; -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease;}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/*==== Recent Work ====*/

/* WORKS */
.work-item{background:#fff; border-bottom:1px solid #e5e5e5; text-align:left;}
.work-item:hover {border-bottom:1px solid;}
.work-item-image{}
.work-item-image a{ display:block;}
.work-item-content { padding: 0 10px;}
.work-item-content h5{margin-top:20px;}
.work-item-content p{font-style:normal; text-align:left; font-size:12px;}

.contentHover{ position: relative;   width: 100%;}    
.contentHover .hover-content { display: none;   position:absolute; height:100%; z-index: 2; top: 0%; left: 0%; margin: 0; padding: 10px;
    
    background: #f8f8f8; /* Fallback for browsers that don't support RGBa */
    background: rgba(248,248,248,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80f8f8f8, endColorstr=#80f8f8f8); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80f8f8f8, endColorstr=#80f8f8f8)"; /* IE 8 */
    }
.contentHover .hover-content  h3{ border:none; padding:0px; font-size:20px; font-weight:300; letter-spacing:-1px; margin-top:20px;}

.hover-links { width:90%; margin:0 auto; position:absolute; bottom:0; }
.hover-links a.view-item {background: url(../images/work-overlay-icons.png) no-repeat ;padding:20px 20px 2px;}
.hover-links a.view-image {background: url(../images/work-overlay-icons.png) -40px 0 no-repeat ; padding:20px 20px 2px; }
.hover-links  a.view-item:hover { background-color:#444;}
.hover-links  a.view-image:hover {background-color:#444;}

/*==== Clients List ====*/

ul.clients_list{ list-style:none; float:left; position:relative; width:100%;margin-bottom:20px; text-align:center; }
ul.clients_list li{ float:left; padding:0 15px 0 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
ul.clients_list li:first-child{}
ul.clients_list li a{display: block; height: 100%; position: relative; width: 100%;}
ul.clients_list li:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
ul.clients_list li img{border: 1px solid #efefef;padding:5px; background:#f8f8f8;}
ul#volunteer_list li img{height:75px;}

/* ======================== Main Content Bottom ===================== */

.content_bottom{color:#FFF;padding:0;}
.content_bottom h2{ font-weight:500; font-size:24px; color:#FFF; letter-spacing:-1px; margin-bottom:6px; margin-top:10px;}

.content_bottom p{ color:#FFF; font-size:11px;}

/* ====Newsletter ==== */

.newsletter-input { padding-top:5px; padding-left:25px;}
.newsletter-input input[type="text"]{color:#999; display: block; font-size: 12px; margin: 0; padding: 5px 5px 6px;width: 100%; border:none; }
.newsletter-input input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{-webkit-appearance:none;}
.newsletter-input .button{font-size:12px; padding:8px;  text-decoration:none;color:#fff; margin-left:-1px; background-color:#444;}
.newsletter-input .button:hover{background-color:#666;}


/* ============================================= */
/* ======================== FOOTER ===================== */
/* ============================================= */


/* ===== Footer Top ==== */

.footer { padding:20px 0 30px; background:#f2f2f2;}
.footer a{color:#000}
.footer a:hover{}

.footer h4{ font-weight:600; font-size:14px;color: #444; border-left: 1px dotted ; padding-left:10px; }

.footer ul.vcard{ border:none; margin:0; padding:0;}
.footer ul.vcard li{padding:10px 0 10px 30px;}
.footer .address{background:url('../images/icons/address_icon.png') no-repeat left center transparent;}
.footer .tel{background:url('../images/icons/phone_icon.png') no-repeat left center transparent;}
.footer .email{background:url('../images/icons/email_icon.png') no-repeat left center transparent;}

 

/* ===== Footer Bottom ==== */

.footer_bottom{}
.footer_bottom a{ color:#000; font-size: 11px;}
.footer_bottom a:hover{ }
.footer_bottom .copyright{ margin:5px 0; font-size: 9px;}
.footer_bottom .copyright a{ font-size: 9px; color: rgb(255, 102, 51) }
.footer_bottom .copyright a:hover{ color:#000; }

.footer_bottom .link-list{ margin:10px 0;padding: 5px 0; float:right;}
.footer_bottom .link-list li{ border-left:1px dotted #e5e5e5; margin-left:12px; padding:0 0 0 12px;}
.footer_bottom .link-list li:first-child{ border-left:none;}

/* ============================================= */
/* ======================== Others ===================== */
/* ============================================= */

/* ======================== Margins ===================== */
.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;}

/* ======================== Progress Bar ===================== */
.progress-bar{ margin-bottom:20px;}
.progress-bar span{ font-weight:bold;}
div.progress { padding: 2px; margin-bottom: 10px; border: 1px dotted #cccccc; height: 25px; /* meter */ /* border radii */ }
div.progress .meter {height: 100%; display: block; width: 0%; }
div.progress.secondary .meter { background: #e5e5e5; }
div.progress.success .meter { background: #5da423; }
div.progress.alert .meter { background: #c60f13; }
div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }

.progress10{ width:10% !important;}
.progress20{ width:20% !important;}
.progress30{ width:30% !important;}
.progress40{ width:40% !important;}
.progress50{ width:50% !important;}
.progress60{ width:60% !important;}
.progress70{ width:70% !important;}
.progress80{ width:80% !important;}
.progress90{ width:90% !important;}
.progress100{ width:100% !important;}

/* ======================== Tabs ===================== */

dl.tabs {border-bottom: 1px dotted #ccc;display: block;height: auto; margin-bottom: 0px;padding: 0; float:left; width:100%; margin-top:5px;}
ul.tabs-content {display:block; padding:20px; background:#ffffff; border:1px dotted #ccc; border-top:none; float:left; width:100%; margin:0px;}
dl.tabs dd {}
dl.tabs dd.active {  border-top: 5px solid;  margin-top: -5px; border-bottom: 2px solid white !important; margin-bottom:-1px;}
dl.tabs dd.active a { border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}

dl.tabs dd a { color: #666;    display: block;  font-size: 16px; font-weight: 300;  height: auto;  line-height: normal; padding: 20px 5px;  position: relative;}
dl.tabs dd a:hover {}
dl.tabs dd a:focus {}

dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a {
    padding: 20px 5px;
}

.tabs.vertical dd.active, .tabs.vertical li.active { border-bottom:0px;}

/* ======================== Accordion ===================== */

ul.accordion { border:none; float:left;}
ul.accordion > li{ border-top: none;  margin-bottom:8px; float:left; width:100%; }
.accordion-title { margin:0; padding:10px 15px; background:#f2f2f2; border-bottom:1px solid #e5e5e5; float:left; width:100%; cursor:pointer;-webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;}
.accordion-title.active{ color:#fff;}
.accordion-content{ padding:15px; float:left;}
.accordion-icon:before{font-family: FontAwesome; font-weight: normal; font-style: normal;display: inline-block; float:right; text-decoration: inherit; padding:2px 0 0;content: "\f067"; }
.active .accordion-icon:before{content: "\f068"; color:#fff;}


/* ======================== Lists ======================== */

.type1{ list-style:none; margin-bottom:20px; margin-left:0;}
.type1 a{ color:#666;}
.type1 a:hover{}
.type1 li:before { content: "\00BB \0020\0020"; font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#666; font-weight:600; font-size:18px;  }
.type1 li:hover:before {}
.type1 li ul{ list-style:inherit;}

.type2{ list-style:none; margin-bottom:20px; margin-left:0;}
.type2 a{ color:#666;}
.type2 a:hover{}
.type2 li:before { content: "\003A\003A\0020\0020"; font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#666; font-weight:600; font-size:18px;  }
.type2 li:hover:before {}
.type2 li ul{ list-style:inherit;}

.type3{ list-style:none; margin-bottom:20px; margin-left:0;}
.type3 a{ color:#666;}
.type3 a:hover{}
.type3 li:before { content: "\0020"; font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#666; font-weight:600; font-size:18px;  }
.type3 li:hover:before {}
.type3 li ul{ list-style:inherit;}

.type4{ list-style:none; margin-bottom:20px; margin-left:0;}
.type4 a{ color:#666;}
.type4 a:hover{}
.type4 li:before { content: "\0020"; font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#666; font-weight:600; font-size:18px;  }
.type4 li:hover:before {}
.type4 li ul{ list-style:inherit;}

/* ======================== Definitions Lists ======================== */


/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #909090; font-style:italic; font-size:18px !important; }
blockquote { margin: 0 0 17px; padding: 10px 20px; border-left: 1px dotted #e5e5e5; }
blockquote cite { display: block; font-size: 12px; color: #666; font-weight:bold; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

/* Testimonials ---------------------- */

.testimonial-item{}
.testimonial-content{background: url("../images/content-top-bg.png") no-repeat scroll 10px bottom #f8f8f8; padding:10px; margin-bottom:15px; }
.testimonial-content p{font-style:italic;}

/* Side Nav ---------------------- */
ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; }
ul.side-nav li { display: block; list-style: none; margin: 0px 0px 0px;  }
ul.side-nav li:hover a{background:#76b900; border-bottom:1px solid #ccc; color:#ffffff; }
ul.side-nav li.active a{border-bottom:1px solid #ccc; }
ul.side-nav li a { display: block; padding:10px;background:#ffffff; border-bottom:1px dotted #e6e6e6; font-size: 14px; color:#333;}
ul.side-nav li.active a { color: #fff;  font-weight: 700; }
ul.side-nav li.divider { border-top: 1px dotted #e5e5e5; height: 0; padding: 0; }


ul.side-nav2 { display: block; list-style: none; margin: 0; padding: 17px 0; }
ul.side-nav2 li { display: block; list-style: none; margin: 0px 0px 0px;  }
ul.side-nav2 li:hover a{background: transparent;
  background-color:rgba(255,255,255,0.15);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff)"; /* IE8 */    
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff);   /* IE6 & 7 */      
  zoom: 1;
  border-bottom:1px solid #ccc; color:#ffffff; }
ul.side-nav2 li.active a{border-bottom:1px solid #ccc; }
ul.side-nav2 li a { display: block; padding:10px;background: transparent;
  background-color:rgba(255,255,255,0.2);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff)"; /* IE8 */    
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff);   /* IE6 & 7 */      
  zoom: 1; border-bottom:1px dotted #e6e6e6; font-size: 14px; color:#000;}
ul.side-nav2 li.active a { color: #fff;  font-weight: 700; }
ul.side-nav2 li.divider { border-top: 1px dotted #e5e5e5; height: 0; padding: 0; }
/* Footer List ---------------------- */

ul.footer-list { display: block; list-style: none; margin: 0; padding: 0; }
ul.footer-list li { display: block; list-style: none; margin: 0 0 7px 0; }
ul.footer-list li a { display: block; }
ul.footer-list li.active a { color: #4d4d4d; font-weight: bold; }
ul.footer-list li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; }

/* ======================== Ordered Lists ===================== */

.ol-type1{  counter-reset: li; margin-left: 5px; padding-left: 0; margin-top:20px;}
.ol-type1 > li { color: #999999; list-style: none outside none;  margin: 0 0 20px 20px; padding: 4px 8px 4px 30px;  position: relative;}
.ol-type1 > li:before{   -moz-box-sizing: border-box; color: #FFFFFF; content: counter(li, decimal);  counter-increment: li;  font-size: 24px; left: -1em;  margin-right: 8px;   position: absolute; text-align: center; width: 36px;}

/* ======================== Pagination ===================== */

ul.pagination { display: block; height: 30px; margin-left: -5px; margin:20px 0; }
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 0px; margin-right:5px; }
ul.pagination li a { display: block; padding: 4px 7px 3px; color: #555; }
ul.pagination li:hover a, ul.pagination li a:focus { background: #444; color:#fff; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable a:focus { background: transparent; }
ul.pagination li.current a { color: white; font-weight: bold; cursor: default; }
ul.pagination li.current a:hover { background: #444;}

.arrow a{ background:#444; padding:3px 7px 3px !important; color:#fff !important; }
.arrow a:hover{ padding:3px 7px !important; color:#fff !important; }
.arrow.unavailable a{ background:#f2f2f2;}
.arrow.unavailable a:hover{ background:#f2f2f2 !important;}
ul.pagination li.unavailable:hover a{ background:#f2f2f2;}
ul.pagination .arrow [class^="icon-"]:before, ul.pagination .arrow [class*=" icon-"]:before { padding-right:0 !important;}

/* ======================== Video ===================== */
.flex-video { margin-bottom: 0px; }


/* ======================== Pricing Table ===================== */


.pricing-table{font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; float:left; width:100%; margin-bottom:0px; border:none;}
.plans { margin-bottom:0;}
.pricing-table .columns{ padding:1px; margin: 20px 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.pricing-table .button:hover { background-color: #999; }

.plan_features:nth-child(even){ background: none repeat scroll 0 0 #F7F7F7; font-size: 13px;font-weight: bold; padding: 10px 5px; width: 100%;}

.plan_features:nth-child(odd){ background: none repeat scroll 0 0 #fff; font-size: 13px; font-weight: bold; padding: 10px 5px;}

.plan_price{ color: #FFFFFF; font-size: 35px; font-weight: 300; padding: 20px; text-align: center; letter-spacing:-2px;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.plan_price span{ font-size:24px; font-weight:600; line-height: 0; position: relative; vertical-align: baseline; top:-0.5em;}

.pricing_plan1 .plan_price,.pricing_plan1 .buy{background: none repeat scroll 0 0 #999;}
.pricing_plan2 .plan_price,.pricing_plan2 .buy{background: none repeat scroll 0 0 #999;}
.pricing_plan3 .plan_price,.pricing_plan3 .buy{background: none repeat scroll 0 0 #999;}
.pricing_plan4 .plan_price,.pricing_plan4 .buy{background: none repeat scroll 0 0 #999;}

.plan_title{ background: none repeat scroll 0 0 #444;color: #e5e5e5;font-size: 20px;font-weight: bold;padding: 20px;text-align: center;}
.plan{border:1px solid #eee; margin-bottom:0;}
.plan_buy{ background: none repeat scroll 0 0 #444;padding: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
      
.plan_buy a{ display: block; text-align: center; text-decoration: none;width:80%;margin:0 auto;}
.plan_more{ background: none repeat scroll 0 0 #fff; font-size: 13px; padding: 10px; display: none;}

.more_icon{ background-image: url("../images/plus_minus_icons.png");  background-position: 25px -3px;  float: right;  height: 25px;  width: 25px;}

.more_icon:hover{cursor: pointer;}

.less_icon{ background-image: url("../images/plus_minus_icons.png"); background-position: 0px -3px;  float: right;  height: 25px; width: 25px;}

.less_icon:hover{  cursor: pointer;}

.plan_features img{ float:left;}

.feature_desc{ color: #4E4E4E; text-align: center;}


.pricing_plan1:hover { position:relative; z-index:100;
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing_plan1:hover .plan_price{}
.pricing_plan1:hover .plan_buy{ background:#666 !important;}

.pricing_plan2:hover {position:relative; z-index:100;-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing_plan2:hover .plan_price{}
.pricing_plan2:hover .plan_buy{ background:#666 !important;}

.pricing_plan3:hover { position:relative; z-index:100;-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing_plan3:hover .plan_price{}
.pricing_plan3:hover .plan_buy{ background:#666 !important;}

.pricing_plan4:hover { position:relative; z-index:100;-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing_plan4:hover .plan_price{}
.pricing_plan4:hover .plan_buy{ background:#666 !important;}

/* Pricing Table Alternative*/

.pricing-alternative{}

.pricing-alternative .plan_title{ background: #e5e5e5; color: #444 ;}
.pricing-alternative .pricing_plan1 .plan_price{ background:#444; color: #fff;}
.pricing-alternative .pricing_plan2 .plan_price{ background:#444; color: #fff;}
.pricing-alternative .pricing_plan3 .plan_price{ background:#444; color: #fff;}
.pricing-alternative .pricing_plan4 .plan_price{ background:#444; color: #fff;}

.pricing-alternative .plan_buy {background: #e5e5e5; }

.pricing-alternative .pricing_plan1:hover .plan_buy{ background:#444 !important;}
.pricing-alternative .pricing_plan2:hover .plan_buy{ background:#444 !important;}
.pricing-alternative .pricing_plan3:hover .plan_buy{ background:#444 !important;}
.pricing-alternative .pricing_plan4:hover .plan_buy{ background:#444 !important;}

/* Pricing Table Alternative - Active Column*/

.pricing-active{ position:relative; z-index:90; -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing-active .plan_price{ color: #fff !important ;}
.pricing-active .plan_buy{ background: #444 !important;}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .plan_title{ width:45%; float:left; }
  
    .plan_price{ width:55%; padding:8px 2%; float:left; line-height: 1.25;}  

    .plan_more{display: block; clear: both;}
  
    .plan_buy{ padding: 10px;}

    .plan > dd {
        height: 0;
        overflow: hidden;
        padding:0 !important;

        opacity: 0;
        filter: alpha(opacity=0); /* IE6-IE8 */
        -webkit-transition: opacity 0.9s ease-in-out;
        -moz-transition: opacity 0.9s ease-in-out;
        -o-transition: opacity 0.9s ease-in-out;
        -ms-transition: opacity 0.9s ease-in-out;
        transition: opacity 0.9s ease-in-out;
    }
    .plan:target > dd{
        padding: 10px 5px !important;
        height: auto;
        opacity: 1;
        filter: alpha(opacity=100); /* IE6-IE8 */
    }


}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .pricing_plan4,#.pricing_plan3,.pricing_plan2,.pricing_plan1{
        width: 50%;
    }

    .plan_title{ width:auto; float:none;}
    .plan_price{ width:auto; float:none; border-top: 1px solid #F83333;}
    .plan_more{ display: none;}


    .plan > dd { padding: 10px 5px !important; height:auto;
      opacity: 1;
        filter: alpha(opacity=1); /* IE6-IE8 */
        -webkit-transition: opacity 0.9s ease-in-out;
        -moz-transition: opacity 0.9s ease-in-out;
        -o-transition: opacity 0.9s ease-in-out;
        -ms-transition: opacity 0.9s ease-in-out;
        transition: opacity 0.9s ease-in-out;
    }

}

/* ======================== Tipsy Tooltips ===================== */

/* Tispy */

.tipsy { font-size: 15px; font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #333; color: #FFF; max-width: 200px; padding: 10px; text-align: center; line-height:1.6; }

/* Rounded corners */
.tipsy-inner { }
  
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; } */
  
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #333; }
.tipsy-arrow-s { border-top-color: #333; }
.tipsy-arrow-e { border-left-color: #333; }
.tipsy-arrow-w { border-right-color: #333; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
  

/* ======================== Back To Top ===================== */
.scrollup{width:40px; height:40px; opacity:0.9; position:fixed; bottom:30px; right:10px; display:none; text-indent:-9999px; background: url('../images/icon_top.png') no-repeat center center #999; z-index:999999;}
.scrollup:hover{ opacity:0.9; background: url('../images/icon_top.png') no-repeat center center;}

/* ======================== Toggle ======================== */

.toggle-view {margin:0; padding: 0;}
.toggle-view li {margin:0px 0px 7px; position:relative; cursor:pointer; display: block; font-weight: bold; text-decoration: none;}
.toggle-view li:hover { background:#f8f8f8;}    
.toggle-view h2 {margin:0; font-size:14px; padding:12px 10px; }
.toggle-view span {background: none repeat scroll 0 0 #e5e5e5; color: #FFFFFF; font-size: 14px; padding: 8px 4px 7px 12px; position: absolute; right: 0px; top: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.toggle-view li:hover h2{ }
.toggle-view li:hover span{background: none repeat scroll 0 0 ; }     
.toggle-view .toggle-content { display:none; padding:10px 20px;}
.toggle-view ul.square, .toggle-view ul.circle, .toggle-view ul.disc{ margin-left:20px;}

/* ======================== Font Icons ===================== */

/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder

    */
@font-face {
  font-family: "FontAwesome";
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles

    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding:0 10px 0 0;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}

/*  Icons Size
    ------------------------------------------------------- */
  
.icon12{ font-size:12px;}
.icon20{ font-size:20px;}
.icon30{ font-size:30px;}
.icon50{ font-size:50px;}
.icon100{ font-size:100px;}
.icon140{ font-size:140px;}
.icon180{ font-size:180px;}
.icon220{ font-size:220px;}
.icon280{ font-size:280px;}
.icon340{ font-size:340px;}



/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }

/* ============================================= */
/* ======================== Pages ===================== */
/* ============================================= */

.page_title{border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 10px;
    margin-top: 0;
  padding:10px 15px 30px;}

.page_title .columns{ padding:0;}
.page_title h1, .page_title h2, .page_title h3, .page_title h4, .page_title h5, .page_title h6{ margin:0;}

/* ======================== About Us Page ===================== */


.member-info{ margin-bottom:20px; float:left; width:100%;}
.member-name{ font-size:16px; font-weight:600; margin:10px 0 10px 0; padding:0; text-align:center;}
.member-possition{ font-style:italic; padding:0 5px;}
.member-description{padding:15px 5px; margin:0; border-top:1px dotted ; border-bottom:1px solid; min-height:170px;}

.member-social{ margin-top:5px !important; margin-bottom:0px; float:left; list-style:none;}
.member-social li{border-left: 1px dotted;  float: left;  padding: 0 5px;}
.member-social li img{border: none;}
.member-social li:first-child{margin-left:0px; border:none; padding-left:0;}
.member-social li a{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -moz-opacity: 0.8;  -khtml-opacity: 0.8;  opacity: 0.8; padding-left:10px; }
.member-social li a:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;}


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

.contact{}
.contact textarea{ height:200px;}

.contact-details p{ margin-bottom:5px;}
.contact-details p span{ font-weight: bold;}

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

/* ======================== Services ===================== */

.service-inner .service-icon {float: left; width: 40%;}

/* Service Block */

.service-block{ background:#f8f8f8; max-height:115px; min-height:115px; margin:20px 0; -webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;}

.service-block-icon{ height:115px; width:115px; font-size:68px; font-weight:800; color:#fff; float:left; text-align:center; margin-right:10px; -webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;}

.service-block-icon a{ color:#fff !important; display:block; padding:20px 0; }
.service-block:hover{ background:#f2f2f2;}
.service-block:hover .service-block-icon{ background:#444;}
.service-block-content{}
.service-block-content h4{ margin:0; padding:4% 0;}

.service-block-icon [class^="icon-"]:before, .service-block-icon [class*=" icon-"]:before { padding:0;}

/* ======================== Single Project Page ===================== */

.project-pagination {float: left; position:relative;margin:20px 0;}
.left_pagination {background: url(../images/left_pagination.png) no-repeat center center #444; float:left; height: 40px; padding: 26px; width: 40px; margin-right:1px;}
.all_pagination {background: url(../images/all_pagination.png) no-repeat center center #444; float:left; height: 40px; padding:26px; width: 40px;margin-right:1px;}
.right_pagination {background: url(../images/right_pagination.png) no-repeat center center #444;float:left; height: 40px; padding:26px; width: 40px;}

.left_pagination:hover {}
.all_pagination:hover{}
.right_pagination:hover {}

/* ======================== 404 Not Found ===================== */

.notfound_title{ text-align:center; font-weight:800; font-size:180px; margin:0px; color: #e5e5e5; text-shadow: 0 5px 0 #ccc, 0 6px 14px #999; }
.notfound_subtitle{text-align:center; margin-top:0px;}
.notfound_description{ text-align:center;}

/* ======================== Under Construction ===================== */

.construction{}
.construction_title{ color:#fff; text-align:center; margin-top:20px;}
.construction_description{ line-height:1.6;}
.construction .progress h4{ font-weight:300; font-size:18px; margin:0; position:absolute; padding:3px 10px; color:#fff;}
.construction .progress{ height:50px;}

div#clock { color: white; margin: 20px auto;overflow: hidden; text-align: center; }
div#clock p {padding:10px; border:1px dotted #e5e5e5;}
div#clock p span { display: block; font-size: 50px; font-weight:700; letter-spacing:-1px; padding: 5px 0 0;  }
div.coupon{ color: #333 !important; font-size: 50px; font-weight: bold; }
div.multi_clock{ border: 1px solid #666; color: #333; float: left; margin: 10px; padding: 5px; }


/* ======================== Blog  ===================== */

/* ===== General Blog  ==== */

.article_blog{}
.article_hr{ margin:20px 0;}
.article_title{border: medium none !important; padding-left: 0 !important; color:#ff6633; font-size:24px; }
.article_meta{ margin-bottom:20px;}
.article_meta ul.link-list li a{ display:inline;}
.article_meta a{color:#909090;}
.article_meta a:hover{}
.article_media{ padding:5px; border:1px dotted #ccc; text-align:center; }
.article_content{float:left; width:100%; margin:20px 0;}
.article_content ul{margin-left:20px;}


/* Blog Type 1*/
.article_meta_type1{ border-top:1px dotted #ccc; padding:10px 0;}
.article_meta_type1 ul.link-list{ margin-bottom:0px !important;}
.article_meta_type1 ul.link-list li a{ display:inline;}
.article_meta_type1 a{color:#909090;}
.article_meta_type1 a:hover{}

.post-date-type1{ margin-top:20px;}
.post-date-type1 .post-date-day{ padding:10px 0; text-align:center; font-weight:600; font-size:26px; color:#FFF;}
.post-date-type1 .post-date-month{padding:10px 0; text-align:center; font-weight:400; font-size:18px; color:#FFF; background:#444; margin-bottom:20px;}

/* Blog Type 2*/
.article_meta_type2{ border-top:1px dotted #ccc; padding:20px 0;}
.article_meta_type2 ul.link-list{ margin-bottom:0px !important;}
.article_meta_type2 ul.link-list li a{ display:inline;}
.article_meta_type2 a{color:#909090;}
.article_meta_type2 a:hover{}
.article_media_type2{ padding:5px; border:1px dotted #ccc; text-align:center; margin-top:20px; }
.article_content_type2{ float:left; width:100%;margin:0px 0px 20px;}

/* ===== Blog About Author  ==== */

.about-author { padding:20px; background:#f2f2f2; float:left;}

.about-author h5 { margin:0 0 10px;}
.about-author p { margin:0px;}

/* ===== Blog Comments  ==== */

.comments{ margin-top:20px;}
.comments-list {  border-bottom: 1px dotted #e5e5e5;margin: 30px 0 10px;overflow: hidden; padding: 0 0 10px;}
.comment { border-top: 1px dotted #e5e5e5;list-style: none outside none; margin: 10px 0 0; padding: 30px 0 0;float:left;}
.comment:first-child { border-top: medium none;  margin-top: 0; padding-top: 0;}
.comment .children { margin: 0; padding: 10px 0 0 30px; position: relative;float:left;}
.comment .children .comment { border-top: 1px dotted #e5e5e5;  position: relative;padding-top: 30px;}
.comment-meta { float:left; margin-left:10px;}
.comment-body { float:left; margin-left:60px;}
.comment .avatar { background: none repeat scroll 0 0 #FFFFFF; float: left; position: relative; z-index: 1;min-width:50px;}
.comment .author, .comment .author a {color: #909090; margin: 5px 0; font-weight:500; letter-spacing:0;}
.comment .author a:hover {}
.comment .date, .comment .date a { color: #ccc; font-style: italic; margin: 2px 0;}
.comment .author .comment-reply-link { font-size: 11px;}
.leave-comment { margin-top:20px;}
.leave-comment textarea{ height:200px;}

/* ===== Recent Blog  ==== */

.recent-post { margin-bottom:30px; }
.recent-post h4{ font-size:16px; margin-bottom:10px; margin-top:0;}
.recent-post .post-date-type1{padding:0 !important; margin-top:0;}
.recent-post .post-date-type1 .post-date-day { padding:6px 10px; font-size:18px;}
.recent-post .post-date-type1 .post-date-month{padding:4px 10px; font-size:12px;}

/* ===== Sidebar Right  ==== */

.sidebar-left{}

/* ===== Sidebar Right  ==== */

.sidebar-right{}

/* ===== Sidebar Widget  ==== */

.sidebar-widget{ margin-bottom:40px;}
.sidebar-widget a{ color:#909090;}
.sidebar-widget a:hover{}
.sidebar-widget .button{ color:#fff;}
.sidebar-widget h3{line-height: 1.5;}

/* ===== Sidebar List  ==== */

.sidebar-list{ list-style:none; margin-left:10px;}
.sidebar-list li{ padding:10px 0; font-weight:bold; border-bottom:1px dotted #ccc;}
.sidebar-list li:first-child{ padding:0px 0px 10px;}
.sidebar-list .date{ display:block; color:#ccc; margin-bottom:4px;}

/* ============================================= */
/* ======================== Portfolio ===================== */
/* ============================================= */
  
  .element {  padding:15px;}
  .element .flex-video {}
  .variable-sizes .element.width2 { width: 50%; }
  .element.large,
  .variable-sizes .element.large,
  .variable-sizes .element.large.width2.height2 {width: 50%;}
  #container {margin:10px 0;}
  
  @media only screen and (max-width: 767px) {.element { width: 100% !important;}  }
  
/* Filter List */

.option-set { list-style: none;margin-bottom: 0px; margin-top: 10px;}
.option-set li{ display:inline;}
.option-set li a{background:#f2f2f2; color:#666;}
.option-set li a.selected { color:#fff;}
.active .button { }

/* Filter List -Sidebar */

.side-options { list-style: none;margin-bottom: 0px; margin-top: 25px;}
.side-options li{ display:block; margin-top:5px;}
.side-options li a{background:#f2f2f2; color:#666; display:block; padding:10px;}
.side-options li a:hover{background:#444; color:#fff; display:block; padding:10px;}
.side-options li a.selected { color:#fff;}
.active .button { }
  
/* Portfolio Item */

.portfolio-item{}
.portfolio-item-image{}
.portfolio-item-image img{ display:block;}
.portfolio-item-content{ background:#f8f8f8; border-bottom:1px solid #e5e5e5; padding:20px 10px; text-align:center;}
.portfolio-item:hover .portfolio-item-content{border-bottom:1px solid;}
.portfolio-item-content .title{ margin:0; font-weight:400;}
.portfolio-item-content p{ margin:0; font-style:italic;}

  
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* ============================================= */
/* ======================== FlexiSlider ===================== */
/* ============================================= */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 25px; background: #fff; border: 1px dotted #ccc; padding:4px; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* FlexSlider Main Slider Theme
*********************************/

#main-slider{margin: 0 auto 25px;}
#main-slider .flex-caption{background: rgba(68,68,68,.8); color:#FFF;  z-index: 999; margin-bottom:0; line-height: 1.65; margin-left:85px; bottom:0; position:absolute; padding:10px; font-size:24px; font-weight:300; letter-spacing:-1px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0;}
#main-slider:hover .flex-caption { opacity: 1;}
#main-slider .flex-direction-nav a{ bottom:4px; top:inherit;}
#main-slider .flex-direction-nav .flex-next {left:46px; right:inherit;}
#main-slider .flex-direction-nav .flex-prev {}
#main-slider .flex-direction-nav a {margin: -30px 0 0;}

/* FlexSlider Simple Slider
*********************************/

.simple-slider .flex-direction-nav a {opacity: 0.5 !important; margin: -30px 0 0 !important;}
.simple-slider .flex-direction-nav a:hover {opacity: 1 !important;}
.simple-slider{border: medium none; margin-bottom: 0; padding: 0;}
.simple-slider .flex-direction-nav .flex-next {right: 0px !important; }
.simple-slider .flex-direction-nav .flex-prev {left: 0px !important;}
.simple-slider .flexslider:hover .flex-next {right: 0px !important;}
.simple-slider .flexslider:hover .flex-prev {left: 0px !important;}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 40px; height: 60px; margin: -60px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 center #444; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.flex-direction-nav .flex-next {background-position: 100% center; right: 5px; }
.flex-direction-nav .flex-prev {left: 5px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 0; left: 5px;}
  .flex-direction-nav .flex-next {opacity: 0; right: 5px;}
}

/* ============================================= */
/* ======================== Camera Slider ===================== */
/* ============================================= */

.camera_wrap{ padding:5px; border:1px dotted #ccc; background:#fff;}
.camera_wrap .camera_pag .camera_pag_ul { text-align:center !important;}

.camera_caption > div { font-size:20px; font-weight:300px; letter-spacing:-1px; color:#fff;}

.camera_wrap .camera_pag .camera_pag_ul li{margin: 25px 5px 12px !important;}
.camera_wrap .camera_pag .camera_pag_ul li { border-radius:0px !important; background:#444 !important;}
.camera_wrap .camera_pag .camera_pag_ul li > span{border-radius:0px !important;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {}



/* ============================================= */
/* ======================== Tablet and Mobile ===================== */
/* ============================================= */
@media only screen and (max-width: 971px) {
    
  .region1wrap .columns{ padding:0 15px;}
  .region2wrap .columns{ padding:0 15px;}
  
  .carousel-type2 li { width:215px;}
  
  }

@media only screen and (max-width: 767px) {  
  
   
   
   /* Header */
  .top-bar { margin-top:0px; margin-bottom:25px;}
  .top-bar ul li.toggle-topbar { margin-top:0px; }
    .top-bar ul > li.has-dropdown .dropdown { opacity:1;}
  .top_social{ float:left; margin-bottom:20px; margin-top:10px;}
  .top_search {padding-bottom:25px;}
  #logo img {margin:0 auto; text-align:center;}
  
  /* Carousel */
  
  .list_carousel li { width:300px;}
  
  /* Services */
  
  .service-block-content h4{ font-weight:700; margin:0; padding:2% 0;}
  
  /* Newsletter */
  .newsletter-input{padding-top: 0px; padding-bottom:20px;}
  
  /* Clients List */
    ul.clients_list li { width:100px;}
  
  /* Footer */
  .footer_bottom .link-list{ margin:0 0 10px; float:left;}
  .footer_bottom .link-list li:first-child{ margin:0; padding:0;}  
  .newsletter { padding-top: 0px; margin-bottom: 14px !important;}  
  .newsletter .button { font-size:11px;}
  
  /* About Us Page */
  .member-info{ margin-bottom:20px;}
  
  /* 404 - Not Found Page */
  .notfound_title{font-size:140px; }
  
  /* Flexi Main Slider */
  #main-slider .flex-caption{font-size:14px;}  
  #map{ width: 280px !important; margin:15px 0px 15px 25px ;}

  /***********************
  * DONATE MONEY PAGE
  ***********************/
  .donate-money .padding-mobile { padding:0 15px; }
  }

@media print {
  #map_canvas {height: 650px;}
}

/* ============================================= */
/* ======================== Overlay ===================== */
/* ============================================= */

.image-overlay{ position:relative;}
.overlay-icon{ position:absolute;top:0; width:100%; background-color:#444; height:100%; left:0;}
.item-zoom { background:url(../images/icons/item-zoom.png) no-repeat center center #444;}
.item-movie { background:url(../images/icons/item-movie.png) no-repeat center center #444;}
.item-image { background:url(../images/icons/item-image.png) no-repeat center center #444;}
.item-link { background:url(../images/icons/item-link.png) no-repeat center center #444;}
.item-plus { background:url(../images/icons/item-plus.png) no-repeat center center #444;}
.item-info { background:url(../images/icons/item-info.png) no-repeat center center #444;}


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

.jta-tweet-list { list-style:none; font-size:12px; margin-bottom:0;}

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

.jta-tweet-actions
{
  display: block;
    color: #999;
    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: #999;
  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); }

/* ============================================= */
/* ======================== Custom & Forms ===================== */
/* ============================================= */
.mobileMenu{margin:10px 0 10px; padding:10px; width:100%; -webkit-appearance:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=80); opacity:.8;}
.mobileMenu{color:#fff; border:1px solid #ccc; background-color: #76b900; margin-bottom:20px; }
#navi select {-webkit-appearance: menulist;}

#LanguageSelector form{margin:0px;}
#LanguageSelector select{-webkit-appearance:menulist; padding:5px;}
#ThankYou,#SAPForm  div {color:#909090;}
#langPackage label { display:inline; }
#langPackage  input {-webkit-appearance: radio;}
#enroll label{display:inline; }
#enroll  input {-webkit-appearance: checkbox;}
#ValidationSummary1{ color:#76b900 !important}
#TourDate { display:inline; width:85%;}
#EventDate { display:inline; width:85%;}
#PickUpDate { display:inline; width:85%;}
#DateRequested{display:inline; width:85%;}
#DateAvailable{display:inline; width:85%;}
#VolunteerRequestForm #PreferredDate {display:inline; width:85%;}
#VolunteerRequestForm #AlternateDate {display:inline; width:85%;}
#DOB { display:inline; width:85%;}
#SignatureDate{display:inline; width:85%;}
#Date1,#Date2,#Date3{display:inline; width:85%;}
#FromDate1,#FromDate2,#FromDate3,#ToDate1,#ToDate2,#ToDate3{display:inline; width:85%;}
#ui-datepicker-div select.ui-datepicker-month, #ui-datepicker-div select.ui-datepicker-year{ display:inline-block;padding:5px;-webkit-appearance: menulist; }

img.ui-datepicker-trigger { padding:5px 0 0 5px}
.customForm table  {-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;margin: 0 0 18px;border: 1px solid #ddd;}
.customForm input[type="radio"]{-webkit-appearance : radio;}
.customForm input[type="checkbox"]{-webkit-appearance : checkbox;}
.customForm  table td label { display:inline-block;padding-left:5px;  }
.customForm table tbody tr:nth-child(even) {background: #fff;}
.customForm select { padding:8px;-webkit-appearance:menulist; }
.customForm #langPackage label { padding:5px;}
.customForm #langPackage { padding:5px 0px 20px 0px; }
.RadCaptcha input[type="text"] { margin-bottom:5px; }
#ValidationSummary1 { padding: 0px 0px 15px 0px;}
#FoodProposal #HowHeardUs { -webkit-appearance :none;}
#user-location label {display:inline-block;}
#user-location input[type="text"] {display:inline-block;}
#Graduated1, #Graduated2, #Graduated3 {margin:0px;}
#EmploymentForm fieldset { padding-bottom:12px; }
#Graduated1 td, #Graduated2 td , #Graduated3 td { padding: 4px 10px;}
#ThirdPartyForm div {color:#909090;}
 #ProjectedPercentage,#ProjectedIncome {width:40%;display:inline-block;}
 #OtherOrganizationAmount{width:40%;display:inline-block;}
 #OtherOrganizationPercentage{width:40%;display:inline-block;}
 #pageGallery .columns
{
 height: 140px;
 overflow:hidden;
 margin-bottom:10px;
}
#pageGallery .columns a
{
    display:block;
}
#pageGallery [class*="column"]+[class*="column"]:last-child
{
    float:left;
}
 .ruInputs input[type="text"] { width:auto;display:inline-block;}
 .totalSack div {padding:15px 12px !important;}
 #BackpackBuddyForm p , #BackpackBuddyForm  h5{ color:#909090;}
 .homeNews h5{margin:0 0 10px 0;}
 .homeIntro p {font-size:12px;margin-bottom:0px;}
   .sidebar-widget .caroufredsel_wrapper{min-height:150px !important;}


/* --------------Form CSS --------*/
#form_iframe body
{
  background-color: #EEEEEE;
}
#form_iframe form input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea
{
  
}

html,body
{
  overflow-x:hidden;
}



/*----- Custom tool tip on contour form -----------*/
/*.contourField.name.textfield label:before
{
  content: "<p>The f.r.e.s.h. Board is the governing body of Houston Food Bank’s f.r.e.s.h. young professionals, an action-oriented service organization.</p> The Board is composed of its most committed members who will lead the planning, implementation, and execution of f.r.e.s.h. events and programs. In addition the Board will oversee membership engagement and help bring awareness to the issue of hunger through fundraising, advocacy, social, and volunteer efforts. Expectations of all board members are as follows: •  Fulfill a fundraising goal of $1,000, or choose the flexible goal of $500 with more minimum hours served during the fiscal year. •  Complete a minimum of 20 service hours at the Houston Food Bank, or choose the flexible goal of 40 service hours during the fiscal year. •  Attend board meetings for 1-½ hours, every 8 weeks. •  Serve on a committee; see committee descriptions below (approximate time commitment is 5 hours each month). ";
  padding-bottom: 20px;
  color: red;
  font-size: 12px;
  font-weight: normal;
  display: block;
}*/
  
.contourField .fieldLabel
{
    width: 100%;
}

.contourField .tool-tip p:last-child
{
  margin: 0;
}


/***********************
* DONATE MONEY PAGE
***********************/
.no-padding {padding:0;}
.no-padding-right {padding-right:0;}
.donate-money .button {background-color: #ff6836; min-width: 160px;}
.donate-money p {line-height: 20px; font-size:16px;}
.donate-money .block-container { padding: 24px 0; border-bottom: 1px dashed #cccccc; overflow: hidden;}
.donate-money .twelve:last-child .block-container{ border-bottom:none;}
.donate-money .icon-phone::before { padding: 0; color: #808080; font-size: 17px;  }

/***********************
* TRIBUTE GIVING
***********************/
.tribute-giving .button {background-color: #ff6836; min-width: 295px; font-size: 17px; line-height: 36px; font-weight: bold; min-height: 60px; margin: 20px 0;}
.tribute-giving .button.two-lines {line-height: 20px;}
.tribute-giving span {line-height: 22px; font-size:14px;}
@media (max-device-width: 768px) and (orientation: portrait) {
  .tribute-giving .button {min-width: auto; line-height: 1; display: block; padding:20px 0;}
  .tribute-giving .button.two-lines {line-height: 17px;}
}

/***********************
* BECOME FRIENDS
***********************/
#become-friends iframe{margin-bottom:25px;}
#become-friends .article_title_doble {border: medium none !important; padding-left: 0 !important; color: #ff6633; font-size: 24px;}
.maincontent  #become-friends h3{border: none; padding-left: 0; font-size: 18px; color: #000; line-height: 24px;}
#become-friends .button.orange{background-color: #ff6836; margin: 30px auto; display: block; max-width: 280px; font-size: 24px; padding: 12px 20px 15px; }

/***********************
* Other Ways To Give 
***********************/
.no-padding-top {padding-top:0 !important;}
.other-ways.donate-money p {font-size: 14px;}
.other-ways.donate-money p a{font-size: 18px;}

.other-ways-standars a {font-weight:bold;}
.other-ways-standars {font-size:14px;}















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.lol {
color:red;
}