

body, p {
	font-family: 'Merriweather Sans', sans-serif;
	font-style:normal;
	font-weight:300;
	font-size:16px;
	line-height:24px;
	color: #616a70;
}

a,
a:hover,
a:focus,
a:active,
em { 
	color: #00cccc;
}

hr {
	border-color: #00cccc;
}

.color-hover,
.color-hover-2,
.color-hover-3{
	background-color: rgba(78, 86, 92, 0.65);
}

.poster-image {
	background: url('');
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight:600;
	font-size:25px;
	line-height:65px;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight:700;
	font-size:34px;
	line-height:40px;
	color:#4E565C;
}

h2 em{
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight:300;
}

h3 {
	font-family: 'Roboto', sans-serif;
	font-style:normal;
	font-weight:500;
	font-size:30px;
	line-height:34px;
	color:#4E565C;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight:600;
	font-size:20px;
	line-height:20px;
	color:#4E565C;
}

.heading p { 
	font-family: 'Roboto Slab', sans-serif;
	font-style:normal;
	font-weight:300;
	font-size:19px;
	line-height:27px;
	color: #616a70;
}

.heading span.line {
	border-bottom: 2px solid #00cccc;
}

ul.nav li a {
	color: #4E565C;
	font-size: 12.8px;
}

ul.nav li a::before, 
ul.nav li a::after,
ul.nav li a:hover::before, 
ul.nav li a:hover::after,
ul.nav li a:focus::before, 
ul.nav li a:focus::after,
ul.nav li.active a::before, 
ul.nav li.active a::after,
ul.nav li.active a,
ul.nav li.active a:hover,
ul.nav li ul.dropdown-menu li a:hover,
ul.nav li a.dropdown-toggle:hover,
ul.nav li a:hover,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
	color: #00cccc;
}	

#cookies-message p{
	font-family: 'Merriweather Sans', sans-serif;
	font-style:normal;
	font-weight:300;
	font-size:16px;
	line-height:19.2px;
}

nav .logo,
.intro-brand, 
footer .logo { 
	color:#293838;
	font-family: '';
	font-style: ;
}

nav .logo { 
	font-size: 28px;
}

nav .logo:hover { 
	color:#00cccc;
}

.navbar-toggle span,
.navbar-toggle span,
.navbar-toggle span{
	background-color:#4E565C;
}

.navbar-toggle:hover span,
.navbar-toggle:focus span,
.navbar-toggle:active span{
	background-color:#00cccc;
}

footer h1.logo { 
	font-family: '', sans-serif;
	font-style:;
	font-weight:;
	font-size:33px;
	color:#293838;
	line-height:50px;
}

.intro .btn-lg,
.intro .learn{
	font-size:16px;
}

.intro .btn-lg:hover,
.intro .learn{
	border-color: #00cccc; 
	background: #00cccc;
}

.intro .learn:hover{
	color: #00cccc !important;
}

.hi-icon,
.hi-icon-effectb .hi-icon {
	color:#4E565C;
}

.hi-icon-effect .hi-icon {
	box-shadow: 0 0 0 1px #4E565C;
}

.hi-icon-effect .hi-icon:after {
	background: #00cccc;
}

.features-desc:hover h4 {
	color: #00cccc;
}

.spotlight-link{
	border: 1px solid #4E565C;
	color: #4E565C !important;
	font-size:16px;
}

.spotlight-link:hover{
	border-color: #00cccc;
	background: #00cccc;
	color: #fff !important;
} 

article #newsletter span.section-name,
article #newsletter h2,
article #newsletter p {
	color: #4E565C !important;
}

.subs-input,
.subs-input:hover,
.subs-input:focus,
.subs-input:active {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:16px;
}

.subs-submit{
	color: #4E565C;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:16px;
}

article .subs-submit{
	border: 1px solid #4E565C;
}

article .subs-submit:hover,
article .subs-submit:focus,
article .subs-submit:active {
	border: 1px solid #00cccc;
}

article .subs-input,
article .subs-input:hover,
article .subs-input:focus,
article .subs-input:active {
	border-color: #616a70;
	color: #4E565C;
}

.subs-submit:hover,
.subs-submit:focus,
.subs-submit:active {
	background: #00cccc;
	font-size:16px;
}

.success-message,
.valid{
	color: #00cccc;
}

#gallery .custom-nav .filter{
	color: #616a70;
	border: 1px solid #616a70; 
}

#gallery .custom-nav .active,
#gallery .custom-nav .filter:hover{
	background: #00cccc;
	border: 1px solid #00cccc;
}

a.effect-chico:hover img{
	background: #00cccc;
}

a.effect-chico h2{
	font-size:27.2px;
}


.gallery-images a,
.og-grid li > a {
	background: rgba(0, 204, 204, 0.3);
}

.gallery-images a:hover,
.og-grid li > a:hover {
	background: rgba(0, 204, 204, 0.8);
}

.og-expander {
	background: #4E565C;
}

.og-details a:hover {
	background: #00cccc;
	border: 1px solid #00cccc;
}

.hi-icon-2 {
	color: #616a70;
}

.spotlight-features li:hover .hi-icon-2 {
	background: #00cccc;
	box-shadow: 0 0 0 2px #00cccc;
}

.spotlight-features li:hover p strong {
	color: #00cccc;
}

#comments .icon-title,
.circle-price {
	background: #00cccc;
}

.buy-now a{
	border: 1px solid #616a70; 
	color: #616a70 !important;
}

.buy-now a:hover{
	border-color: #00cccc; 
	background: #00cccc;
}

article h3 a,
.blog-post-content h3 a{
	color: #4E565C;
}

article h3 a:hover,
.blog-post-content h3 a:hover{
	color: #00cccc;
}

.blog-post-plus a{
	color: #616a70;
}

.blog-post-plus a:hover{
	color: #00cccc;
}

.post .thumbnail:hover{
	border-color: #00cccc;
}
	
.mask-overlay{
	background: #00cccc;
}

.post-pagination a,
.post-content a.more-link,
nav.paging-navigation a,
.image-navigation a{
	color: #4E565C;
}

.post-pagination a:hover,
.post-content a:hover.more-link,
nav.paging-navigation a:hover,
.image-navigation a:hover{
	color: #00cccc;
}

.post-content .page-links a{
	background: #616a70;
}

.post-content .page-links a:hover{
	background: #00cccc;
}

a.more:hover,
a.more-posts:hover{
	border-color: #00cccc;
	background: #00cccc;
}

.icon-twitter,
.rotatingtweets .rotatingtweet p a{
	color: #00cccc;
}

form.wpcf7-form input,
form.wpcf7-form textarea {
	border: 1px solid #616a70;
	color: #616a70;
}

.button-send{
	background: #4E565C !important;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:16px;
}

.button-send:hover,
.button-send:focus,
.button-send:active{
	background: #00cccc !important;
}

.footer-content .back-top:hover{
	background-color: #00cccc;
}

ul.footer-social a:hover { 
	background: #00cccc;
}

#post h3 {
	border-left: 2px solid #00cccc;
}

.search-results #post h3 a,
.archive #post h3 a{
	color: #4E565C !important;
}

.search-results #post h3 a:hover,
.archive #post h3 a:hover{
	color: #00cccc !important;
}

.entry-meta{
	color: #616a70;
}

.entry-meta .edit-link a{
	color: #616a70;
	border: 1px solid #616a70;
}

.entry-meta .edit-link a:hover{
	background: #00cccc;
	border: 1px solid #00cccc;
}

.comment-respond input,
.comment-respond textarea {
	border: 1px solid #616a70;
	font-size: 16px;
}

.post-content .post-tags span {
	font-size: 24px;
}

.text-edit blockquote p{
	font-size: 19.2px;
	line-height: 36px;
}

.comment-list .comment-meta{
	color: #4E565C;
}

.comment-list .comment-meta .comment-reply-link{
	color: #00cccc;
}

.form-submit .btn-primary{
	background: #4E565C;
	font-size: 16px;
}

.form-submit .btn-primary:hover,
.form-submit .btn-primary:focus,
.form-submit .btn-primary:active{
	background-color: #00cccc;
}

#footer-blog p{ 
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}

#footer-blog ul.footer-social a { 
	color: #4E565C;
}

#footer-blog ul.footer-social a:hover { 
	background: #00cccc;
}

.search-form .search-field{
	font-size: 16px;
}

.sidebar .widget_categories ul li a{
	color: #616a70;
}

.sidebar .widget_categories ul li:hover,
.sidebar .widget_categories ul li:hover a{
	color: #00cccc;
}

.sidebar .widget_tag_cloud .tagcloud a{
	font-size: 16px !important;
	border: 1px solid #616a70; 
	color: #616a70;
}

.sidebar .widget_tag_cloud .tagcloud a:hover{
	border-color: #00cccc;
	background: #00cccc;
}

.sidebar .widget_rotatingtweets_widget .rotatingtweets .rotatingtweet p{
	color: #4E565C;
}

.sidebar .widget select{
	color: #4E565C;
	font-weight: 300 !important;
	line-height: 24px;
}

.search-form .button-search:hover {
	background-color: #00cccc;
}

@media (max-width: 1024px) {
	body, p {
		font-size:12.8px;
		line-height:19.2px;
	}
	h1 {
		font-size:40px;
		line-height:52px;
	}
	h2 {
		font-size:27.2px;
		line-height:32px;
	}
	h2 em{
		font-weight:240;
	}
	h3 {
		font-size:24px;
		line-height:27.2px;
	}
	h4 {
		font-size:16px;
		line-height:16px;
	}
	.heading p { 
		font-size:15.2px;
		line-height:21.6px;
	}
	.intro .btn-lg,
	.intro .learn{
		font-size:12.8px;
	}
	nav .logo { 
		font-size: 22.4px;
	}
	footer h1.logo { 
		font-size:26.4px;
		line-height:50px;
	}
	.spotlight-link{
		font-size:12.8px;
	}
	.subs-input,
	.subs-input:hover,
	.subs-input:focus,
	.subs-input:active,
	.subs-submit,
	.subs-submit:hover,
	.subs-submit:focus,
	.subs-submit:active,
	.button-send,
	.button-send:hover,
	.button-send:focus,
	.button-send:active {
		font-size:12.8px;
	}
	.comment-respond input,
	.comment-respond textarea {
		font-size: 12.8px;
	}
	.post-content .post-tags span {
		font-size: 19.2px;
	}
	.text-edit blockquote p{
		font-size: 15.2px;
		line-height: 24px;
	}
	.form-submit .btn-primary{
		font-size:12.8px;
	}
	#footer-blog p{ 
		font-size: 12.8px;
		font-weight: 300;
		line-height: 19.2px;
	}
	.search-form .search-field{
		font-size: 12.8px;
	}
	.sidebar{
		border-top: 1px dotted #00cccc;
	}
}

@media (max-width:992px) {
	ul.nav li a {
		font-size: 11.2px;
	}
}

@media (max-width: 480px) {
	h1 {
		font-size:32.5px;
		line-height:42.25px;
	}
	h3 {
		font-size:21px;
		line-height:23.8px;
	}
}


.menu-item-language a {
  width: auto;
}

.heading .section-name {
    color: #616a70;;
    border-left: 1px solid #616a70;;
    border-right: 1px solid #616a70;
}

.navbar-nav > li > .dropdown-menu {
    left: auto;
}

h5 {
     font-size: 16px;
     font-weight: bold;
     margin-top: 24px;
 }

.intro h1, .intro h3, .intro p {
  color: #fff;
  line-height: 1.3;
  margin-bottom: 10px;
}

.intro h3 {
  margin-top: 25px;
  font-weight: 300;
}

h3 {
  font-size: 24px;
}

h4 {
  line-height: normal;
}

ul.nav.navbar-nav > li a,
.heading .section-name,
a.btn.btn-default,
a.btn.btn-lg {
    font-family: "Open Sans", Helvetica, Arial, Sans;
    
}

img {
     height: auto;
 }

img.mockup-slider {
    padding-top: 8px;    
    padding-bottom: 252px;
}

.features-images .feat3 {
    position: relative;
    width: auto;
}

.heading p {
    font-weight: 300;
}

.logo-image-header {
    padding-top: 10px;
}

.spotlight-link {
    margin: 20px 0 35px 0 !important;
}

#spotlight2, #gallery {
    height: auto;   
    padding-bottom: 0;
}

#supersized img { with: auto !important }

a.effect-chico h2 {
  font-size: 18px;
  line-height: 24px;
  padding-top: 0;
}

.gallery-images a:hover, .og-grid li > a:hover {
    background: rgba(0, 60, 60, 0.75);
}
.gallery-images a, .og-grid li > a {
  background: transparent;
}

nav .logo {
    font-weight: 700;
}

.nav > li {
    font-weight: normal;
}

footer p {
    font-size: 14px !important;
    line-height: 21px !important;
    margin: auto !important;
    padding: 8px 0 0 0 !important;
    color: #888;
}

section#newsletter a.btn-default {
  padding: 9px 20px;
  color: #fff;
  background: #00cccc;
  border-color: #00cccc;
  font-weight: normal;
  text-shadow: none;
  margin-top: 20px;
  border-radius: 6px;
}
 
section#newsletter .heading p {
    font-weight: normal; 
}
 
figure {
    margin-bottom: 0;
}
 
img.feat1, img.feat2 {
    display: none !important;
}
 
section#features {
    padding-bottom: 25px;
}

div.features-wrapper {
    padding-top: 36px;
}

.features-desc p {
    font-size: 14px;
    line-height: normal;    
}

.features-desc h4 {  
  font-style: normal;
  font-weight: normal;
  font-size: 18px !important;  
  line-height: 24px !important;  
  margin-top: 0 !important;  
  padding-top: 0 !important;
}

.intro {
  padding-top: 100px;
}

.hi-icon {
  margin-bottom: 4px;
}

.circle-price {  
  font-size: 21px !important;
  font-weight: 700 !important;  
}

.footer-content h1 {
  padding-top: 50px;
}

@media (max-width: 1280px)
{
    #homepage {
        padding: 160px 0 60px 0;
    }
}

@media (max-width:1024px)
{
    h1 {
        font-size: 24px;    
        line-height: 36px;
    }
    h3 {
      font-size: 20.8px;
      padding: 16px 0 8px 0;
    }
    .heading p {
        font-size: 16px;
      line-height: 21px;
    }
    body, p {
      font-size: 15px;
      line-height: 20px;
    }    
}

@media(max-width:991px)
{
    .logo-image-header img {
        max-width: 230px !important;
        margin-left: -10px;
    }
    .container {
     width: 100% !important;
    }
    .intro {
         padding-bottom: 32px;
    }
}

@media(max-width:767px)
{
    image-header img {
        max-width: 200px;        
    }    
}
