@charset "utf-8";
/* CSS Document */

/***** General *****/

html, body {font-family: 'Open Sans Condensed', sans-serif,'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;color:#333333; margin:0; padding:0; background:none;}
.left { float:left;}
.right {float:right;}
.center{ text-align:center;}
.divider{ width:100%; min-height:1px; margin-top:20px; margin-bottom:20px;  display:inline-block; position:relative;}
.divider-strip{ min-height:1px; margin-top:20px; margin-bottom:20px;  display:inline-block; position:relative; border-bottom:1px #e3e3e8 solid;}
.divider-strip h4{ font-family: 'Open Sans Condensed', sans-serif;font-weight:700; margin-bottom:10px; text-transform:uppercase;text-shadow:2px 2px 0 #e3e3e8;}
.divider-post{width:100%; min-height:1px; margin-top:25px; margin-bottom:25px;  display:inline-block; position:relative; border-bottom:1px #e3e3e8 solid;}
.strip-block { width:30px; height:2px; background:#2293a7; position:absolute; bottom:-2px; left:0;}
.block-title{width:100%; }
.no-float{ float:none;}
.no-padding-lr{ padding-left:0; padding-right:0;}
.margin-right{ margin-right:19px}
a, img , button { outline: none; }
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0;
}
button:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
border: 0;
}
section{ padding-top:40px;}

/***** Typography & Element *****/

.imageLeft {float: left;margin: 5px 20px 0 0;}
.imageRight {float: right;margin: 5px  0 0 20px;}
a { color:#333333;}
a:hover{ color:#2293a7;}
h1, h2, h3, h4, h5, h6,p,a{font-family: 'PT Sans', sans-serif,'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight:400;}

/***** Header *****/

.header { background:#499849 url(../img/bg-header.png) top repeat-x;}
.top-bar{ background:#363636; border-top:3px #2293a7 solid; display:none; padding:3px 0;}
.strip-line{border-bottom:1px #e3e3e8 solid; height:103px;}
a.logo{ height:50px; display:block; margin:15px 0 0 0; padding:10px 0 0 0; }
.promo-slogan h1{font-family: 'Open Sans Condensed', sans-serif; font-weight:400;text-align:center; font-size:24px;}
.promo-slogan h1 span { font-style:italic; font-weight:700; color:#2293a7;}
.promo-slogan h1 strong { font-style:italic;}
.promo-buy h1{font-family: 'Open Sans Condensed', sans-serif; font-weight:400; font-size:24px; margin:0;}
.navbar-search .search-query { background:#ffffff url(../img/search-icon.png) top right no-repeat; border-color:#d2d2d7; width:8px;}
.navbar-search { margin-top:3px;}
.info-text {padding:0; background:url(../img/info_img.png) 0 0 no-repeat; width:570px; margin:0;}
.info-text li{ margin-top:7px; margin-left:30px;height:24px; font-size:13px; font-weight:400; line-height:18px;width:540px; display:none; color:#fff;}
.info-text li a{ color:#fff;}

/***** Social link*****/

ul.socicon {margin:0; height:26px; overflow:hidden;}
ul.socicon.top-w {margin:4px 0; width:30px; height:26px; overflow:hidden;}
ul.socicon li{ display:block; padding:0; margin:0 0 0 4px; float:left;}
ul.socicon li a{ width:26px; height:26px; display:block; padding:0; margin:0;}
ul.socicon li a.dribbble { background:url(../img/social/dribbble_dark.png) 0 0 no-repeat;}
ul.socicon li a.facebook { background:url(../img/social/facebook_dark.png) 0 0 no-repeat;}
ul.socicon li a.twitter { background:url(../img/social/twitter_dark.png) 0 0 no-repeat;}
ul.socicon li a.flickr { background:url(../img/social/flickr_dark.png) 0 0 no-repeat;}
ul.socicon li a.linkedin { background:url(../img/social/in_dark.png) 0 0 no-repeat;}
ul.socicon li a.vimeo{ background:url(../img/social/vimeo_dark.png) 0 0 no-repeat;}
ul.socicon li a.google{ background:url(../img/social/google_dark.png) 0 0 no-repeat;}
ul.socicon li a.share-icon{ background:url(../img/social/share-icon.png) 0 0 no-repeat;}
ul.socicon li.last{ margin-right:0;}

/***** Main Nav *****/

nav select{ display:none; width:100%;}
nav ul{margin:30px 0;}
nav ul li{float: left;margin:0 0 0 10px;position: relative;z-index:999;}
nav ul li a{display: block;margin:0 0 0 10px;padding: 10px 15px;font-size:15px;font-weight: 400;font-family: 'PT Sans', sans-serif;text-transform: capitalize;line-height: 15px;color: #f8f8f8;}
nav ul li a:hover, nav ul li.current > a{color: #2293a7;border: none;background: url(../img/bgbutmenu.png) top center no-repeat;padding: 10px 15px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}

/***** Sub-Menu *****/

nav ul li ul{display: none;position: absolute;top: 50px;left: 0;width: 160px;margin: 0;padding: 0;overflow: visible;z-index: 99;}
nav ul li ul li{float: none;margin: 0;padding: 0;border-top:none;}
nav ul li ul li:first-child a:after{display: block;height: 6px;width: 14px;position: absolute;left: 25px;top: -6px;content: '';background: url(../img/sub-arrow-top.png) no-repeat 0 0 ;z-index: 10;}
nav ul li ul li a{font-size:13px;font-weight: 400;display: block;padding: 10px;color: #f8f8f8;background: url(../img/bg-menu.png);border-bottom: 1px solid #000000;}
nav ul li ul li:last-child a{	box-shadow: 0 1px 0 #000000;}
nav ul li ul li a:hover{color: #2293a7;background: url(../img/bg-menu.png);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;}


/***** Second Level Sub-Menu *****/

nav ul li ul li ul{display: none;position: absolute;top: -2px;left: 163px;width: 160px;margin: 0;padding: 0;}
nav ul li ul li ul li:first-child a:after{display: block;height: 14px;width: 6px;position: absolute;left: 5px;top: 9px;content: '';background: url(../img/sub-arrow.png) no-repeat 0 0 ;z-index: 10;}


/***** Slider *****/

.slider-home{background:#2293a7 url(../img/bg-slider.png);}
#slider-color{background-color:#2293a7;}
.slider-cont{background:#f8f8f8 url(../img/bg-slider.png);}
.cont-bs{ padding-top:70px; padding-bottom:25px; background:url(../img/bg-slider-two.png) bottom center no-repeat;}
.rslides .caption { position: absolute;z-index: 2;font-size: 20px;font-weight: 400;font-family: 'PT Sans', sans-serif;text-transform: uppercase;color: #fff;background: #2293a7;opacity:0.9;left:15px; bottom: 15px;padding: 20px;margin: 0;}
.rslides_tabs {margin-top: 25px;text-align: center;}  
.rslides_tabs li {display: inline;float: none;_float: left;*float: left;margin-right: 5px;}
.rslides_tabs a {text-indent: -9999px;overflow: hidden;display: inline-block;_display: block;*display: block;width: 45px;height: 3px;}
.rslides1_nav {position: absolute;top:85px;right:40px;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 20px;width: 20px;background:#2293a7 url(../img/arrow-slider.png) no-repeat left top;}
.rslides1_nav.next {right: 15px;background-position: right top;}
.port-slider .rslides1_nav {position: absolute;top:15px;right:40px;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 20px;width: 20px;background:#2293a7 url(../img/arrow-slider.png) no-repeat left top;}
.port-slider .rslides1_nav.next {right: 15px;background-position: right top;}
.cont-bs .rslides_tabs .rslides_here a {background: #f8f8f8;height: 6px;opacity:0.9}
.cont-bs .rslides_tabs a {background: #f8f8f8;opacity:0.5}
.slider-home .promo-area h1{ color:#f8f8f8;font-weight: 700;font-family: 'PT Sans', sans-serif; margin-top:60px;text-shadow:1px 1px 0 #499849; }
.slider-home .promo-area p{ color:#f8f8f8;font-weight: 700;font-family: 'PT Sans', sans-serif; margin-top:10px; margin-bottom:15px;}
.promo-area-slider h1{ color:#f8f8f8;font-weight: 700;font-family: 'PT Sans', sans-serif;}
.promo-area-slider p{ color:#f8f8f8;font-weight: 700;font-family: 'PT Sans', sans-serif; margin-top:10px; margin-bottom:15px;}


.big-large{font-size: 24px;line-height: normal;padding: 20px 0; text-align:center; width:100%;font-weight: 400;font-family: 'PT Sans', sans-serif; color:#499849}
.promo-area-slider{  background:url(../img/bg-promo-slider.png); padding:25px; margin:0;}
.promo-area-slider .big-large-sl{padding: 10px 0;font-size: 24px;line-height: normal; text-align:center; width:100%;font-weight: 400;font-family: 'PT Sans', sans-serif;}

/***** Testimonials *****/

.testimonialswrap { position:relative;}
.testimonialswrap .testimonials-controls { position:absolute; bottom:0; right:0; z-index:9999;}
.testimonialswrap .testimonials-controls a { width:19px; height:19; display:block; background:#ccc; float: right; text-indent:-9999px;}
.testimonialswrap .testimonials-controls a.next-l{ background:#ccc url(../img/tes-arrows.png) 0 0 no-repeat}
.testimonialswrap .testimonials-controls a.prev-l{ background:#ccc url(../img/tes-arrows.png) 0 -19px no-repeat}
.testimonialswrap .testimonials-controls a.carousel-disabled{ background-color:#dddcdc;}
blockquote{ font-style:italic; font-size:16px;}
blockquote small{font-size:14px; font-style:normal; margin-top:25px;}

/***** Portfolio *****/

#pagehead {padding:25px 0;} 
#pagehead h1,.page-header h1{ font-size:36px; font-weight:400;font-family: 'Open Sans Condensed', sans-serif; text-shadow:2px 2px 0 #e3e3e8;}
section h2 { font-weight:400;font-family: 'Open Sans Condensed', sans-serif; text-shadow:2px 2px 0 #e3e3e8;}
#pagehead h1 small{ font-weight:400;}
.service-home{margin-bottom:30px;margin-top:30px;}
.block-info{padding:0; margin-bottom:20px;}
.block-info h3 a{font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin-bottom:10px; text-transform:uppercase; font-size:24px;}
.block-info img { margin:5px auto 0;}
.block-info .home-title{color:#2293a7;text-shadow:2px 2px 0 #e3e3e8; font-size:36px; font-weight:400;}
a.thumbnail,a.thumbnail:hover{ border:none;}
.portfolio .item-block{ margin-bottom:30px;}
.item-block{ position: relative; overflow:hidden; margin-bottom:30px;}
.item-block .desc{ padding:20px 0; text-align:center;border-bottom:1px #e3e3e8 solid;font-family: 'PT Sans', sans-serif;}
.item-block .desc a{ font-size:18px; color:#333333; font-weight:400; line-height:24px;}
.item-block .desc a:hover{ color:#2293a7;}
.item-block .desc p{ color:#aeaeae;}
.item-block .zoom {width:40px; height:40px;background:url(../img/zoom.png) no-repeat top center; display:block; position:absolute; top:55px; left:-70px; z-index:155;}
.item-block .link{width:40px; height:40px;background:url(../img/link.png) no-repeat top center; display:block; position:absolute; top:55px; right:-70px; z-index:155;}

/***** Portfolio filter *****/

ul#portfolio-filter{ margin-bottom:30px; padding: 0;float:left; }
ul#portfolio-filter li{ display: inline; margin:0 5px 0 0; float:left;}
ul#portfolio-filter a{ margin-right:0; padding:3px 10px;display:block;font-size: 13px; text-align:center; text-decoration: none; text-transform:uppercase; }
ul#portfolio-filter li a.currents{ background:#2293a7; color: #f8f8f8;}
ul#portfolio-filter li.loading-item {width:16px;height:18px;background:#fff url(../images/loading.html) no-repeat 0 2px;display:none;}

/***** Blog post *****/

.blog-home h3{ margin-top:10px;}
.blog-home .carousel{ margin-bottom:0;}
.meta{ margin:10px 10px 0 0; text-align:center;}
.blog-meta{ margin:0;text-shadow:2px 2px 0 #e3e3e8;}
.blog-meta hr{ margin:5px 0;}
.meta .data{ font-weight:400; padding:5px; background:#f8f8f8;}
.blog-meta .data h3{ font-weight:700; font-style:italic;color:#2293a7; padding:5px 0 0 0; }
.post-format span{ width:40px; height:40px; display:block; background:#2293a7 url(../img/post-format-sprite.png) 50% 40px no-repeat; margin-bottom:10px;}
.blog-meta .post-format span{ width:70px; height:40px; display:block; background:#2293a7 url(../img/post-format-sprite.png) 50% 40px no-repeat;}
.post-format.aside span { background-position: 50% 0;}
.post-format.audio span{ background-position: 50% -40px;}
.post-format.chat span{ background-position: 50% -80px;}
.post-format.default span{ background-position: 50% -120px;}
.post-format.gallery span{ background-position: 50% -160px;}
.post-format.links span{ background-position: 50% -200px;}
.post-format.quote span{ background-position: 50% -240px;}
.post-format.status span{ background-position: 50% -280px;}
.post-format.video span{ background-position: 50% -320px;}
.post-format.image span{ background-position: 50% -360px;}
.addthis_counter{ margin:0 auto; float:none;}
.post-title{ margin:10px 0;}

/***** Google map *****/

#google_map{height: 400px;}

/***** Contact form *****/

#form .error-input {border:1px solid #2293a7;}
.sending{margin:0; padding:3px;font-size:15px; display:none; position:absolute; bottom:10px; right:20px;}
.mess {display: none; padding:40px 0 40px 0;}
.mess h3{ padding:10px; font-weight:400;}

/***** Footer *****/

footer{ margin:0; padding:40px 0 0 0;background:#333333 url(../img/bg-header.png) top repeat-x; color:#f8f8f8; border-bottom:5px #262626 solid; border-top:#262626 10px solid;}
footer h3 { margin:0 0 15px 0; padding:0 0 10px 0;border-bottom:#262626 1px solid; text-shadow:1px 1px 0 #262626;}
#tweet-list{ margin:0;}
.tweets{width:370px; padding:0;font-size:12px; line-height:16px; overflow:hidden;}
.tweets ul li,.tweets p {font-size:15px; line-height:16px;}
.tweets ul li { background:#262626 url(../img/bird-small.png) 8px 12px no-repeat; padding:10px 10px 10px 35px; margin:0 0 15px 0;-moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.tweets ul li a{font-style:italic; font-weight:bold;font-size:12px;color:#2293a7;}
.copy{ font-size:13px;text-shadow:1px 1px 0 #262626;padding:20px 0 10px 0; color:#7d7d7d;}

/***** Flickr *****/

.flickr_badge_image{ float: left; margin: 0 10px 10px 0; padding: 3px; background: #262626;}


/***** Back to Top *****/

#toTop{ display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(../img/ui.totop.png) no-repeat left top; }
#toTopHover{ background:url(../img/ui.totop.png) no-repeat left -50px; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus{ outline:none; }

/***** Button *****/

.button{margin: 0 0 10px;display: inline-block;padding: 12px 20px 12px;color: #ffffff;font-size: 13px;text-transform: uppercase;text-decoration: none;outline: none;cursor: pointer;background: #2293a7;}
.button:hover, .button:focus{color: #ffffff;text-decoration: none;outline: none;background: #ddd;}
.button:active{color: #ffffff;text-decoration: none;outline: none;}
.button.small{padding: 8px 10px 8px;font-size: 12px;line-height: 12px;}
.button.large{padding: 16px 25px 16px;font-size: 16px;line-height: 16px;}
.button.biglarge{padding: 20px 30px 20px;font-size: 20px;line-height: 20px;}
.rounded{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.button.blue { background: #ddd;}
.button.blue:hover { background: #2293a7;}

/***** List style *****/

ul.circle li{padding: 0 0 1px 14px;background: url(../images/circle.png) no-repeat left 2px;list-style: none outside none;font-size:13px;}
ul.square li{padding: 0 0 1px 14px;background: url(../images/square.png) no-repeat left 2px;list-style: none outside none;font-size:13px;}
ul.bullet li{padding: 0 0 1px 14px;background: url(../images/bullet.png) no-repeat left 2px;list-style: none outside none;font-size:13px;}
ul.arrow li{padding: 0 0 1px 14px;background: url(../images/arrow.png) no-repeat left 2px;list-style: none outside none;font-size:13px;}

/***** Message Boxes *****/

.message-box{position: relative;margin: 0 0 20px;padding: 10px 20px;font-size: 14px;line-height: 1.2em;border-width: 1px;border-style: solid;}
.message-box .closemsg{position: absolute;display: block;width: 9px;height: 10px;right: 12px;top: 14px;background-position: 0 0;background-repeat: no-repeat;cursor: pointer;}
.message-box.info{background-color: #dff2fa;color: #2e7893;border-color: #85cfec;}
.message-box.info .closemsg{background-image: url(../images/close-info.png);}
.message-box.note{background-color: #f8f2cb;color: #8f5c0b;border-color: #edca42;}
.message-box.note .closemsg{background-image: url(../images/close-note.png);}
.message-box.confirm{background-color: #e5f2c0;color: #4a630e;border-color: #aacf49;}
.message-box.confirm .closemsg{background-image: url(../images/close-confirm.png);}
.message-box.error{background-color: #ffd4d4;color: #cd0a0a;border-color: #d97676;}
.message-box.error .closemsg{background-image: url(../images/close-error.png);}

/***** Accordion / Toggle *****/

.open-block-acc {float: left;width: 100%;padding: 10px 0 10px 0;margin:0 0 5px 0;background:#eee url(../images/open-close.png) 97% 10px no-repeat;cursor:pointer;}
.open-block-acc span {padding-left: 15px;}
.open-block-acc.active {background:#2293a7 url(../images/open-close.png) 98% -30px no-repeat; color:#fff;}
.accordion-box {float: left;padding: 10px;}
.toggle-block {float: left;width: 100%;margin:0 0 5px 0;}
.open-block a {display: block;padding: 10px 10px 10px 15px;text-decoration: none;background:#eee url(../images/open-close.png) 97% 10px no-repeat;}
.open-block.active a { background:#2293a7 url(../images/open-close.png) 98% -30px no-repeat;color:#fff;}
.toggle-box {float: left;padding: 10px;}
.open-block-acc,.open-block{ font-family: 'PT Sans', sans-serif,'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;}
.open-block-acc:hover,.open-block a:hover{ background-color:#ddd}


/* Responsive
-------------------------------------------------- */
@media (max-width: 480px) {

 nav ul,.info-text,.promo-area-slider    { display: none; }
 nav { margin:0 0 25px 0; }
 nav select { display: inline-block; }
 .rslides .caption {display:none;}
.container{padding-left: 20px;padding-right: 20px;}
.block-info{text-align:center; padding:0; width:270px; border-bottom:1px #e3e3e8 solid;}


@media (max-width: 768px) {



}


@media (min-width: 480px) and (max-width: 768px) {



}


@media (min-width: 768px) and (max-width: 980px) {



}


@media (max-width: 980px) {



}

/* LARGE DESKTOP SCREENS */
@media (min-width: 1210px) {


}
