/* Import Basic Files
================================================== */

@import url("font.css");                                 /* Custom Font */
@import url("base.css");                                 /* Reset & Basics */
@import url("font-awesome/css/font-awesome.min.css");    /* Font Awesome */
@import url("fontello/css/fontello.css");                /* Fontello Social */
@import url("skeleton.css");                             /* Base 960 Grid */
@import url("javascript.css");                           /* Css Styles for js scripts */
@import url("shortcodes.css");                           /* Css Styles for shortcodes */
@import url("whitebkgd.css");                      	     /* Layout Skin */

/* === colors
			green: #80ba42
			rgba(128,186,66)
			
			darker green: #609a22
			rgba(96,154,34)
			
			faint green shading: #f4f9ee
			
			blue: #356a8b
			rgba(53,106,139)
			
			darker blue: #154a6b
			rgba(21,74,107)
					
					================================================== */


/* === taken from layout > wide.css === */
.hidden {
	display:none;
}
/* Background colors - taken from greenSkin css file
================================================== */
::-moz-selection {
    background:#80ba42;
}

::selection {
    background:#80ba42;
}

.services.style-1 .item.active .circle, .services.style-1 .item:hover .circle, .more:hover, .subscribe input.submit, #menu > a, .page-title, .accordion h4.ui-state-active, .accordion.style2 h4.ui-state-active .icon-plus, .accordion.style2 h4.ui-state-active .icon-minus, .meter > span:after, .animate > span > span, .button.color, .button.black:hover, #horizontal-tabs.style2 ul.tabs li.current, #vertical-tabs.style2 ul.tabs li.current, #horizontal-tabs.style2 ul.tabs li:hover, #vertical-tabs.style2 ul.tabs li:hover, #toggle-view li h4.color, .highlight-color, .dropcap.color, .pagination a.next-button:hover, .pagination a.prev-button:hover, .pagination a:hover, .pagination a.current, table.style.color th, .meter .meter-content, .team .item .member-social a:hover, .services.style-2 .item .circle, .services.style-2 .item.active:hover .circle, .services.style-3 .item.active .circle, .services.style-3 .item:hover .circle, .tables-column .footer h4 a:hover, .tables-column.color .header h3 , .tables-column.color .footer h4 a, .tables-column .header h3 span.pop, .share-social a:hover, .popular-tags a:hover, .widget .followers li a:hover, body.under-construction #wrap.boxed, body.under-construction .content input.subscribe-button, .flex-control-nav li a.flex-active, .flex-control-nav li a:hover, header.style-4 .top-bar, html.ie.ie8 .img-caption, html.ie.ie8 .fancybox-title-float-wrap .child, .slide-bg-color {
	 background:#80ba42;
}
.fancybox-title-float-wrap .child {
	background:rgba(96,154,34,.88);
}

.img-caption {
	background:rgba(128,186,66,.88);
}

/*blue coloring
.img-caption, .fancybox-title-float-wrap .child {
	background:rgba(53,106,139,.88);
}*/
/* Colors  - taken from greenSkin css file
================================================== */
p a, a:hover, .latest-blog .item h3 a:hover, .tweet_list li i.icon-twitter, .tweet.footer .tweet_list li a:hover, footer a:hover, .button.normal:hover, .breadcrumbs a, span.color, .team .item span, .check-list.why li:before, .widget.most-posts ul.posts li a:hover, .blog-3 .item .post-meta a:hover, .post-tags a, .form-box label small, i.color, header.style-4 .navigation > ul > li > a:hover, header.style-4 .navigation > ul > li > a.selected, header.style-4 .navigation > ul > li.active > a, .email-info a:hover {
	 color:rgba(128,186,66,1.00);
}

/* borders - taken from greenSkin css file
================================================== */
/*.navigation ul li a:hover, .navigation ul li a.selected, .navigation ul li.active a {
	border-top:4px solid #80ba42;
}
*/
#horizontal-tabs ul.tabs li.current {
	border-top:2px solid #80ba42;
}

#vertical-tabs ul.tabs li.current {
	border-left:2px solid #80ba42;
}

header.style-3 .navigation ul li a:hover, header.style-3 .navigation ul li a.selected, header.style-3 .navigation ul li.active a {
	border-top:1px solid #80ba42;
}

/* Site Styles
================================================== */

/* === common styles === */
.float-right, .top-bar .social-icons, #nav, .more, footer .social, header .social, .accordion .icon-plus, .accordion .icon-minus, .portfolio-control, .portfolio-control a, a.next-post {
	float:right;
}

.float-left, .tweet_list li i.icon-twitter, .navigation ul li, .page-title h1, .accordion.style2 .icon-plus, .accordion.style2 .icon-minus, #horizontal-tabs ul.tabs li, #vertical-tabs .contents, #vertical-tabs ul.tabs, .alert i, .pagination a, .team .item h4, .member-social a, #options li, .share-social a, .post-meta .meta, img.pic-2, .post.style-2 .image-post, a.prev-post, .about-author .avatar, .related-posts .item, .comments .comment-box .avatar, .form-box, .the-icons, header.style-3 #nav  {
	float:left;
}

.bottom-1 { margin-bottom:15px !important; }
.bottom-2 { margin-bottom:25px !important; }
.bottom-3 { margin-bottom:35px !important; }
.bottom-4 { margin-bottom:45px !important; }
.bottom-5 { margin-bottom:55px !important; }

.top-1 { margin-top:15px !important; }
.top-2 { margin-top:25px !important; }
.top-3 { margin-top:35px !important; }
.top-4 { margin-top:45px !important; }
.top-5 { margin-top:55px !important; }

#menu > a {
	border-radius:1px;
}

.recent-work .item img.pic, .portfolio .item img.pic, .gallery .item img.pic, .img-caption, .latest-blog .item img.pic, #toTop, .info-box, .pagination a, .breadcrumbs, .welcome, .tables-column, .tables-column .footer h4 a, #options li a, .portfolio-control a, .share-social a, .project-full img, .image-post img, .post-meta .meta, img.pic-2 {
	border-radius:2px;
}

.tables-column .header h3, .blog-3 .item .image-post img {
	border-radius:2px 2px 0 0;
}

img.pic-2 {
	margin:0 13px 5px 0;
}

.social a {
	display: inline-block;
	margin: 0 0 0 18px;
}

/* === main styles === */

/* header */
.topstripe {
    height: 8px;
    background: url(../images/banner.jpg) no-repeat;
}
.top-bar {
	min-height: 30px;
	padding: 10px 0;
}

.logo {
	margin:35px 0;
}

.logo img {
	width:300px;
	height:23px;
	margin-top: 7px;
}

/* header styles */
header.style-2 .top-bar {
	min-height: 4px;
	padding:0;
}

header.style-2 {
	display:none !important;
}

/* header sticky fixed */
header.fixed .sticky-wrapper.is-sticky .main-header, header.fixed .sticky-wrapper.is-sticky .down-header {
	position:relative;
	z-index:1000;
	width: 100%;
/*	-moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
    box-shadow: 0 0 3px #888;
*/}

/* navigation menu */
#nav {
	margin-top:-4px;
}

#menu > a {
	display: none;
}

/* banner */
.banner {
	background: #356a8b url(../images/banner.jpg) no-repeat;
	padding:0 15%;
	overflow:hidden;
}

.banner h1 {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 48px;
	line-height: 1.2em;
	font-weight: 700;
	padding: 5% 0%;
	text-align: center;
}


/* services */
.services.home, .one-page .home-bg, .one-page.section, .one-page.welcome {
	padding:25px 0;
}

.one-page.section {
	padding-bottom:0;
}

.services.home.s-2 {
	padding: 75px 0 35px 0;
}

.item {
	margin-bottom:10px;
}

.item h3 {
	margin-bottom:12px;
}

.item .circle {
	width: 130px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto;
	padding: 40px 0;
	margin-bottom:30px;
}

.item .circle a {
	display:block;
}

.item p {
	padding: 0px;
}

/* style 2 */
.services.style-2 .item {
	overflow:hidden;
}

.services.style-2 .circle {
	width: 50px;
	height: 22px;
	border-radius: 50%;
	padding: 14px 0;
	margin-right: 10px;
	margin-top: 7px;
}
.services.style-2 .data {
	width: 78%;
}

/* portfolio */
.recent-work .item {
	position:relative;
	overflow: hidden; 
	max-height: 240px;
	margin-bottom:20px;
}

.portfolio .item, .gallery .item {
	position:relative;
	overflow: hidden; 
	margin-bottom:20px;
}

.img-caption {
	position:absolute;
	top:100%;
	width:100%;
	height: 100%;
}

.portfolio .item img, .gallery .item img, .recent-work .item img, .portfolio .item a, .recent-work .item a, .gallery .item a {
	display:block;
}

.img-caption .desc {
	padding:10%;
}

.img-caption .desc span {
	text-align: center;
	display: block;
	font-weight: bold;
	margin-top: 10%;
}

.portfolio .item.element-4 .img-caption .desc span {
	margin-top:3%;
}

.portfolio .item.element-4 .img-caption .desc, .gallery .item.element-4 .img-caption .desc {
	padding:5%;
}

.recent-work .item img, .portfolio .item img, .gallery .item img  {
	width:100%;
	height:auto;
}

/* footer */
footer {
	margin-top:40px;
}

.footer-top {
	padding:15px 0;
}

.footer-down {
	padding:22px 0;
}

footer h3.title {
	margin-bottom:20px;
}

span.copyright {
	padding-top: 7px;
	display: block;
}


/* start inernal pages */
.page-title {
	padding:42px 0 34px 0;
	margin-bottom: 40px;
}

.page-title h1 {
	margin-bottom:0;
}


/* 404 page */
.page-404 {
	padding:60px 0 120px 0;
	min-height:520px;
	margin-bottom: -40px;
}

.page-404 .oops {
	margin-bottom: 38px;
}

.page-404 .text {
	margin-bottom:30px;
}

.page-404 .coffee {
	position:relative;
	width: 77px;
    margin: 20px auto;
}

.page-404 i.icon-coffee{
	position: absolute;
	top: 31px;
	z-index: 100;
}

.page-404 i.icon-fire{
	position: absolute;
	left: 28px;
}


/* contact info */
.address-info li, .phone-info li, .email-info li, .linkedin-info li {
	line-height:25px;
	position: relative;
	text-align:center;
}

.linkedin-info li a{
	padding-left:8px;
	font-family:'RobotoMedium', Arial, sans-serif;
}
.address-info li:before {
	content: '\f041'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 20px; padding-right: 4px;
}

.phone-info li:before {
	content: '\f095'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 20px; padding-right: 6px;
}

.email-info li:before {
	content: '\f0e0'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 17px; padding-right: 8px;
}


/* one page styles */
.one-page p.description {
	line-height:30px;
}

.one-page #options #filters li {
	float: none;
	display: inline-block;
	margin: 2px 4px 2px 0;
}

.one-page #testimonials .slidecontrols li a.carousel1-prev, .one-page #testimonials .slidecontrols li a.carousel1-next {
	bottom:8px;
	top: inherit;
}

.one-page.section .pic {
	display:block;
}

.one-page.section h2 {
	margin-top:90px;
}

.download-now {
	padding:20px 0;
}

/* Media Queries
================================================== */
/* Everything smaller than 960px wide */
@media only screen and (max-width: 959px) {

.main-header .two-thirds.column {
	float:right;
}
#menu {
	top: auto;
	left: auto;
	position:relative;
}

.logo {
	margin: 5px 0px;
}

.logo img {
	width:250px;
	height:19px;
	margin-top: 22px;
	margin-left: 10px;
}
.navigation ul li a {
padding: 33px 15px 20px 15px;
}

img.rightarrowclass {
	display:none;
}

#toTop {
	/*display:none !important;*/
}
	
.banner h1 {
	font-size: 44px;
}

.page-title h1 {
	font-size: 42px;
}
/* services */
.services.style-2 {
	text-align:center;
}

.services.style-2 .circle {
	float:none;
	margin: 0 auto;
	margin-bottom: 15px;
}

.services.style-2 .data {
	float:none;
	width: 100%;
}

.tables-column .header h3 {
	font-size:20px;
}
/* portfolio items */
.portfolio .item img {
	min-height: 189px;
}

.one-page h1.title {
	font-size:38px;
}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.logo {
	margin: 5px 0px;
}

.logo img {
	width:250px;
	height:19px;
	margin-top: 22px;
	margin-left: 10px;
}

.navigation ul li a {
padding: 33px 15px 20px 15px;
}
	
.banner h1 {
	font-size: 44px;
}
.services.home, .testimonial-item p, .one-page .home-bg, .one-page.home-bg {
	background:#f6f6f6;
}

/* services */
.services.style-2 {
	text-align:center;
}

.services.style-2 .circle {
	float:none;
	margin: 0 auto;
	margin-bottom: 15px;
}

.services.style-2 .data {
	float:none;
	width: 100%;
}

.tables-column .header h3 {
	font-size:20px;
}


.one-page h1.title {
	font-size:38px;
}

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

.recent-work .item {
	max-height: 336px;
}
.services.home, .testimonial-item p, .one-page .home-bg, .one-page.home-bg {
	background:#f6f6f6;
}

}
/* Tablet Landscape - narrow menu */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.logo {
	margin: 5px 0px;
}

.logo img {
	width:250px;
	height:19px;
	margin-top: 22px;
	margin-left: 10px;
}

.navigation ul li a {
padding: 33px 15px 20px 15px;
}
	
.banner h1 {
	font-size: 44px;
}
.services.home, .testimonial-item p, .one-page .home-bg, .one-page.home-bg {
	background:#f6f6f6;
}

/* portfolio items */

.portfolio .item {
	margin-bottom: 20px !important;
}
.portfolio .item img {
	min-height: 189px;
}

}
/* Mobile Landscape up to Tablet Portrait*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.banner {
	padding: 0px 10%;
}
.top-3 {
	margin-top: 5px !important;
}
.top-5 {
	margin-top: 25px !important;
}
.bottom-5 {
	margin-bottom: 25px !important;
}
.main-header .one-third.column, .main-header .two-thirds.column { 
	text-align: center; 
}

.logo {
	margin: 0px;
}

.logo img {
	width:200px;
	height:15px;
	margin-top: 15px;
	margin-bottom: 2px;
}
#menu ul {
	float: left;
	margin-left: 63px;
}
.navigation ul li a {
	padding: 6px 10px 10px 10px;
	font-size: 14px;
}
.navigation ul li.active a {
	background: #fff;
}
.topstripe {
    height: 4px;
}
.banner h1 {
	font-size: 26px;
	margin-top: 15px;
	padding: 3% 0%;
}
h2 {
	font-size: 24px;
}
.services.home, .testimonial-item p, .one-page .home-bg, .one-page.home-bg {
	background:#f6f6f6;
}

.footer-down {
	padding: 0px;
}

span.copyright {
	text-align:center;
	margin-bottom: 11px;
	line-height: 24px;
}


/* services */
.services.home {
	padding: 25px 0px 0px 0px;
}

.services.style-2 {
	text-align: left;
}

.services.style-2 .circle {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}
.services.style-2 .data {
	width: 83%;
	float: right;
}

.portfolio .item img {
	min-height: 336px;
}

/* 404 page */
.page-404 .oops {
	font-size: 115px;
}

.page-404 .text {
	margin-bottom: 15px;
	font-size: 28px;
	line-height: 41px;
}

.page-404 {
	padding: 40px 0 150px 0;
}

.one-page h1.title {
	font-size:36px;
}

.one-page.section h2 {
	margin-top:20px;
	text-align:center;
}

.one-page.section p {
	text-align:center;
}

.one-page .home-bg {
    padding: 25px 0px;
}
	
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
.container.widen {
width:300px;
}
.container.widen .two-thirds.column, .container.widen .one-third.column {
width:300px;
}
.main-header .two-thirds.column, #nav {
float: left;
}
.banner {
	padding: 0px 5%;
}
.top-3 {
	margin-top: 5px !important;
}
.top-5 {
	margin-top: 25px !important;
}
.bottom-5 {
	margin-bottom: 25px !important;
}
.main-header .one-third.column, .main-header .two-thirds.column { 
	text-align: center; 
}
.logo {
	margin: 0px;
}
.logo img {
	width:200px;
	height:15px;
	margin-top: 15px;
	margin-bottom: 2px;

}
.navigation ul li a {
	padding: 10px 5px 15px 7px;
	font-size: 14px;
}
.navigation ul li.active a {
	background: #fff;
}
.topstripe {
    height: 4px;
}
/*#menu > ul li.hidemobile{
	display: none;
}
*/
.banner h1 {
	font-size: 26px;
	margin-top: 15px;
}
h2 {
	font-size: 24px;
}
.services.home, .testimonial-item p, .one-page .home-bg, .one-page.home-bg {
	background:#f6f6f6;
}

span.copyright {
	text-align:center;
	margin-bottom: 11px;
	line-height: 24px;
}

.footer-down {
	padding: 0px;
}

h3.title, .item h3 {
	font-size: 23px;
}


/* services */
.services.home {
	padding: 25px 0px 0px 0px;
}
.services.style-2 {
	text-align:center;
}

.services.style-2 .circle {
	float:none;
	margin: 0 auto;
	margin-bottom: 15px;
}

.services.style-2 .data {
	float:none;
	width: 100%;
}

/* 404 page */
.page-404 .oops {
	font-size: 90px;
	margin-bottom: 30px;
}

.page-404 .text {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 41px;
}

.page-404 {
	padding: 40px 0 120px 0;
}

/* portfolio items */
.portfolio .item img {
	min-height: 208px;
}

.portfolio .item.element-3 .img-caption .desc, .recent-work .item .img-caption .desc, .gallery .item.element-3 .img-caption .desc {
	padding: 5%;
}

.portfolio .item.element-3 .img-caption .desc h3, .recent-work .item .img-caption .desc h3, .gallery .item.element-3 .img-caption .desc h3 {
	font-size: 20px;
	margin-bottom: 0;
}

.portfolio .item.element-3 .img-caption .desc p, .recent-work .item .img-caption .desc p, .gallery .item.element-3 .img-caption .desc p {
	font-size:13px;
}

.portfolio .item.element-3 .img-caption .desc span, .recent-work .item .img-caption .desc span, .gallery .item.element-3 .img-caption .desc span {
	margin-top: 3%;
}

/* single project */
.portfolio-control {
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 147px;
	margin-top: 15px;
}

.one-page h1.title {
	font-size:29px;
}

.one-page.section h2 {
	margin-top:20px;
	text-align:center;
}

.one-page.section p {
	text-align:center;
}

.one-page .home-bg {
    padding: 25px 0px;
}


}