/* 
    Template   : Mobile+ - A Bootstrap-based, Responsive HTML5 Template
    Author     : More than (just) Themes
    Description: Main CSS file of template
    Version    : 1.0.0
*/

/* =============================================================================

Table of Contents

1. Typography
	1.1 Fonts
	1.2 Elements
2. Layout
3. Main navigation & Menus
4. Banner
	4.1 Banner
	4.2 Page-intro & Flexslider caption
	4.3 Flexslider
	4.4 Revolution Slider
	4.5 Breadcrumb
5. Main
	5.1 Images
	5.2 Blog & Blog post
	5.3 Comments
	5.4 Tags
6. Blocks
	6.1 Logo & Sitename
	6.2 Search block
	6.3 Subheader block
	6.4 Call to action block
	6.5 Promoted Items block
	6.6 Showcase block
	6.7 Promoted features block
	6.8 Team member
	6.9 Testimonial block (sidebar)
	6.10 Feed block
	6.11 Company info & Contact info blocks
	6.12 Twitter feed block
	6.13 Social bookmarks & brands blocks
	6.14 Google Map & Map Switch
7. Elements
	7.1 Forms
	7.2 Buttons & more links
	7.3 Pricing Tables
	7.4 Pager
	7.5 Tabs
	7.6 Accordion
	7.7 Progress Bars
	7.8 Nav Pills
	7.9 Tables
	7.10 Lists
	7.11 Alerts
	7.12 Responsive Videos
8. Testimonial Slider
9. Isotope
10. Scroll to top


============================================================================= */


/*  1. Typography
============================================================================= */


/* 1.1 Fonts
----------------------------------------------------------------------------- */

body, input, textarea, select, .caption, blockquote, h1, h2, h3, h4, h5, h6, .tp-caption.large_text, .tp-caption.medium_text { font-family: 'Lato', sans-serif; }

code, pre { font-family: 'Source Code Pro', Consolas, Monaco, Courier; }


/* 1.2 Elements
----------------------------------------------------------------------------- */

/* Reset unusual Firefox-on-Android default style, see https://github.com/necolas/normalize.css/issues/214*/
@media (max-width: 991px) { .form-text, .form-textarea, .block-superfish select, .block-search .form-submit { background-image: none; } }

body { font-size: 16px; font-weight: 400; line-height: 1.38; color: #222222; }

p {padding: 0; }

.large { font-size: 24px; font-weight: 300; }

a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #2ecc71; }

a:hover { text-decoration: underline; color: #2ecc71; }

a:focus { outline: none; text-decoration: none; color: #2ecc71; }

img {  height: auto; max-width: 100%; }
.img2 { display: block; height: auto; max-width: 100%; padding-top:8px;}
code, pre { word-wrap: break-word; word-break: break-all; white-space: pre; white-space: pre-wrap; font-family: 'Source Code Pro', Consolas, Monaco, Courier; }

pre { background: #f3f3f3; border: 1px solid #dddddd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #222222; padding: 20px;
font-size: 14px; max-height: 62px; overflow: hidden; margin: 20px 0;}

pre:hover { max-height: 10000px; -webkit-transition: all ease-in-out 2s; -moz-transition: all ease-in-out 2s; -o-transition: all ease-in-out 2s;
-ms-transition: all ease-in-out 2s; transition: all ease-in-out 2s; }

blockquote { font-size: 18px; font-style: italic; padding: 35px 0 35px 75px; border-left: none; position: relative; margin: 40px 0 50px; }

blockquote p { font-weight: 400; line-height: 1.44; position: relative; }

/*blockquote quote symbol*/
blockquote p:after { position: absolute; font-family: "FontAwesome"; content: "\f10d"; left: -60px; top:0; color: #2ecc71; font-style: normal; font-size: 24px; }

/*blockquote dividers*/
blockquote:before { position: absolute; height: 1px; width: 55px; background-color: #2ecc71; top:0; left: 75px; }

blockquote:after { position: absolute; height: 1px; width: 55px; background-color: #2ecc71; bottom:0; left: 75px;  }

/*Headings*/
h1, h2, h3, h4, h5, h6 { line-height: 1.15; padding: 0; margin: 20px 0 10px 0; font-weight: 300; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000000; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #2ecc71; text-decoration: none; }  

h1 { font-size: 50px; line-height: 1.10; margin-bottom:20px; }

h2 { font-size: 30px; margin-bottom:15px; }

h3 { font-size: 26px; margin-bottom:15px; }

h4 { font-size: 20px; font-weight: 700; }

h5 { font-size: 18px; font-weight: 700; }

h6 { font-size: 16px; font-weight: 700; text-transform: uppercase; }

.caption h1 { font-weight: 900; text-transform: uppercase; color: #ffffff;  margin:0 0 10px 0; }

.style-2.main-slider h1 { font-size: 28px; }

@media (min-width: 1200px) {
	.style-1.main-slider .caption h1, .with-internal-banner-image .style-1 .caption h1 { font-size: 44px; }
}

@media (max-width: 1199px) {
	.caption h1 { font-size: 36px; }
}

@media (max-width: 767px) { 
	.with-internal-banner-image .caption h1, .main-slider .caption h1 { font-size: 26px; }
}

.section-title { margin-bottom: 40px; }

.page-subtitle { margin-top: 0; }

.node-teaser header h2 { margin: 0 0 5px 0; }

#footer h2 { color: #2ecc71; margin: 20px 0 40px 0; }

.sidebar h2 { margin:0 0 30px; }

.stats h2 { font-size: 40px; font-weight: 400; }

/*footer*/
.footer-area, .footer-area a { color: #ffffff; font-weight: 300; line-height: 1.25;}

.footer-area p a { text-decoration: underline; }

.footer-area a:hover { text-decoration: none; color: #2ecc71; }

/*subfooter*/
.subfooter-area { color: #4d4d4d; font-size: 15px; }

/*miscellaneous*/
.divider { padding-bottom: 25px; margin-bottom: 20px; position: relative; }

.divider:after { height: 1px; width: 50px; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -25px; background-color: #dddddd; }

.full-divider { padding:0 0 50px 0; margin: 0 0 50px 0; border-bottom: 1px solid #dddddd;}

.form-required { color: red; }

.center { text-align: center; }

.right { text-align: right; }

.object-hide { opacity: 0; filter: alpha(opacity=0); }

.object-show { opacity: 100; filter: alpha(opacity=100); }


/*  2. Layout
============================================================================= */
    .scrolls { 
        overflow-x: scroll;
        overflow-y: hidden;
        height: 580px;

    } 


/*blocks*/

.bannersize {
max-height:300px;
}
.block { padding: 0 0 25px 0; }

.block-superfish.block,
#main-block.block { padding:0; }

#footer .block { padding:25px 0; }

.one-page #footer .block { padding: 50px 0 0; }

#footer-bottom .block, #subfooter .block { padding-top:10px; }

#pre-header .block { padding:5px 0; }

.sidebar .block { position: relative; padding: 0 0 30px 0; margin: 0 0 35px 0; }

/*sidebar block divider*/
.sidebar .block:after { width: 55px; height: 1px; background: #dddddd; position: absolute; bottom: 0; content: ""; }

.node-type-webform .sidebar .block:after,
.page-contact .sidebar .block:after { width: 0; height: 0; background: transparent; }

/*regions*/
#pre-header { padding: 5px 0 5px 0; border-bottom: 1px solid #e5e5e5; }

#header { background: #ffffff; }

@media (min-width: 992px) { 
	.fixed-header { padding-top: 104px; }
	.fixed-header #header { position: fixed; width: 100%; z-index: 1001; top:0; border-bottom: 1px solid #e5e5e5;}
}

#header-inside { padding: 10px 0 0 0; }

.center #header-inside { padding: 15px 0 0 0; }

#header-inside-left { padding: 0 0 0px 0; }

.center #header-inside-left { padding: 0 0 10px 0; }

@media (min-width: 768px) { 
	#search-area { width: 60px; float: right;}
	#main-navigation.with-search-bar { }
}

#banner { background: #ffffff; }

@media (min-width: 768px) { 
	.front #banner { min-height: 100px; }
}

@media (min-width: 992px) { 
	.front #banner { min-height: 100px; }
}

@media (min-width: 1200px) { 
	.front #banner { min-height: 100px; }
}

.front.no-internal-banner-image #banner { min-height: 0; }

@media (max-width: 767px) {
	#slideshow.style-1, #slideshow.style-2 { margin: 0 -15px;}
}

#page-intro { background: #000000; }

.front #page-intro { padding: 5px 0; background: #ffffff; border-bottom: 1px solid #e5e5e5; }

@media (max-width: 767px) {
	.front #page-intro { padding: 35px 0; }
}

#page-intro-inside { position: relative; }

@media (max-width: 767px) {
	#slideshow .main-slider { margin: 0 -15px;}
}

/*#page.no-padding-bottom { padding: 30px 0 0 0; }*/

#page {}

/*#top-content, #main, .sidebar { padding: 20px 0; }*/

.showcase-full #page, .showcase-full #main { padding: 0; }

.node-type-page #top-content { border-bottom:1px solid #e7e7e7; padding-bottom: 30px; margin-bottom: 30px; }

#bottom-content  { padding: 50px 0 25px; border-top: 1px solid #e5e5e5; margin-top: 40px; }

#featured-bottom-content { background-color: #2ecc71; padding: 50px 0 25px; color: #ffffff; }

#highlighted-bottom-content { background-color: #f3f3f3; border-top: 1px solid #f3f3f3; margin-top: 0; padding: 50px 0 25px; } 

#page-bottom { padding: 50px 0 30px; border-top: 1px solid #e5e5e5; }

#footer { background-color: #000000; }

#footer-bottom { padding: 40px 0; }

#subfooter { background-color: #191919; }


/*  3. Main navigation & Menus
============================================================================= */

/* Main navigation */
#main-navigation ul { margin: 0; padding: 0; list-style: none; text-align: center; }

.center #main-navigation ul  { text-align: center; }

#main-navigation ul li { background: none; padding:0; margin:0; display:inline-block; float:none; }

#main-navigation ul li a, #main-navigation ul li a:visited { font-size: 16px; font-weight:700; display: inline-block; padding: 0px 10px 35px 10px;
text-transform:uppercase; color: #344292; line-height: 150%;}

.center #main-navigation ul li a,.center #main-navigation ul li a:visited { padding: 15px 15px 30px 15px; }

#main-navigation ul li a.active, #main-navigation ul li a:hover { color: #2ecc71; text-decoration: none; }

#main-navigation ul ul { display:none; }

/* Superfish support */
#main-navigation .block-superfish ul.sf-menu { background: transparent; width: 100%; }

#main-navigation .block-superfish ul li.sfHover > a { color: #2ecc71; text-decoration: none; }

#main-navigation .block-superfish a { border-top: none; border-left: none; }

#main-navigation .sf-navbar:before { background: transparent; height: auto; }

#main-navigation .block-superfish ul ul { background-color: #2ecc71; text-align: left;  width:940px; top:100%; display: none; text-align:center; }

#main-navigation .block-superfish ul ul li { float: none; }

#main-navigation .block-superfish ul ul li a { font-size: 14px; color: #ffffff; padding: 10px 13px; background: transparent; display: block; }

#main-navigation .block-superfish ul ul li a.menuparent, 
.center #main-navigation .block-superfish ul ul li a.menuparent { padding: 10px 23px 10px 13px; }

#main-navigation .block-superfish ul ul li a:hover,
#main-navigation .block-superfish ul ul li.sfHover > a  { color: #000000; }

#main-navigation .block-superfish ul ul ul, 
.center #main-navigation .block-superfish ul ul ul { background: #000000; width: auto; text-align:left; }

#main-navigation .block-superfish ul ul ul li { display: block; }

#main-navigation .block-superfish ul ul ul li a { color: #ffffff; }

#main-navigation .block-superfish ul ul ul li a:hover,
#main-navigation .block-superfish ul ul ul li.sfHover > a { color: #2ecc71; }

#main-navigation .block-superfish ul ul ul ul { left: 100%; top:0; }

@media (min-width: 1200px) { 
	.center #main-navigation .block-superfish ul ul { width:1140px; }	
	#main-navigation .block-superfish ul ul { width:945px; }
}

@media (max-width: 991px) { 
	#main-navigation .block-superfish ul ul { width:720px; }
}

/*superfish menu arrows*/
#main-navigation .block-superfish ul li a.menuparent { padding: 15px 20px 40px 20px;  }

.center #main-navigation .block-superfish ul li a.menuparent { padding: 15px 20px 30px 20px;  }

@media (min-width: 768px) and (max-width: 991px){ 
	#main-navigation ul li a { padding: 15px 12px 43px 9px; font-size: 14px; }
	#main-navigation .block-superfish ul li a.menuparent { padding: 15px 17px 43px 5px; }
	.center #main-navigation .block-superfish ul li a.menuparent { padding: 15px 18px 30px 10px; }
}

#main-navigation .block-superfish ul.sf-menu > li > a:before,
#main-navigation .block-superfish ul.sf-menu > li.menuparent > a:before { opacity: 0; content: "\f0d8"; font-family: 'FontAwesome'; color: #2ecc71; 
position: absolute; bottom: 0; text-align: center; line-height: 100%; right: 0; font-size: 20px; width: 100%; height: 13px; }

#main-navigation .block-superfish ul.sf-menu > li.sfHover.menuparent > a:before { opacity: 1; filter: alpha(opacity=100); 
-webkit-transition: opacity 0.2s 0.1s linear; -moz-transition: opacity 0.2s 0.1s linear; -ms-transition: opacity 0.2s 0.1s linear; 
-o-transition: opacity 0.2s 0.1s linear; transition: opacity 0.2s 0.1s linear; -webkit-backface-visibility: hidden; }

#main-navigation .block-superfish ul.sf-menu li a.menuparent:after { content: "\f0d7"; font-family: 'FontAwesome'; 
position: absolute; top: 16px; right: 5px; font-size: 14px; font-weight: 400; }

#main-navigation .block-superfish ul.sf-menu ul li a.menuparent:after { top: 11px; right: 8px;}

#main-navigation .block-superfish ul.sf-menu ul ul li a.menuparent:after { content: "\f0da"; right: 10px;}

/*Generic Menus*/
ul.menu { margin: 0; padding: 0; list-style: none; }

ul.menu li { padding: 5px 0 5px 20px; margin:0; position: relative; }

ul.menu li a { color: #222222; line-height: 150%; display: inline-block; font-weight: 700; }

ul.menu li a:hover, ul.menu li a.active { text-decoration: none; color: #2ecc71;}

ul.menu li.expanded { padding-bottom: 0;  }

ul.menu li.expanded ul { padding-left: 10px; margin-top: 5px;}

/*Generic menus arrows*/
ul.menu li.expanded:before { content: "\f078"; font-family: 'FontAwesome'; position: absolute; left: 5px; font-size: 10px; top: 10px; color:#cccccc; }

ul.menu li.collapsed:before { content: "\f054"; font-family: 'FontAwesome'; position: absolute; left: 7px; font-size: 10px; top: 12px; color:#cccccc; }

ul.menu li.active-trail:before { color: #2ecc71; }

/* Subfooter menu */
#subfooter ul.menu { margin: 0; padding: 0; list-style-type: none; text-align: right; }

#subfooter ul.menu li { display: inline-block; padding: 15px 20px; }

#subfooter ul.menu li.first { padding-left: 0; }

#subfooter ul.menu li.last { padding-right:0; }

#subfooter ul.menu ul.menu { display: none; }

#subfooter ul.menu li a { font-size: 16px; font-weight:700; text-transform:uppercase; padding:0; margin:0; color: #ffffff; }

#subfooter ul.menu li a:hover { color: #22ae69; text-decoration: none; }

@media (max-width: 1199px) { 
	#subfooter ul.menu li { display: inline-block; padding: 15px; }
}

@media (max-width: 767px) { 
	#subfooter ul.menu { text-align: center; }
	#subfooter ul.menu li { display: block; }
	#subfooter ul.menu li.first, #subfooter ul.menu li.last { padding: 15px 20px; }
}

/*Navigation search bar*/
.search-bar { padding: 8px 0 31px 0; text-align: right; }

.search-bar.open:after { content: "\f0d8"; font-family: 'FontAwesome'; color: #2ecc71; 
position: absolute; bottom: 0; line-height: 100%; right: 15px; font-size: 20px; width: 100%; height: 13px;  }

.search-bar .dropdown-menu { left: auto; right: 0; width: 940px; padding: 0; margin: 0; border: none; box-shadow: none; }

.search-bar .form-item { margin: 0; }

.search-bar input.form-text { background-color:#2ecc71; color:#ffffff; text-align: right; font-size: 14px; padding-right: 25px; }

.search-bar.block-search .form-actions:after { content: ""; }

.search-bar .trigger {  color: #222222; width: 40px; height: 40px; border: 2px solid #e5e5e5; display: inline-block; -webkit-border-radius: 100%; 
-moz-border-radius: 100%; border-radius: 100%; text-align: center; }

.search-bar .trigger i { line-height: 36px; }

.search-bar.open .trigger, .search-bar .trigger:hover { background-color: #2ecc71; color: #ffffff; }

.search-icon { position: absolute; bottom: 13px; font-size: 18px; left: 15px; color: #fff; z-index: 2; }

@media (min-width: 1200px) { 
	.search-bar .dropdown-menu { width:945px; }
}

@media (max-width: 991px) { 
	.search-bar .dropdown-menu { width:720px; }
}

@media (max-width: 767px) { 
	.search-bar .trigger { display: none; }
	.search-bar .dropdown-menu { width: 100%; display: block; z-index: 0; position: relative; }
}


/*  4. Banner
============================================================================= */


/* 4.1 Banner
----------------------------------------------------------------------------- */

.banner-area { color: #6f6f6f; }

.banner-area a { color: #fff;  }

.banner-area a:hover { color: #22ae69; text-decoration: none; }


/* 4.2 Page-intro & Flexslider Caption
----------------------------------------------------------------------------- */

.caption-wrapper { background:rgba(0,0,0,0.83); position:absolute; top:0; bottom: 0; width: 50%; text-align: center; padding: 0 100px; color: #6f7071; }

.caption { margin: 55px 0 0 0; padding: 50px 0 60px; position: relative; }

.caption p { margin: 0; font-style: italic; }

.banner-area a.more { color: #ffffff; background-color: transparent; border: 1px solid #2ecc71; margin: 25px 0 0 0; }

.banner-area a.more:hover { background-color: #22ae69; border: 1px solid #22ae69; }

.banner-area a.more:after { color: #ffffff; }

.no-internal-banner-image .caption-wrapper { width: 70%; position: relative; margin: 0 auto; background: transparent;}

.no-internal-banner-image .caption { margin: 62.5px 0; }

/*caption dividers*/
.caption.divider:before { position: absolute; content: ""; height: 1px; width: 100px; background: #ffffff; top: 0; left: 50%; margin-left: -50px; }

.caption.divider:after { width: 100px; background: #ffffff; margin-left: -50px; }

/*style 2*/
.with-internal-banner-image .style-2 .caption-wrapper,
.style-2.main-slider .caption-wrapper { width: 100%; top:auto; }

.with-internal-banner-image .style-2 .caption,
.style-2.main-slider .caption  { padding: 30px 0; margin: 0; min-height: 110px; }

.with-internal-banner-image .style-2 .teaser-text { display: none!important; }

.style-2.main-slider .caption a.more { display: none; }

/*style 2 caption dividers*/
.with-internal-banner-image .style-2 .caption:before, 
.with-internal-banner-image .style-2 .caption:after,
.style-2.main-slider .caption:before, 
.style-2.main-slider .caption:after { background: transparent; height: 0; width: 0; } 

@media (max-width: 1199px) { 
	.caption-wrapper { padding: 0 5%; }
	.caption { margin: 10% 0 0 0; }
 }

@media (max-width: 991px) {
	.main-slider .caption { padding: 8% 0; }

	.with-internal-banner-image .caption { padding: 2% 0; }

	.with-internal-banner-image .caption a.more, .flexslider .caption a.more { display: none; }
	/*caption divider*/
	.caption.divider:before { width: 50px; margin-left: -25px; }
	.caption.divider:after { width: 50px; margin-left: -25px; }
}

@media (max-width: 767px) { 
	.with-internal-banner-image #page-intro-inside { margin: 0 -15px; }

	.internal-banner .caption-wrapper { width: 100%; }

	.with-internal-banner-image .caption-wrapper { position: relative;  width: 100%; top:auto; }
	.with-internal-banner-image .caption  { padding: 30px 0; margin: 0; }
	.with-internal-banner-image .caption:before, 
	.with-internal-banner-image .caption:after { background: transparent; height: 0; width: 0; } 
}

@media (max-width: 480px) {
	.no-internal-banner-image .caption-wrapper { width: 100%; }
}


/* 4.3 Flexslider
----------------------------------------------------------------------------- */

.flexslider { border:none; margin:0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; display:none; }

.main-slider .flexslider .slides > li { position: relative; }

/*direction nav*/
.main-slider .flex-direction-nav { position: absolute; top: 80%; width: 100%; }

.style-2 .flex-direction-nav { top: 83%; }

.main-slider .flex-direction-nav a { color: #C7C7C7; width: 40px; height: 40px; margin: 0; text-shadow: none; border: 2px solid #222222; 
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; color: white; color: #222222;  
opacity: 1; filter: alpha(opacity=100); text-indent: 0; background: none; }

.main-slider .flex-direction-nav .flex-prev { left:10px; }

.main-slider .flex-direction-nav .flex-next { left: 10px;  text-align: center; top:45px; }

.main-slider .flex-direction-nav a.flex-prev { padding:0 2px 0 0; }

.main-slider .flex-direction-nav a.flex-next { padding:0 0 0 4px; }

.main-slider .flexslider:hover .flex-next { opacity: 1; filter: alpha(opacity=100); left: 10px; top:45px; border: 2px solid #2ecc71; color: #ffffff; }

.main-slider .flexslider:hover .flex-prev { opacity: 1; filter: alpha(opacity=100); border: 2px solid #2ecc71; color: #ffffff; }

.main-slider .flexslider:hover .flex-next:hover, 
.main-slider .flexslider:hover .flex-prev:hover { border: 2px solid #22ae69; background-color: #22ae69; color: white; text-decoration: none; }

.main-slider .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 28px; display: inline-block; content: '\f104'; line-height: 35px; }

.main-slider .flex-direction-nav a.flex-next:before { content: '\f105'; }

/* Control Nav */
.main-slider .flex-control-nav { width: 20px; top: 45%; z-index: 2; bottom: auto; }

.main-slider .flex-control-nav li { display: block; margin: 10px 0 10px 25px; }

.main-slider .flex-control-paging li a { width: 10px; height: 10px; background: #222222; background: rgba(243,243,243,0.1); -webkit-box-shadow: none; 
-moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

.style-2.main-slider .flex-control-paging li a { background: rgba(243,243,243,0.8); border: 1px solid #222222; }

.main-slider .flex-control-paging li a:hover,.main-slider .flex-control-paging li a.flex-active { background: #fff; }

@media (max-width: 991px) {
	.main-slider .flex-direction-nav a { width: 32px; height: 32px; }
	.main-slider .flex-direction-nav a:before { font-size: 22px; line-height: 28px; }
	.main-slider .flex-direction-nav .flex-prev { opacity: 1; filter: alpha(opacity=100); left: 10px; top:10px; }
	.main-slider .flex-direction-nav .flex-next { opacity: 1; filter: alpha(opacity=100); left: 50px; top:10px;}
	.main-slider .flexslider:hover .flex-next { top:10px; left: 50px;}
	.main-slider .flex-control-nav { top:5%; }
}

@media (max-width: 767px) {
	.main-slider .flex-control-nav {display: none;}
	.main-slider .flex-direction-nav { top: auto; bottom: inherit; width: 100%; text-align: center; }
	.main-slider .flex-direction-nav li { display: inline-block; width: 32px; margin: 0 5px; }
	.main-slider .flex-direction-nav .flex-prev, .main-slider .flex-direction-nav .flex-next { left: auto; right: auto; }
	.main-slider .flexslider:hover .flex-prev,
	.main-slider .flexslider:hover .flex-next { opacity: 1; filter: alpha(opacity=100); border: 2px solid #222; color: #222; left: auto; }
}

@media (max-width: 480px) {
	.main-slider .caption-wrapper { display: none; }
}


/* 4.4 Revolution Slider
----------------------------------------------------------------------------- */

.fullwidthbanner-container .banner { display: none;}

.tp-loader 	{ background: url('../images/loader.gif') no-repeat 0 0; background-color:transparent;  margin:-24px -24px; top:50%; left:50%; z-index:10000; 
position:absolute;width:48px;height:48px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

.fullwidthbanner-container .tp-caption { color: #6f7071; }

.tp-caption.large_text { font-size: 50px; font-weight: 700; color: #fff; margin:20px auto 20px auto;}

.tp-caption.medium_text { font-size: 30px; font-weight: 300; margin:20px auto 10px auto; }

.tp-caption.divider:after { left: 0; margin-left: -50px; width: 100px; } 

/*revolution slider directional nav*/
.tp-rightarrow.default, .tp-leftarrow.default { border: 2px solid #222; color: #222; width: 40px; height: 40px; margin: 0; text-shadow: none; text-align: center; 
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-indent: 0; background: none; 
filter: alpha(opacity=100); -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s;
-ms-transition: all linear 0.2s; transition: all linear 0.2s; }

.tp-leftarrow.default { padding:0 2px 0 0; }

.tp-rightarrow.default { padding:0 0 0 4px; }

.tp-rightarrow.default:hover, .tp-leftarrow.default:hover { color: #fff; background-color:#22ae69; border: 2px solid #22ae69; }

.tp-leftarrow.default:before { font-family: "FontAwesome"; font-size: 28px; display: inline-block; content: '\f104'; line-height: 35px; }

.tp-rightarrow.default:before { font-family: "FontAwesome"; font-size: 28px; display: inline-block; content: '\f105'; line-height: 35px; }

@media (max-width: 991px) {
	.tp-rightarrow.default, .tp-leftarrow.default { top:50%!important; }
}

/*revolution slider control nav*/
.tp-bullets.simplebullets.round .bullet { width: 10px; height: 10px; background: #222222; background: black; -webkit-border-radius: 100%;
-moz-border-radius: 100%; border-radius: 100%; margin: 0 3px;  }

.tp-bullets.simplebullets.round .bullet.selected { background: #505050; }

/*revolution slider timer*/
.tp-bannertimer { background-color:#344292; background-image:none; } 


/* 4.5 Breadcrumb
----------------------------------------------------------------------------- */

#breadcrumb { font-size: 14px; color: #6f7071; padding: 10px 0; font-style:italic; }

#breadcrumb a, #breadcrumb .breadcrumb-separator { display: inline-block; overflow: hidden; vertical-align: top; color: #6f7071; }

#breadcrumb a:hover { text-decoration: none; color:#2ecc71; }

#breadcrumb .breadcrumb-separator { position: relative; }

#breadcrumb .breadcrumb-separator:after { padding: 0 8px 0 11px; font-family: "FontAwesome"; content: "\f105"; }


/*  5. Main
============================================================================= */


/* 5.1 Images
----------------------------------------------------------------------------- */

/*images*/
.image-preview, .node-teaser .field-type-image { padding: 0 0 25px 0; }

.image-preview img, .node-teaser .field-type-image img { border:1px solid #e5e5e5; }

.node-teaser .field-type-image img:hover { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: opacity linear 0.2s; 
-moz-transition: opacity linear 0.2s; -o-transition: opacity linear 0.2s; -ms-transition: opacity linear 0.2s; transition: opacity linear 0.2s;  }

.image-caption { font-size: 15px; font-style: italic; color: #5f5f5f; text-align: center; padding: 15px 0 10px; }

.image-caption p:last-child { margin: 0; }

/*image listing*/
.image-listing-items { position: relative; padding: 45px 0 25px 0; margin: 25px 0 40px; overflow: hidden; }

.image-listing-item { float: left; margin: 0 20px 20px 0; padding: 0; max-width: 139px; border:1px solid #e5e5e5; }

.two-sidebars .image-listing-item { max-width:98.75px; }

.image-listing-items .image-listing-item:nth-child(4n) { margin-right: 0px; }

/*image listing dividers*/
.image-listing-items.divider:before { position: absolute; height: 1px; width: 55px; background-color: #dddddd; top:0; left: 50%; margin-left: -27.5px; content: ""; }

.image-listing-items.divider:after { width: 55px; margin-left: -27.5px; }

@media all and (min-width: 1200px) {
	.image-listing-item { max-width:134px; }
	.two-sidebars .image-listing-item { max-width:95px; }	
	.image-listing-items .image-listing-item:nth-child(4n) { margin-right: 19.80px; }	
	.image-listing-items .image-listing-item:nth-child(5n) { margin-right: 0px; }
}

@media (max-width: 991px) {
	.image-listing-item, .two-sidebars .image-listing-item { max-width:165px; }
}

@media (max-width: 767px) {
	.image-preview, .field-type-image { margin: 0 -15px; }
	.image-listing-item, .two-sidebars .image-listing-item { margin: 0 2.86% 2.86% 0; max-width: 22.85%; }
}

/*image overlay*/
a.overlayed { position: relative; display:block; overflow: hidden; }

.overlay { position: absolute; bottom: 0px; left: 0; right: 0; top: 0; height: 100%; width: 100%; background: rgba( 0,0,0,0 ); opacity: 0; filter: alpha(opacity=0);
webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color: #ffffff; }

.overlay i { position: absolute; left: 0; top: 120%; margin: -9px 0 0 0; font-size: 20px; color: #ffffff; width:100%; text-align: center; }

.overlay.large i { margin: -19px 0px 0 0; font-size: 42px; }

.overlay.small i { margin: -6px 0px 0 0; font-size: 14px; }

.overlay em { margin: 10px 0 5px; font-size: 18px; display: block; }

.overlay span { font-size: 14px; display: block; }

.overlayed:hover { color: #ffffff!important; text-decoration: none; }

.overlayed:hover .overlay { background: rgba( 0,0,0,0.6 ); opacity: 1; filter: alpha(opacity=100); }

.overlayed:hover .overlay i { top: 50%; -webkit-transition: top 0.2s linear; -moz-transition: top 0.2s linear; -o-transition: top 0.2s linear; 
transition: top 0.2s linear; }

.overlayed:hover .overlay.large i { -webkit-transition: top 0.3s linear; -moz-transition: top 0.3s linear; -o-transition: top 0.3s linear; 
transition: top 0.3s linear; }


/* 5.2 Blog & Blog post
----------------------------------------------------------------------------- */

.submitted-info { float:left; margin:0 35px 15px 0; display:inline-block; width:80px; }

.submitted-date { background-color:#2ecc71; color:#ffffff; padding:10px; text-align:center; margin:5px 0;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.submitted-date .day { font-size: 36px; font-weight: bold; padding: 0; line-height:100%; }

.submitted-date .month-year { font-size: 14px; }

.submitted-user { text-align:center; }

.comment-counter { margin:5px 0 0 0; padding:5px 0 5px 42px; border-bottom:1px solid #dadada; position: relative; }

.comment-counter:after { font-family: "FontAwesome"; content: "\f075"; position: absolute; left: 20px; top: 2px; font-size: 20px; color: #2ecc71; }

/*node*/
.node.node-teaser { position: relative; padding: 0 0 30px 0; margin-bottom: 40px; }

.node header { padding: 0 0 15px 0; }


/* 5.3 Comments
----------------------------------------------------------------------------- */

#comments { padding: 30px 0; margin:40px 0 0 0; position: relative; }

#comments h2.title { text-align: center; margin: 20px 0 40px 0;}

/*comments divider*/
#comments.divider:after { top:0; width: 100px; margin-left: -50px; }

/*comment*/
.comment { margin: 0 0 40px 0; position: relative; overflow: hidden; }

.comment-left { float: left; width: 27%; padding: 0 20px 20px 0; min-width: 130px; max-width: 130px; position: relative; }

.comment-right { float:left; width:73%; position: relative; padding: 0 0 20px 0; margin: 0; }

.comment h3.title { margin: 0 0 10px 0; }

.user-picture img { width: 55px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.comment .username { font-size: 20px; color: #000000; font-style: italic; }

.comment .submitted { font-size: 14px; font-style: italic; color: #797979; }

/*comment divider*/
.comment-right.divider:after { width: 55px; left: 0; margin-left: 0; }

.indented { margin-left: 130px; position: relative; }

/*indented comment divider*/
.indented:after { position: absolute; height: 40px; width: 1px; left: 27.5px; top: -40px; background-color: #dddddd; content: ""; }

@media (max-width: 767px) {
	.indented { margin-left: 65px; position: relative; }
	.indented:after { width: 0; height: 0; }
}

@media (max-width: 480px) {
	.indented { margin-left: 30px; position: relative; }
}


/* 5.4 Tags
----------------------------------------------------------------------------- */

.tags { display: block; overflow: hidden; position: relative; font-size: 14px; margin: 30px 0; }

.tags .field-label { text-transform: uppercase; font-weight: 700; }

.tags .item { display:inline; padding-right: 2px; }

.tags .item a { color: #797979; font-style: italic; }

.tags .item a:hover { text-decoration: none; color:#2ecc71; }
	
.tags .item a:after { content: ',';}

.tags .item:last-child a:after { content: '';}


/*  6. Blocks
============================================================================= */


/* 6.1 Logo & Site Name
----------------------------------------------------------------------------- */

#logo, #subfooter-logo { padding: 0; float: left; margin-right: 7px; display: inline-block; }

#logo:hover { opacity: 0.8; filter: alpha(opacity=80);
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#site-name { padding:0; }

#site-name a { font-size: 28px; font-weight: 900; line-height:1.1; }

#site-name a:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80);
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#subfooter-site-name { font-size: 30px; font-weight: 900; line-height: 1.10; color: #2ecc71; }

#site-slogan { font-size: 11px; line-height:1.30; color: #222222; padding:0; text-transform: uppercase; }

.center #logo { float: none; margin: 5px 0; }


/* 6.2 Search block
----------------------------------------------------------------------------- */

.block-search form { position: relative; }

.block-search .form-actions { position: absolute; top:0px; right: 0px; font-size: 16px; margin: 0;}

.block-search .form-actions:after { font-family: 'FontAwesome'; content: "\f002"; position: absolute;
top: 0; left: 0; z-index: 0; line-height: 44px; width: 20px; display: block; }

.block-search input.form-submit { background-color: transparent;
color: #000; position: relative; z-index: 1; height: 44px; margin: 0; padding: 10px;}

.block-search input.form-submit:focus, .block-search input.form-submit:hover { outline: none; background: transparent; }


/* 6.3 Subheader block
----------------------------------------------------------------------------- */

.subheader { text-align: center; }

.field-name-subheader-title, .features-title { text-align: center; font-size: 50px; font-weight: 300; margin: 0 0 20px 0; line-height: 1.1;}

.features-title { text-align:left; padding:40px 0 0 0;  }

.field-name-subheader-text { text-align: center; font-size: 24px; font-weight: 300; padding: 0 0 50px 0; position: relative; margin: 0 0 85px 0;}

.subheader .more-link { margin: 0 10px 25px; display: inline-block; }

/*subheader divider*/
.subheader.divider { padding: 0 0 50px 0; position: relative; }

.subheader.divider:after, .field-name-subheader-text:after { position: absolute; content: ""; width: 55px; height: 1px; left:50%; margin-left: -27.5px; 
bottom: 0; background-color: #dddddd; }


/* 6.4 Call to action block
----------------------------------------------------------------------------- */

.call-to-action { padding: 0; color: #000000; }

.call-to-action p { margin: 5px 0; }

.call-to-action .read-more, .call-to-action .read-more a { margin-left: 5px; }


/* 6.5 Promoted Items block
----------------------------------------------------------------------------- */

.view-promoted-items { text-align: center; }

.view-promoted-items .views-row { margin-bottom: 80px!important; }

.icon { width: 100px; height: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
border: 2px solid #e5e5e5; margin: 10px auto 25px; text-align: center; display: block; color: #222222;-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#page-intro .icon { color: #ffffff; }

.view-promoted-items .views-field-image { margin: 0 auto 20px; }

.view-promoted-items .views-field-image img { border: 1px solid #e5e5e5; }

.view-promoted-items .views-row:hover a.icon { background-color: #22ae69; border: 2px solid #22ae69; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); 
-o-transform: rotateY(180deg); transform: rotateY(180deg); }

.icon i { font-size: 72px; width: 100%; height: 100%; line-height: 100px; -webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.icons i { font-size: 72px; width: 100%; height: 100%; line-height: 100px; -webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.view-promoted-items .views-row:hover a.icon i { color: #ffffff; }

@media (min-width: 1200px) {
	.three-columns { padding-left: 10%; padding-right: 10%; }
	.two-columns { padding-left: 25%; padding-right: 25%; }
}


/* 6.6 Showcase block
----------------------------------------------------------------------------- */

.view-showcases h2 { margin:0; }

.front .view-showcases { margin: 40px 0 0 0; }

.view-showcases .subtitle p { margin: 0; font-style: italic; }

.node-type-showcase .showcase-subtitle { position: relative; padding: 0 0 25px 0; margin: 0 0 25px 0; }

.node-type-showcase .showcase-subtitle p { margin: 0; font-size: 30px; font-weight: 300; }

/*subtitle divider*/
.node-type-showcase .showcase-subtitle:after { content: ""; width: 55px; height: 1px; left: 0; bottom: 0; background: #dddddd; position: absolute; }

/*showcase full width*/
.view-promoted-items.full .views-row { width: 100%; margin-bottom: 0!important; }

.view-promoted-items.full .views-field-image { margin: 0; }

.view-promoted-items.full  .views-field-image img { border:0; }

@media (min-width: 480px) { 
	.view-promoted-items.full .views-row { width: 50%; }
}

@media (min-width: 992px) { 
	.view-promoted-items.full .views-row { width: 25%; }
}


/* 6.7 romoted features block
----------------------------------------------------------------------------- */

.promoted-features { margin: 35px 0 0 0; }

.promoted-feature { position: relative; padding-bottom:20px; margin-bottom:30px; }

.promoted-feature h3 { margin: 0 0 10px 0;}

.promoted-feature i { padding-right: 20px; }

.promoted-feature p { color: #000000; margin: 0 0 10px 0; }

/*Promoted feature divider*/
.promoted-feature.divider:after { width: 55px; left: 15px; content: ""; margin-left: 0;}

.sidebar .promoted-feature.divider:after { left: 0px; }

/*Promoted small features*/
.promoted-features.small { margin: 25px 0 80px 0; }

.small .promoted-feature { padding: 0; margin: 0 0 35px; }

.small .promoted-feature .icon { width: 40px; height: 40px; margin: 0; float: left; margin-right: 15px; background-color: #22ae69; border: 2px solid #22ae69; }

.small .promoted-feature .icon i { font-size: 18px; line-height: 38px; padding: 0; color:#ffffff;  }

.small .promoted-feature .title { font-size: 18px; font-weight: 400;  }

.small .promoted-feature p { font-size: 16px; margin: 0; font-weight: 300; padding-left:55px; }


/* 6.8 Team member
----------------------------------------------------------------------------- */

.team-member { text-align: center; margin: 40px 0; color: #000000; }

.team-member img { width: 160px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 auto 20px; }

.team-member h2 { margin: 0; text-transform: none; }

.team-member .team-member-title { font-size: 14px; text-transform: uppercase; }

.team-member i { display: block; font-size: 20px; }

.team-member .team-member-email a { color: #000000; word-wrap: break-word; word-break: break-all; white-space: pre; white-space: pre-wrap; }

.team-member .team-member-email a:hover { text-decoration: none; color: #22ae69; }

/*Team member @about-me page*/
.about-me .team-member { margin-top: 0; }

.about-me .description { text-align: left; }


/* 6.9 Testimonial block (Sidebar)
----------------------------------------------------------------------------- */

.testimonial-block { text-align: left; padding: 0; }

.testimonial-block .testimonial-inner { position: relative; margin-bottom: 15px; padding-bottom: 20px; overflow: hidden; min-height: 55px; 
font-style: italic; }
.testimonial-block .testimonial-inner p {  margin: 0; padding: 0; }

.testimonial-block .testimonial-inner-left { width: 60%; float: left; }

.testimonial-block .testimonial-inner img { width: 55px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
position: absolute; top: 0; right: 0; }  

.testimonial-block .testimonial-submitted { color: #5f5f5f; }

.testimonial-block .testimonial-submitted .title { font-size: 16px; margin: 0; }

.testimonial-block .testimonial-submitted p { margin: 0; }

/*testimonial divider*/
.testimonial-block .testimonial-inner.divider:after { width: 20px; left:0; margin-left:0; visibility: visible; }


/* 6.10 Feed block
----------------------------------------------------------------------------- */

.view-feed .views-field-image { float: left; padding-right: 10px; }

.view-feed .views-row { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #1b1b1b; }

.view-feed .views-row.last { border-bottom: none; }

.view-feed .views-field-title {  margin: 0 0 10px 0; }

.view-feed .views-field-tag, .view-feed .views-field-tag a { color: #4d4d4d; font-size: 13px; font-weight: 400; font-style: italic;}

.view-feed .views-field-tag a:hover { color: #2ecc71; }


/* 6.11 Company info & Contact info blocks
----------------------------------------------------------------------------- */

ul.company-info { margin: 0; padding: 12px 0 10px; }

ul.company-info li { font-size: 13px; display: inline-block; list-style-type: none; text-align: center; overflow: hidden; outline: none; padding: 0 25px 0 0; }

ul.company-info li i { font-size: 15px; padding-right: 7px; padding-top: 2px; }

/*Contact info block*/
ul.contact-info { list-style: none; margin: 0; padding: 0; }

ul.contact-info li { padding: 0 0 22px 45px; margin: 0 0 22px 0; border-bottom: 1px solid #e8e8e8; position: relative; }

ul.contact-info li i { color: #222222; position: absolute; left: 10px; top:2px; font-size: 20px; }

#footer ul.contact-info li { border-bottom: 1px solid #1b1b1b; }

#footer ul.contact-info li.last { border-bottom: none; }

#footer ul.contact-info li i { color: #4d4d4d; }


/* 6.12 Twitter feed block
----------------------------------------------------------------------------- */

.view-tweets .views-row { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #1b1b1b; }

.view-tweets .views-row.views-row-last { border-bottom: none; }

.view-tweets .views-row a { text-decoration: underline; }

.view-tweets .views-field-created-time { display: block; color: #4d4d4d; margin: 10px 0 0 0; font-size: 12px; text-transform: uppercase; font-weight: 400; }


/* 6.13 Social bookmarks & brands blocks
----------------------------------------------------------------------------- */

ul.social-bookmarks, ul.brands { list-style: none; margin: 0; padding: 10px 0; text-align: center; }

ul.social-bookmarks li, ul.brands li { display: inline-block;  margin: 4px; }

ul.social-bookmarks li a, ul.brands li a { color: #222222; display: block; width: 40px; height: 40px; -webkit-border-radius: 100%; -moz-border-radius: 100%; 
border-radius: 100%; border: 2px solid #222222; }

ul.social-bookmarks li i, ul.brands li i { width: 100%; height: 100%; font-size: 23px; line-height: 37px; }

ul.social-bookmarks li a:hover, ul.brands li a:hover { color: #ffffff; text-decoration: none; background-color: #22ae69; border: 2px solid #22ae69; }

ul.social-bookmarks li.facebook a:hover { background-color: #3b5998; border: 2px solid #3b5998; }

ul.social-bookmarks li.twitter a:hover { background-color: #00b6f3; border: 2px solid #00b6f3; }

ul.social-bookmarks li.googleplus a:hover { background-color: #cf4231; border: 2px solid #cf4231; }

ul.social-bookmarks li.linkedin a:hover { background-color: #2086bc; border: 2px solid #2086bc; }

ul.social-bookmarks li.youtube a:hover { background-color: #c8312b; border: 2px solid #c8312b; }

ul.social-bookmarks li.instagram a:hover { background-color: #723f2d; border: 2px solid #723f2d; }

ul.social-bookmarks li.flickr a:hover { background-color: #ff0084; border: 2px solid #ff0084; }

ul.social-bookmarks li.vimeo a:hover { background-color: #627486; border: 2px solid #627486; }

ul.social-bookmarks li.pinterest a:hover { background-color: #cb2027; border: 2px solid #cb2027; }

ul.social-bookmarks li.skype a:hover { background-color: #00aff0; border: 2px solid #00aff0; }


/* 6.14 Google Map & Map Switch
----------------------------------------------------------------------------- */

/*Google Map*/
#map-canvas { height: 470px; display: none;}

#map-canvas.opened { display: block; }

#map-canvas img { max-width: inherit; }

/*Map Switch*/
.mapswitch-wrapper { width: 80px; }

#page-intro .mapswitch-wrapper { margin: 10px auto; }

.mapswitch-text { font-size: 13px; text-align: center; margin: 3px 0; }

.mapswitch { position: relative; width: 80px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }

.mapswitch-checkbox { display: none; }

.mapswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #000; -webkit-border-radius: 50px; 
-moz-border-radius: 50px; border-radius: 50px; margin-bottom: 3px;}

.mapswitch-inner { width: 200%; margin-left: -100%; display: block; -moz-transition: margin 0.1s ease-in 0s; -webkit-transition: margin 0.1s ease-in 0s;
-o-transition: margin 0.1s ease-in 0s; transition: margin 0.1s ease-in 0s; }

.mapswitch-inner:before, .mapswitch-inner:after { float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 12px; color: white;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mapswitch-inner:before { content: ""; background-color: #2ECC71; color: #FFFFFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

.mapswitch-inner:after { content: ""; background-color: #222222; color: #FFFFFF; }

.mapswitch-switch { width: 21px; margin: 6px; background-color: #2ECC71; border: 2px solid #2ECC71; -webkit-border-radius: 50px; 
-moz-border-radius: 50px; border-radius: 50px; position: absolute; top: 0; bottom: 0; right: 46px; -moz-transition: all 0.1s ease-in 0s; 
-webkit-transition: all 0.1s ease-in 0s; -o-transition: all 0.1s ease-in 0s; transition: all 0.1s ease-in 0s; display: block; }

.mapswitch-checkbox:checked + .mapswitch-label .mapswitch-inner { margin-left: 0; }

.mapswitch-checkbox:checked + .mapswitch-label .mapswitch-switch { right: 0px; border: 2px solid #FFFFFF; background: #FFFFFF; }


/*  7. Elements
============================================================================= */


/* 7.1 Forms
----------------------------------------------------------------------------- */

.form-item, .form-actions { margin:20px 0; }

input.form-text, textarea, select { background: #e5e5e5; color: #000000; font-size: 12px; padding: 14px 15px; outline:none; border: none;
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 100%; }

#footer input.form-text, #footer textarea { background: #191919; color: #ffffff; margin: 0 0 2px 0; padding:20px 15px; }

#mm0 { text-transform: uppercase; margin: 20px 0; padding: 5px;}

textarea { resize: none; }

#mm0 { text-transform: uppercase; margin: 20px 0; }

label { display: block; }

fieldset { border:1px solid #dddddd; }

fieldset legend { border:1px solid #dddddd; display: inline-block; width: auto; padding: 5px; font-size: 12px; text-transform: uppercase; margin-left: 10px; }

/*form placeholder*/
::-webkit-input-placeholder { color: #222222; text-transform: uppercase; }

:-moz-placeholder { color: #222222; text-transform: uppercase; }

::-moz-placeholder { color: #222222; text-transform: uppercase; }

:-ms-input-placeholder { color: #222222; text-transform: uppercase; }

#footer ::-webkit-input-placeholder { color: #ffffff; }

#footer :-moz-placeholder { color: #ffffff; }

#footer ::-moz-placeholder { color: #ffffff; }

#footer :-ms-input-placeholder { color: #ffffff; }


/* 7.2 Buttons & more links
----------------------------------------------------------------------------- */

ul.links li a, a.more, input[type="submit"] { font-size: 14px; text-transform: uppercase; padding: 15px 45px 15px 15px; background-color: #2ecc71; 
color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; line-height: 1; border: none; margin: 10px 0;
position:relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

input[type="submit"] { padding: 15px; margin: 5px 5px 5px 0; }

ul.links li a:after, a.more:after {content: "\f054"; font-family: 'FontAwesome'; color: rgba(0,0,0,0.2); padding-left: 20px; top: 16px;
position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

ul.links li a:hover, a.more:hover, input[type="submit"]:hover { text-decoration: none; background-color: #22ae69; color: #ffffff!important; }

ul.links li a:hover:after, a.more:hover:after { color: #ffffff; }

.more-link { text-align: right; }

a.more.btn-lg { font-size: 18px; line-height: 1.33; border-radius: 6px; }

a.more.btn-sm { padding: 5px 35px 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

a.more.btn-sm:after { top:6px; }

a.more.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

a.more.btn-xs:after { content: ""; }

.subheader a.more { margin: 10px; }

/*contact-form submit*/
.contact-form input[type="submit"] { padding: 13px 15px; min-width: 280px; text-align: center; }

.contact-form input[type="submit"]:after { content: ""; }

#contact-form label.error { font-weight:normal; font-size:12px; padding:5px 0; color: #cc2e2e; }

#contact-success, #contact-error { font-weight:normal; font-style:italic; font-size:12px; padding:5px 0; }

/*more links*/
.more-link a { font-style: italic; margin: 25px 0 5px; display: block; background: transparent; padding:0; 
color: #2ecc71; text-transform: none; font-size: 16px; text-align: left; position: relative; line-height: 1; }

.more-link a:after { content: "\f178"; font-family: 'FontAwesome'; font-style: normal; color: #2ecc71; 
padding-left: 10px; top: 3px; position: absolute; }

.more-link a:hover { color: #22ae69; text-decoration: none; }

/*footer area submit button*/
.footer-area form input[type="submit"] { width: 100%; padding: 15px; margin: -3px 0 0 0;}

.footer-area form label { display: none; }


/* 7.3 Pricing Tables
----------------------------------------------------------------------------- */

.pricing-table { text-align: center; border: 1px solid #dddddd; margin: 0 0 40px 0; padding:0 0 20px 0;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.pricing-table.style-1 { border: 1px solid #2ecc71; }

.pricing-table.style-2 { border: 1px solid #3d8ae3; }

.pricing-table.style-3 { border: 1px solid #e67e22; }

.pricing-table.style-4 { border: 1px solid #e74c3c; }

.pricing-table.style-5 { border: 1px solid #a66bbe; }

.pricing-table.style-6 { border: 1px solid #d74456; }

.pricing-table.style-7 { border: 1px solid #34495e; }

.pricing-table.style-8 { border: 1px solid #1abc9c; }

.pricing-table.style-9 { border: 1px solid #f26d7d; }

.pricing-table.style-10 { border: 1px solid #95a5a6; }

.style-1 .pricing-table-header { background: #2ecc71; color:#ffffff; }

.style-2 .pricing-table-header { background: #3d8ae3; color:#ffffff; }

.style-3 .pricing-table-header { background: #e67e22; color:#ffffff; }

.style-4 .pricing-table-header { background: #e74c3c; color:#ffffff; }

.style-5 .pricing-table-header { background: #a66bbe; color:#ffffff; }

.style-6 .pricing-table-header { background: #d74456; color:#ffffff; }

.style-7 .pricing-table-header { background: #34495e; color:#ffffff; }

.style-8 .pricing-table-header { background: #1abc9c; color:#ffffff; }

.style-9 .pricing-table-header { background: #f26d7d; color:#ffffff; }

.style-10 .pricing-table-header { background: #95a5a6; color:#ffffff; }

.style-1 .pricing-buy .more { background: #2ecc71; } .style-1 .pricing-buy .more:hover { background: #22ae69; }

.style-2 .pricing-buy .more { background: #3d8ae3; } .style-2 .pricing-buy .more:hover { background: #357cce; }

.style-3 .pricing-buy .more { background: #e67e22; } .style-3 .pricing-buy .more:hover { background: #d35400; }

.style-4 .pricing-buy .more { background: #e74c3c; } .style-4 .pricing-buy .more:hover { background: #c0392b; }

.style-5 .pricing-buy .more { background: #a66bbe; } .style-5 .pricing-buy .more:hover { background: #9b50ba; }

.style-6 .pricing-buy .more { background: #d74456; } .style-6 .pricing-buy .more:hover { background: #c43446; }

.style-7 .pricing-buy .more { background: #34495e; } .style-7 .pricing-buy .more:hover { background: #2c3e50; }

.style-8 .pricing-buy .more { background: #1abc9c; } .style-8 .pricing-buy .more:hover { background: #16a085; }

.style-9 .pricing-buy .more { background: #f26d7d; } .style-9 .pricing-buy .more:hover { background: #cc515f; }

.style-10 .pricing-buy .more { background: #95a5a6; } .style-10 .pricing-buy .more:hover { background: #7f8c8d; }

.pricing-name, .pricing-value { padding: 20px 0; }

.pricing-name { font-size:20px; padding: 10px 0; border-bottom:1px solid #ffffff; } .pricing-value { font-size:40px; }

.pricing-features p { padding:15px 20px; margin:0; }

.pricing-features p:nth-child(2n) { background:#efefef; }

.fontawesome-icons [class*="col-md-"] { margin-bottom: 10px; }

.fontawesome-icons i { font-size: 14px; margin-right: 5px; width: 30px; display: inline-block; position: relative; text-align: center; }


/* 7.4 Pager
----------------------------------------------------------------------------- */

ul.pager { margin: 20px 0 20px; padding: 0; }

.item-list ul.pager li { padding: 0; margin: 0; border-bottom: none; }

ul.pager li > a, ul.pager li.pager-current { padding: 5px; background-color: transparent; border: 1px solid #dddddd; -webkit-border-radius: 100%;
-moz-border-radius: 100%; border-radius: 100%; color: #dddddd; margin: 0 1px; height: 25px; width: 25px; line-height: 1; display: inline-block; font-size: 14px; }

ul.pager li > a:hover, ul.pager li > a:focus, ul.pager li.pager-current { background-color: #2ecc71; color: #ffffff; border: 1px solid #2ecc71; }

ul.pager .pager-previous a, ul.pager .pager-next a { border: none; color: #2ecc71; width: auto; font-size: 16px; font-style: italic; position: relative; 
text-transform: capitalize; }

ul.pager .pager-previous a { padding-left: 25px; float: left;  text-align: left; }

ul.pager .pager-next a { padding-right: 25px; float: right; text-align: right; }

ul.pager .pager-previous a:hover, ul.pager .pager-next a:hover { color: #22ae69; border: none; background: none; }

ul.pager .pager-previous a:after { content: "\f177"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 8px; font-style: normal; }

ul.pager .pager-next a:after {  content: "\f178"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 8px; font-style: normal; }

@media (max-width: 480px) { 
	ul.pager .pager-previous, ul.pager .pager-next  { float: none; padding: 35px 0; display: block; }
	ul.pager .pager-next { margin: -25px 0 0 0; }
}


/* 7.5 Tabs
----------------------------------------------------------------------------- */

.nav-tabs { margin: 25px 0 15px; }

.nav-tabs > li > a { border-radius: 0; }

.nav-tabs li a i { padding-right: 10px; font-size: 20px; }


/* 7.6 Accordion
----------------------------------------------------------------------------- */

.panel-group { margin: 25px 0; }

.panel-group .panel { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.panel-default > .panel-heading { background: #e5e5e5; color: #000000; font-size: 12px; padding: 14px 15px; outline:none; border: none;
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 100%; }

.panel-title a { font-weight: 400; }

.panel-title a i { padding-right: 10px; font-size: 20px; }


/* 7.7 Progress Bars
----------------------------------------------------------------------------- */

.progress-bar-mb { background-color: #2ecc71; }

.progress-bar-success { background-color: #2ecc71; }

.progress-bar-info { background-color: #3d8ae3; }

.progress-bar-warning { background-color: #e67e22; }

.progress-bar-danger { background-color: #e74c3c; }


/* 7.8 Nav Pills
----------------------------------------------------------------------------- */

.nav-pills { margin: 20px 0; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #2ecc71; }


/* 7.9 Tables
----------------------------------------------------------------------------- */

table { border-collapse: collapse; width:100%; color: #000000; }

table th { font-size:16px; font-weight:bold; text-transform:uppercase; border:1px solid #dddddd; background:#f3f3f3; }

table th, table td { vertical-align: top; padding:10px; text-align:left; }

table td { vertical-align: top; text-align:left;}

table tr.even, table tr.odd  { border-bottom: 1px solid #dddddd; background:none; }


/* 7.10 Lists
----------------------------------------------------------------------------- */

/*Links*/
ul.inline, ul.links.inline { display: inline; padding-left: 0; }

ul.links { padding: 10px 0; margin: 0; list-style: none; }

ul.links li a { margin:5px 5px 5px 0; }

ul.inline li { padding:0; display: inline-block; }

ul.inline li a { margin: 0 10px 10px 0; }

/*check list*/
ul.check-list { list-style: none; margin: 10px 0; padding: 0; }

ul.check-list li { margin: 0 0 15px 0; }

ul.check-list li i { display: inline-block; width: 30px; height: 30px; -webkit-border-radius: 100%; background-color: #2ecc71; margin-right: 20px;
-moz-border-radius: 100%; border-radius: 100%; color: #fff; line-height: 30px; text-align: center; }

#page-intro ul.check-list li { margin: 0 10px 0 10px; display: inline-block; }

#page-intro ul.check-list li i { display: inline-block; width: 15px; height: 15px; background-color: transparent; margin-right: 10px; color: #6f7071; line-height: 1;}

/*Item list*/
.item-list ul { list-style-position:inside; list-style-type:square; margin: 0 0 0.75em 0; padding: 0; }

.item-list ul li { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #e8e8e8; position: relative; }

#block-user-login .item-list ul li { padding:0; margin: 0; border-bottom: none; }


/* 7.11 Alerts
----------------------------------------------------------------------------- */

div.messages { color: #ffffff; margin: 0 0 20px; padding: 20px 55px; position: relative; }

div.messages a { color: #ffffff; text-decoration: underline; }

div.messages.status { background: #2ecc71; }

div.messages.error { background: #cc2e2e; }

div.messages.warning { background: #ebca47; }

/*Status messages symbols*/
div.messages.status:before { content: "\f00c"; font-family: "FontAwesome"; font-size: 20px; position: absolute; left: 20px; top:18px; }

div.messages.error:before { content: "\f00d"; font-family: "FontAwesome"; font-size: 24px; position: absolute; left: 20px; top:18px; }

div.messages.warning:before { content: "\f12a"; font-family: "FontAwesome"; font-size: 24px; position: absolute; left: 25px; top:18px; }


/* 7.12 Responsive Videos
----------------------------------------------------------------------------- */

.responsive-video {	position: relative; padding-bottom: 56.3%; height: 0; margin: 25px 0; }

.responsive-video  iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* 8. Testimonial Slider
============================================================================= */

.view-testimonials { text-align: center; padding: 50px 0 80px; }

.view-testimonials .flexslider { background: transparent; }

.view-testimonials .testimonial-inner img { width: 128px; margin: 0 auto 25px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.testimonial-inner p { margin: 0; padding:0; }

.testimonial-submitted .title {  margin: 0 0 5px 0; font-size: 26px; }

.testimonial-submitted p { font-style: italic; margin: 0;  }

.testimonial-inner .divider { position: relative; padding-bottom: 35px; margin-bottom: 35px; font-size: 50px; font-style: italic; font-weight: 300; line-height: 1.18;}

/*testimonial divider*/
.testimonial-inner .divider:after { width: 9%; margin-left: -4.5%; }

/*Direction nav*/
.view-testimonials .flex-direction-nav a  { opacity: 1; filter: alpha(opacity=100); text-align: center; width: 96px; height: 96px; line-height: 96px; 
color: #e5e5e5; text-shadow: none; top:45%; text-indent: 0; background: none;}

.view-testimonials .flex-direction-nav .flex-prev, 
.view-testimonials .flexslider:hover .flex-prev { left:0; opacity: 1; filter: alpha(opacity=100);}

.view-testimonials .flex-direction-nav .flex-next, 
.view-testimonials .flexslider:hover .flex-next { right: 0; text-align: center; opacity: 1; filter: alpha(opacity=100); }

.view-testimonials .flex-direction-nav a:hover { color: #22ae69; text-decoration: none; }

.view-testimonials .flex-direction-nav a:before  { font-family: "FontAwesome"; font-size: 128px; display: inline-block; content: '\f104'; }

.view-testimonials .flex-direction-nav a.flex-next:before  { content: '\f105'; }

/*Control Nav*/
.view-testimonials .flex-control-nav { bottom: -105px; }

.view-testimonials .flex-control-nav li {display: inline-block; margin: 0 3px;}

.view-testimonials .flex-control-paging li a { background:#000000; }

.view-testimonials .flex-control-paging li a:hover,.view-testimonials .flex-control-paging li a.flex-active { background: #2ecc71; }

@media (max-width: 1199px) {
	.view-testimonials .flex-direction-nav a { top:85%; }
}

@media (max-width: 480px) {
	.view-testimonials .flex-direction-nav a { top:109%; }
}

/*testimonials page*/
.page-testimonials #page .testimonial { margin: 0 0 80px 0; }

/*Bootstrap 3 Carousel*/
.carousel-indicators li { background-color:#000000; width: 12px; height: 12px; margin: 0 1px; border-color: #000000; }

.carousel-indicators .active { background-color: #2ecc71; width: 12px; height: 12px; margin: 0 1px; border-color: #2ecc71; }


/* 9. Isotope
============================================================================= */

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

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

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; }

.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; }

#filter-items { display: none; }


/* 10. Scroll to top
============================================================================= */

#toTop { position: fixed; right: 30px; bottom: 30px; color: #222222; display: none; width: 40px; height: 40px; 
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #222222; cursor: pointer; text-align: center; 
-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; z-index: 100; }

#toTop i { width: 100%; height: 100%; font-size: 18px; line-height: 37px; }

#toTop:hover { border: 2px solid #22ae69; background-color: #22ae69; color: white; }


.rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	background-color:black;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	background:#000 url(../images/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.3;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
	color:white;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}