/** Fonts : Font Family and Heading Font Size */
@import url(http://fonts.googleapis.com/css?family=Fredoka+One:regular|Bitter:regular,italic,700);
body {
  font-family : "Bitter", Arial, tahoma, sans-serif;
  font-size: 12px;
  font-weight: 300;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  font-family : "Fredoka One", Arial, tahoma, sans-serif;
}
h1 {
  font-size: 38.5px;
}
h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 24.5px;
}
h4 {
  font-size: 17.5px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 11.9px;
}
nav#head-nav ul.nav,
#site-nav ul.nav {
  font-family : "Fredoka One", Arial, tahoma, sans-serif;
}



/*! ***********************************
----------- CUSTOM COLOR ------------
*********************************** !*/
a {
  color: #27a9e1;
}
a:hover{
  color: #989898;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  color: #27a9e1;
}
.button,
input[type="submit"],
.module-calltoact a.calltoaction-button{
  background-color: #27a9e1;
  color: #fff;
}

nav#head-nav ul.nav>li a:hover{
  color: #27a9e1;
}
nav#head-nav ul.nav>li.active>a,
nav#head-nav ul.nav>li.current-menu-item>a,
nav#head-nav ul.nav>li.current_page_item>a{
  background-color: #27a9e1;
  color: #fff;
}
#mast-head.menu-overlap #open-menu:hover{
  color: #27a9e1;
}
#site-nav ul.nav>li a:hover{
  background-color: #27a9e1;
  border-color: #27a9e1;
}
header.section-header h1{
  border: 3px solid #27a9e1;
  color: #27a9e1;
}
.module-header>h3{
  color: #27a9e1;
}


/* `PROJECT / PORTFOLIO
----------------------------------------------------------------------------------------------------*/
.project-columns-thumbnail{
  background-color: #27a9e1;
}
h3.project-column-title a:hover{
  color: #27a9e1;
}
.project-column-group .project_like_lists:hover{
  color: #fff;
  background-color: #27a9e1}
.project-filters li>a:hover{
  border-color: #27a9e1;
  color: #27a9e1;
}
.project-filters li.active>a{
  border-color: #27a9e1;
  color: #fff;
  background-color: #27a9e1}
.single-portfolio .project_like_single:hover {
  color: #27a9e1;
}

/* `BLOG
----------------------------------------------------------------------------------------------------*/
article header .article-post-format-icon {
  background-color: #27a9e1;
}
article header .article-post-format-icon a{
  color: #FFF;
}
article .article-meta span:hover{
  border-bottom: 1px solid #27a9e1}
article .article-meta span a:hover{
  color: #27a9e1;
}
.nav-previous a,
.nav-next a {
  background-color: #27a9e1;
  color: #fff;
}
.blog-gallery .blog-swiper-arrow:hover,
.image-slider .swiper-arrow:hover {
  filter: alpha(opacity=100);
  opacity: 1.0;
  border: 2px solid #27a9e1;
  background-color: #27a9e1}


h2.comments-title:before{
  color: #fff;
  background-color: #27a9e1;
  text-shadow: 0 1px 2px rgba(0,0,0, .3);
}
article.comment-body .reply .comment-reply-link:hover:before,
.comment-respond h3#reply-title small a#cancel-comment-reply-link:hover:before {
  color: #27a9e1;
}
#comments .comment-respond .comment-form-author label,
#comments .comment-respond .comment-form-email label,
#comments .comment-respond .comment-form-url label,
#comments .comment-respond .comment-form-comment label{
  background-color: #27a9e1;
}
#comments .comment-respond .comment-form-author label:before,
#comments .comment-respond .comment-form-email label:before,
#comments .comment-respond .comment-form-url label:before,
#comments .comment-respond .comment-form-comment label:before {
  color: #fff;
}

/* `SIDEBAR
----------------------------------------------------------------------------------------------------*/
.sidebarbox>header h3.sidebar-title{
  color: #fff;
  background-color: #27a9e1;
}
[class*="footer-widget widget_"] a:hover{
  color: #27a9e1}

/* `CLIENT LOGO SLIDES
----------------------------------------------------------------------------------------------------*/
#before-footer .client-logo-arrows:hover{
  color: #27a9e1;
}
#site-copyright #back-to-top:hover{
  color: #27a9e1;
}

/* `video && audio skin
----------------------------------------------------------------------------------------------------*/
#site-container .mejs-controls .mejs-time-rail .mejs-time-current,
#site-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #27a9e1;
}
#site-container .mejs-controls .mejs-button:hover:before{
  color: #27a9e1;
}

/* `CUSTOM ELEMENTS (generated by content manager)
----------------------------------------------------------------------------------------------------*/
/** tabs */
ul.module-tabber>li a.tab-active{
  color: #27a9e1;
}
.module-tabs.top-tab ul.module-tabber>li a.tab-active:before,
.module-tabs.left-tab ul.module-tabber>li a.tab-active:before,
.module-tabs.right-tab ul.module-tabber>li a.tab-active:before{
  background-color: #27a9e1;
}
.module-tabs.top-tab ul.module-tabber>li a.tab-active:before{
  border-left: 1px solid #27a9e1;
  border-right: 1px solid #27a9e1;
}
.module-tabs.left-tab ul.module-tabber>li a.tab-active:before,
.module-tabs.right-tab ul.module-tabber>li a.tab-active:before{
  background-color: #27a9e1;
  border-top: 1px solid #27a9e1;
  border-bottom: 1px solid #27a9e1;
}

/** accordion */
ul.module-accordion-lists>li.accordion-list.accordion-open h4.accordion-cliker a,
ul.module-accordion-lists>li.accordion-list.accordion-open h4.accordion-cliker a .accordion-icon-holder{
  color: #27a9e1;
}
ul.module-accordion-lists>li.accordion-list.accordion-open h4.accordion-cliker a:before{
  background-color: #27a9e1;
  border-top: 1px solid #27a9e1;
  border-bottom: 1px solid #27a9e1;
}

/** call to action */
h2.calltoaction-heading{
  color: #27a9e1;
}
.module-calltoact a.calltoaction-button{
  background-color: #27a9e1;
  color: #fff;
}




/** CUSTOM CSS ENTERED FROM THEME OPTION */
.project-column-group .project_like_lists {
display: none;
}

.single-portfolio .portfolio-visitor-count {
display: none;
}

.single-portfolio .project_like_single [class^="icon-"] {
display: none;
}

.single-portfolio .project_like_single {
display: none;
}

.divider-hr-text-active .inner-divider-level, .module-divider .threelines-divider.text-active .inner-divider .inner-divider-level, .module-divider .twolines-divider.text-active .inner-divider-level {
display:none;
}

.swiper-arrow.arrow-right {
display: none;
}
.swiper-arrow.arrow-left{
display: none;
}

.single-portfolio-gallery .portfolio-gallery {
background-color: transparent;
border-top: transparent;
border-left: transparent;
border-right: transparent;
border-bottom: transparent;
}

.project-column-group::before {
display: none;
}

#head-logo > a:nth-child(2) {
display: none;
color: none;
size: 0 px;
height: 0 px;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}