/*
 *
 * Template Name: Andia
 * Template URI: http://azmind.com
 * Description: Andia - Responsive Agency Template
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */
body {
    background: #fff;
    text-align: center;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #444;
    font-size: 14px;
}
h1, h2, h3, h4 {font-family: "Cal Sans", sans-serif; font-weight: 400;  font-smoothing: antialiased;
text-rendering: optimizeLegibility;}
 #shareicons a:hover {background-color: #ff8100 !important; color: #fff !important}
.violet { color: #E78000; }
a {
    color: #E78000;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}
a:hover { color: #888; text-decoration: none; }
strong { font-weight: bold; }
h3.note {font-size: 15px; border-bottom: solid 1px; padding: 6px 0 0}
a.nota {color: #000; font-weight: bold; background: yellow; padding: 2px}
/* ----- Header ----- */
.header .navbar {
    margin-bottom: 0;
}
.header .navbar-inner {
    background: #fff;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.header h1 {
    float: left;
    margin: 0;
    text-align: left;
}
.page-title  h2.acap span {
   display: block;
   color: #c00;
   margin: 0 0 0 12px;
   font-size: 24px
}
.header a.brand {
    display: inline-block;
    text-indent: -9999px;
    width: 220px;
    height: 163px;
    padding: 10px 0;
    background: url(/occhioallavernal/sito.nsf/logo.jpg) 50px center no-repeat;
}
.header ul.nav {
    font-size: 14px;
    text-transform: uppercase;
}
.header ul.nav li a {
    padding: 30px 12px 10px 12px;
    color: #5d5d5d;
    text-shadow: none;
    min-width: 75px;
}
.header ul.nav li.current-page a {
    padding-top: 25px;
    border-top: 5px solid #E78000;
    border-top: 5px solid #E78000;
    background: #f8f8f8;
}
.header ul.nav li a:hover {
    background: #E78000;
    color: #fff;
}
.header ul.nav li a i {
    line-height: 35px;
    color: #aaa;
}
.header ul.nav li a:hover i { color: #fff; }
.page-title h3 {
    margin: 0 100px;
    font-size: 18px;
    color: #5d5d5d;
}
/*HIGHLIGHT MENU */
body.associazione li a.associazione, 
body.vernal li a.vernal,
body.letteratura-vernal li a.vernal,
body.attivita li a.att, 
body.news li a.news, 
body.faq li a.faq, 
body.forum li a.forum, 
body.help li a.help,
body.amici li a.amici, 
body.contact li a.contact {
    background: #E78000;
    color: #fff !important;
}
body.associazione li a.associazione i, 
body.vernal li a.vernal i,
body.letteratura-vernal li a.vernal i,
body.attivita li a.att i, 
body.news li a.news i, 
body.faq li a.faq i, 
body.forum li a.forum i, 
body.help li a.help i,
body.amici li a.amici i, 
body.contact li a.contact i {
    color: #fff;
}
/* MENU ALTRI DOCS */
div.uberinsert {
/*		width: 33%;
		margin: 0 0 800px 16px;*/
		display: block;
		float: right;
		padding: 0;
	}
div.insert {
		border: solid 1px gray;
		border-radius: 16px;
	}
div.insert ul {
		margin: 20px 0 20px 20px;
		list-style: none
	}
div.insert ul li {
		text-align: left;
		margin-bottom: 12px;
}
div.insert ul li a {
		font-size: 1.1em;
		padding: 4px;
		font-weight: bold;
		color: #333;
		text-align: left;
	}
div.insert ul li a:hover {
		color: #c00;
	}
/* HIGHLIGHT SUBMENU */
body#TSPI-9T5LJ3 div.insert ul li a.TSPI-9T5LJ3, body#TSPI-9T5LME div.insert ul li a.TSPI-9T5LME, body#TSPI-9T5LFS div.insert ul li a.TSPI-9T5LFS, body#TSPI-9T5MK4 div.insert ul li a.TSPI-9T5MK4, body#TSPI-9T5MTP div.insert ul li a.TSPI-9T5MTP, body#TSPI-9U3MS7 div.insert ul li a.TSPI-9U3MS7, body#TSPI-9U3MSQ div.insert ul li a.TSPI-9U3MSQ, body#TSPI-9TFE6X div.insert ul li a.TSPI-9TFE6X, body#TSPI-9TFE7C div.insert ul li a.TSPI-9TFE7C, body#TSPI-9TNP69 div.insert ul li a.TSPI-9TNP69, body#TSPI-9TPJP8 div.insert ul li a.TSPI-9TPJP8, body#TSPI-9U5N7F div.insert ul li a.TSPI-9U5N7F, body#TSPI-9T5MPP div.insert ul li a.TSPI-9T5MPP, body#TSPI-9T5MQJ div.insert ul li a.TSPI-9T5MQJ, body#TSPI-9T5MR5 div.insert ul li a.TSPI-9T5MR5, body#SGAE-9TEGZT div.insert ul li a.SGAE-9TEGZT, body#SGAE-9TEJFW div.insert ul li a.SGAE-9TEJFW, body#SGAE-9TEJGW div.insert ul li a.SGAE-9TEJGW, body#TSPI-9T5MRV div.insert ul li a.TSPI-9T5MRV, body#TSPI-9T5MT8 div.insert ul li a.TSPI-9T5MT8, body#TSPI-9T5MT8 div.insert ul li a.TSPI-9T5MT8 {
	background-color: yellow;
}
.box {
		border: solid 1px gray;
		border-radius: 16px;
		padding: 3%;
		float: left;
		width: 54%
	}
.boxall {
		border: solid 1px gray;
		border-radius: 16px;
		padding: 3%;
		float: left;
		width: 90%;
		background: #efefef;
		text-align: left;
	}
dt h4 span {display: block; font-style: italic; font-size: 0.9em}
h3 span  {display: block; font-style: italic; font-size: 0.9em; line-height: 1.1em}
dd {border-bottom: solid 1px #eee}
dt h5 {font-size: 12px}
/* ----- Slider ----- */
.slider {
    margin: 0 auto;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
}
.flexslider {
    margin-top: 45px;
    margin-bottom: 55px;
    border: 6px solid #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 -5px 15px 0 rgba(0,0,0,.05);
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 -5px 15px 0 rgba(0,0,0,.05);
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 -5px 15px 0 rgba(0,0,0,.05);
}
.flex-caption {
    position: absolute;
    bottom: 20px;
    max-width: 920px;
    padding: 10px 20px;
    margin: 0;
    background: #1d1d1d; /* browsers that don't support rgba */
    background: rgba(0, 0, 0, .7);
    font-size: 14px;
    line-height: 24px;
    color: #eaeaea;
    text-align: left;
    font-style: italic;
}
/* ----- Presentation ----- */
.presentation {
    margin-top: 30px;
}
.presentation h2 {
    font-family: 'Lobster', cursive;
    font-size: 30px;
    color: #5d5d5d;
}
.presentation p {
    font-size: 18px;
    font-style: italic;
}
/* ----- What we do ----- */
.what-we-do {
    margin-top: 50px;
}
.what-we-do .service {
    padding-bottom: 23px;
    background: #f8f8f8;
    border-bottom: 2px solid #E78000;
}
.what-we-do .service:hover {
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}
.what-we-do .service .icon-awesome {
    margin-top: 15px;
    font-size: 50px;
    line-height: 50px;
    color: #5d5d5d;
}
.what-we-do .service h4 {
    margin-top: 5px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.what-we-do .service p {
    padding-bottom: 10px;
    line-height: 24px;
}
.what-we-do .service a {
    padding: 5px 22px;
    background: #E78000;
    color: #fff;
    font-style: italic;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.what-we-do .service a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.what-we-do .service a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
/* ----- Portfolio ----- */
.portfolio {
    margin-top: 50px;
}
.portfolio-title {
    background: url(../img/line.png) left center repeat-x;
}
.portfolio-title h3 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Lobster', cursive;
    font-size: 24px;
    color: #5d5d5d;
}
.portfolio .work {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #E78000;
}
.portfolio .work:hover img {
    opacity: 0.7;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}
.portfolio .work:hover {
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}
.portfolio .work .icon-awesome {
    margin-top: 15px;
    font-size: 22px;
    line-height: 22px;
}
.portfolio .work .icon-awesome a {
    display: inline-block;
    padding: 5px 9px;
    background: #E78000; 
    color: #fff;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.portfolio .work .icon-awesome a:hover {
    background: #5d5d5d;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.portfolio .work .icon-awesome a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.portfolio .work h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.portfolio .work p {
    line-height: 24px;
    font-style: italic;
}
/* ----- Testimonials ----- */
.testimonials {
    margin-top: 50px;
    padding-bottom: 50px;
}
.testimonials-title {
    background: url(../img/line.png) left center repeat-x;
}
.testimonials-title h3 {
    width: 180px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Lobster', cursive;
    font-size: 24px;
    color: #5d5d5d;
}
.testimonial-list {
    margin-top: 30px;
    text-align: left;
}
.testimonial-list img {
    float: left;
    margin: 10px 0 0 60px;
    border: 3px solid #eaeaea;
}
.testimonial-list p {
    padding: 0 60px 0 150px;
    font-size: 14px;
    line-height: 30px;
    font-style: italic;
}
.testimonial-list .nav-tabs {
    width: 200px;
    float: right;
    border: 0;
}
.testimonial-list .nav-tabs li {
    margin-right: 6px;
}
.testimonial-list .nav-tabs li a {
    width: 12px;
    height: 12px;
    padding: 0;
    background: #eaeaea;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.testimonial-list .nav-tabs li a:hover { border: 0; background: #ddd; }
.testimonial-list .nav-tabs li.active a { background: #E78000; }
/* ---------- FAQ NEWS ECC -------------*/
.btnsmall {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  text-shadow: 1px 1px 3px #fffcff;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #292029;
  font-size: 12px;
  background: #e77f00;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}
.btnsmall:hover {
  background: #fc7f3c;
  text-decoration: none;
}
dd p img {display: block; float: left}
dd p {width: 66%}
/* ----- Footer ----- */
footer {
    margin: 0 auto;
    padding-bottom: 10px;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
}
footer .widget {
    margin-top: 20px;
    text-align: left;
}
footer .widget h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
footer .widget p {
    line-height: 20px;
    font-size: 13px;
}
footer .widget i {
    padding-right: 7px;
}
/* Twitter feed */
.show-tweets {
    margin: 0;
    overflow-y: hidden;
}
.tweet_list {
    height: 10em;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    list-style: none;
}
	
.tweet_list li {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    list-style-type: none;
    line-height: 24px;
}
		
.tweet_list .tweet_avatar {
    float: left;
}
		
.tweet_list .tweet_avatar img {
    vertical-align: middle;
}
/* Flickr feed */
.flickr-feed {
    margin: 16px 0 0 0;
    overflow: hidden
}
.flickr-feed li {
    float: left;
    padding: 0 4px 4px 0;
    list-style: none;
}
.flickr-feed li img {
    width: 50px;
    border: 2px solid #eaeaea;
}
.flickr-feed a:hover {
    opacity: 0.7;
}
footer .footer-border {
    margin-top: 30px;
    border-top: 1px dashed #ddd;
}
footer .copyright {
    margin-top: 15px;
    text-align: left;
}
footer .social {
    margin-top: 10px;
    text-align: right;
}
/* ----- Page title ----- */
.page-title {
    margin: 0 auto;
    padding: 30px 0 35px 0;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    text-align: left;
}
.page-title h2 {
    display: inline;
    margin-left: 10px;
    font-family: 'Trebuchet MS','Lobster', cursive;
    font-size: 36px;
    color: #5d5d5d;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    vertical-align: middle;
}
.page-title p {
    display: inline;
    margin-left: 5px;
    font-size: 14px;
    font-style: italic;
    vertical-align: middle;
}
.page-title-icon {
    margin-left: 20px;
    font-size: 46px;
    color: #ccc;
    vertical-align: middle;
}
/********** ----- ABOUT PAGE ----- **********/
/* ----- About us text ----- */
.about-us {
    margin-top: 20px;
}
.about-us-text {
    padding: 10px 0;
    text-align: left;
}
.about-us-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.about-us-text p {
    padding: 0 20px 0 0;
    line-height: 23px;
    font-size: 15px;
}
.about-us-text img {
    padding: 0 10px;
}
/* ----- Meet our team ----- */
.team {
    margin-top: 30px;
}
.team-title {
    background: url(../img/line.png) left center repeat-x;
}
.team-title h3 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Lobster', cursive;
    font-size: 24px;
    color: #5d5d5d;
}
.team-text {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #E78000;
}
.team-text:hover img {
    opacity: 0.7;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}
.team-text:hover {
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}
.team-text .social-links {
    margin-top: 15px;
}
.team-text .social-links a { display: inline-block; width: 24px; height: 24px; margin: 0 4px; vertical-align: middle; }
.team-text .social-links a.twitter { background: url(../img/social-icons/twitter.png) left top no-repeat; }
.team-text .social-links a.dribbble { background: url(../img/social-icons/dribbble.png) left top no-repeat; }
.team-text .social-links a.pinterest { background: url(../img/social-icons/pinterest.png) left top no-repeat; }
.team-text .social-links a.flickr { background: url(../img/social-icons/flickr.png) left top no-repeat; }
.team-text .social-links a.forrst { background: url(../img/social-icons/forrst.png) left top no-repeat; }
.team-text .social-links a.vimeo { background: url(../img/social-icons/vimeo.png) left top no-repeat; }
.team-text .social-links a.linkedin { background: url(../img/social-icons/linkedin.png) left top no-repeat; }
.team-text .social-links a.facebook { background: url(../img/social-icons/facebook.png) left top no-repeat; }
.team-text .social-links a.email { background: url(../img/social-icons/email.png) left top no-repeat; }
.team-text .social-links a.behance { background: url(../img/social-icons/behance.png) left top no-repeat; }
.team-text .social-links a.googleplus { background: url(../img/social-icons/googleplus.png) left top no-repeat; }
.team-text .social-links a.youtube { background: url(../img/social-icons/youtube.png) left top no-repeat; }
.team-text .social-links a.skype { background: url(../img/social-icons/skype.png) left top no-repeat; }
.team-text .social-links a.tumblr { background: url(../img/social-icons/tumblr.png) left top no-repeat; }
.team-text .social-links a:hover { background-position: left bottom; }
.team-text h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.team-text p {
    line-height: 24px;
    font-style: italic;
}
/********** ----- CONTACT PAGE ----- **********/
/* ----- Form ----- */
.contact-us {
}
.contact-us h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.contact-us p {
    padding: 0 20px;
    line-height: 2.4em;
    font-size: 1.1em;
}
input, textarea {
    width: 40%;
    height: 24px;
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 13px;
}
input:focus, textarea:focus {
    border: 1px solid #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
textarea {
    height: 160px;
    width: 40%;
    display: block;
    float: left
}
input.txtst {width: 25%}
b.label {
    display: block;
    float: left;
    width: 15%;
    padding: 4px;
    margin-right: 12px
}
b.shtlabel {
    width: 80px;
    padding: 4px;
    margin-right: 12px
}
span.riga {
    display: block;
    height: 35px;
}
input.curt {
	width: 80px
}
.btn {
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  text-shadow: 1px 1px 3px #fffcff;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: 'Trebuchet MS', verdana, Arial;
  color: #292029;
  font-size: 1.1em;
  background: #e77f00;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn:hover {
  background: #fc7f3c;
  text-decoration: none;
}
.ble {
	 background: #FF8100;
	 background: green;
  text-decoration: none;
}
.half {
	max-width: 300px !important
}
.contact-us form b.shlabel {
		border-radius: 3px;
		background: #999;
		background: #666666;
		color: #fff;
		padding: 2px 4px;
		font-size: 13px
}
.contact-us form b.label {
		background: #666666;
}
.btn {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:13px 32px 13px 53px;
	text-decoration:none;
	width: 78%;
	margin: 20px 0 12px;
}
.btn:hover, .btn:active {
	text-decoration:none;
}
/* ----- Google maps ----- */
.map {
    margin: 20px 20px 40px 20px;
    height: 300px;
    border: 5px solid #f8f8f8;
}
/********** ----- SERVICES PAGE ----- **********/
/* ----- Services full width text ----- */
.services-full-width {
    margin-top: 20px;
}
.services-full-width-text {
    padding: 10px 0 0 0;
    text-align: left;
}
.services-full-width-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.services-full-width-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}
/* ----- Services half width text ----- */
.services-half-width {
    margin-top: 20px;
}
.services-half-width-text {
    padding: 10px 0;
    text-align: left;
}
.services-half-width-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.services-half-width-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}
/* ----- Call to action ----- */
.call-to-action {
    margin-top: 20px;
    padding-bottom: 50px;
}
.call-to-action-text {
    padding: 25px 0 20px 0;
    text-align: left;
    background: #f8f8f8;
    overflow: hidden;
}
.call-to-action-text:hover {
    box-shadow:
        0 3px 10px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}
.call-to-action-text .ca-text, .call-to-action-text .ca-button {
    float: left;
    padding: 0 0 0 35px;
    line-height: 30px;
    font-size: 18px;
    font-style: italic;
}
.call-to-action-text .ca-button {
    float: right;
    padding: 0 35px 0 0;
}
.call-to-action-text .ca-button a {
    padding: 5px 22px;
    background: #E78000;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.call-to-action-text .ca-button a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.call-to-action-text .ca-button a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
/********** ----- PORTFOLIO PAGE ----- **********/
.portfolio-page {
    margin-top: 20px;
    padding-bottom: 50px;
}
.portfolio-page h4.filter-portfolio {
    margin-top: 35px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
ul.portfolio-img {
    margin: 0;
    overflow: hidden;
}
ul.portfolio-img li {
    list-style: none;
}
.filter-portfolio a { color: #5d5d5d; text-decoration: none; }
.filter-portfolio a:hover { color: #E78000; text-decoration: none; }
.filter-portfolio a#active-imgs { color: #E78000; }
.filter-portfolio a#active-imgs:hover { color: #5d5d5d; }
/* ----- Media queries ----- */
@media (min-width: 980px) and (max-width: 1200px) {
    .flex-caption {
        max-width: 700px;
    }
    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }
    .call-to-action-text {
        padding-bottom: 30px;
    }
    .call-to-action-text .ca-text {
        padding: 0 35px;
    }
    .call-to-action-text .ca-button {
        margin-top: 10px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .header ul.nav li.current-page a {
        padding-top: 15px;
    }
    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }
    .flex-caption {
        max-width: 500px;
    }
    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }
    .call-to-action-text {
        padding-bottom: 30px;
    }
    .call-to-action-text .ca-text {
        padding: 0 35px;
    }
    .call-to-action-text .ca-button {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }
    .slider, .what-we-do, .portfolio {
        padding: 0 20px;
    }
    .what-we-do {
        margin-top: 30px;
    }
    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .header ul.nav li.current-page a {
        padding-top: 15px;
    }
    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }
    .flex-caption {
        display: none;
    }
    .presentation, footer, .testimonials {
        padding-left: 20px;
        padding-right: 20px;
    }
    .presentation p {
        line-height: 30px;
    }
    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }
    .what-we-do .service .icon-awesome {
        padding-top: 10px;
    }
    .page-title p {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }
    .call-to-action-text {
        padding-bottom: 30px;
    }
    .call-to-action-text .ca-text {
        padding: 0 35px;
    }
    .call-to-action-text .ca-button {
        margin-top: 10px;
    }
    .portfolio-page {
        padding-bottom: 50px;
    }
    .tweet_list {
        height: 6em;
    }
}
@media (max-width: 480px) {
    .tweet_list {
        height: 10em;
    }
}