@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,700&subset=latin,latin-ext);

body {font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; background: url(../img/footer-pattern.png);}
a, a:hover, a:active, a:focus {text-decoration: none; outline: 0;}

.white-background {background-color: #fff;}
.page-title {font-size: 24px; font-style: italic; margin-bottom: 15px;}
.second-title {color: #2e872a; font-size: 16px; font-weight: bold; margin-bottom: 15px;}


.buttons:before, .buttons:after {content: ''; display: table;}
.buttons {text-align: right; margin: 20px 0;}

.share-box:before, .share-box:after {content: " "; display: table;}
.share-box {border-top: 1px dotted #ccc; padding-top: 15px; margin-top: 20px; margin-bottom: 20px;}
.share-box p {margin-bottom: 5px;}
.share-box > a {text-indent: -9999px; display: inline-block; margin-right: 5px;}
.share-box > a.facebook {background: url(../img/share-facebook.png) no-repeat; width: 88px; height: 25px;}
.share-box > a.twitter {background: url(../img/share-twitter.png) no-repeat; width: 79px; height: 25px;}
.share-box > a.google {background: url(../img/share-google.png) no-repeat; width: 67px; height: 25px;}

#main {min-height: 400px; padding: 30px 0;}

#header {background: url(../img/header-background.png) center top no-repeat; min-height: 98px;}
#header .logo {text-align: center;}
#header .logo a {display: inline-block; width: 285px; height: 82px; background: url(../img/logo.png) right top no-repeat; margin-top: 55px;}
#header .menu {text-align: center; margin-top: 30px; height: 50px;}
#header .menu ul {list-style: none; margin: 0; padding: 0;}
#header .menu ul li {display: inline-block; margin: 0 15px; font-size: 15px;}
#header .menu ul li a {color: #aaa;}
#header .menu ul li a:hover {color: #2e872a; display: block; border-bottom: 3px solid #2e872a; padding-bottom: 5px;}

#header .mobile-menu {margin-top: 30px; text-align: center;}
#header .mobile-menu button {font-size: 20px; margin: 13px; line-height: 1;}
#header .mobile-menu ul {list-style: none; display: none; text-align: center; margin: 0; padding: 0;}
#header .mobile-menu ul li {display: block; margin: 0 15px; padding: 3px 0px; font-weight: bold;}
#header .mobile-menu ul li a {color: #aaa;}
#header .mobile-menu ul li a:hover {color: #2e872a;}

#banner {font-family: 'Open Sans Condensed', Arial, sans-serif;}
#banner .ls-l.text {width: 1140px;}
#banner .ls-l span {background-color: rgba(255,255,255,0.75); color: #0d370c; display: inline-block; height: 50px; line-height: 50px; padding: 0 10px; font-size: 36px; font-weight: bold;}
#banner .ls-l strong {font-size: 60px;}
#banner .ls-l.text:nth-last-of-type(1) span {background-color: rgba(46,135,42,0.75); color: #fff;}

#spots {background: url(../img/spot-pattern.png) repeat-x; padding-top: 20px;}
#spots ul {list-style: none; padding: 0; margin: 0;}
#spots .hidden-xs {padding: 0 55px;}
#spots .hidden-xs {padding: 0 55px;}
#spots .item {font-size: 14px;}
#spots .item a {color: #777;}
#spots .item img {margin-bottom: 10px; width: 100%; display: block;}
#spots .item span {display: block; height: 60px; overflow: hidden; margin-bottom: 10px;}
#spots .item i {display: block; font-style: normal; font-size: 13px; text-align: right; color: #38a1db; border-top: 1px solid #38a1db; position: relative; height: 20px;}
#spots .item i strong {display: inline-block; font-weight: normal; background-color: #fff; position: absolute; right: 0; top: -12px; padding-left: 10px;}
#spots .bx-wrapper {position: relative;}
#spots .bx-wrapper .bx-controls a {display: block; width: 41px; height: 41px; position: absolute; top: 50%; margin-top: -20px; text-indent: -9999px; background: url(../img/spot-arrows.png) no-repeat;}
#spots .bx-wrapper .bx-controls a.bx-prev {left: -51px;}
#spots .bx-wrapper .bx-controls a.bx-next {background-position: -41px 0; right: -51px;}


#about {height: 316px; background: url(../img/about-background.png) center top no-repeat; margin-top: 30px; padding: 90px 0 0 0; text-align: center; position: relative;}
#about .title {font-size: 40px;font-family: "Open Sans Condensed", Arial, sans-serif; color: #aaa;}
#about .detail {font-size: 20px; font-style: italic; padding: 0 10%; color: #222; height: 86px; overflow: hidden;}
#about .more {position: absolute; left: 50%; bottom: 0; width: 90px; height: 50px; margin-left: -45px;}


#widgets .title {font-size: 24px; font-style: italic;}
#widgets .applications {margin: 0 -5px;}
#widgets .applications img {padding: 5px; width: 25%; display: block; float: left;}
#widgets .more {display: block; font-style: normal; font-size: 13px; text-align: right; color: #38a1db; border-top: 1px solid #38a1db; position: relative; height: 20px; margin-top: 20px;}
#widgets .more a {display: inline-block; font-weight: normal; background-color: #fff; position: absolute; right: 0; top: -12px; padding-left: 10px;}
#widgets form .form-group {margin-bottom: 5px;}
#widgets form .form-control {border-radius: 0; background-color: #efefef;}
#widgets form .btn {border-radius: 0;}

#footer {padding: 30px 0 50px 0; color: #fff;}
#footer a {color: #8cdc87;}
#footer .footer-contact {background: url(../img/footer-mail.png) no-repeat; padding-left: 100px; min-height: 75px; overflow: hidden;}
#footer .websitesatisi {float: right;}


.services .service .image {margin-bottom: 15px;}
.services .service .image img {width: 100%; display: block; border-radius: 2px;}
.services .service .detail  {height: 200px;}
.services .service .detail .title {color: #2e872a; font-weight: bold; font-size: 15px; margin-bottom: 5px; max-height: 43px; overflow: hidden;}
.services .service .detail .title a {color: #2e872a;}
.services .service .detail .title a:hover {color: #000;}
.services .service .detail .summary {height: 74px; overflow: hidden;}

.galleries .gallery {margin-bottom: 30px;}
.galleries .gallery img {border-radius: 2px;}
.galleries .gallery .title {font-size: 16px; letter-spacing: -1px;}
.galleries .gallery .images {padding-left: 0;}
.galleries .gallery .images img {margin-bottom: 5.5px;}