/*

Theme Name: Builder

Author: WowTheme

Version: 1.1

Author URI: http://themeforest.net/user/wow_themes

Theme URI: http://themeforest.net/user/wow_themes

Description: A sleek and clean Make-up WordPress Theme by - <a href="http://wow-themes.com/">WowThemes</a>

License: ''

License URI: ''

Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats

Text Domain: wp_builder

*/

/*  ################################################################

  File Name: style.css

  Template Name: Builder

  Created By: Filiz OZER

  http://themeforest.net/user/jollythemes

  

  1) SKELETON

  2) HEADER STYLES

  3) SLIDER STYLES

  4) SHOP STYLES

  5) PORTFOLIO STYLES

  6) WIDGET STYLES

  7) OTHER ELEMENT STYLES

  8) SECTION & POST STYLES

  9) RESPONSIVE STYLES

################################################################# */ 

/* ----------------------------------------------------

  SKELETON

------------------------------------------------------- */

body{

  font-family:'Open Sans','Arial',sans-serif;

  font-size:16px;

  position:relative;

  color:#000000;

  font-weight: 330;

  line-height:28px;

  background-color:#ddd;

  background-repeat:repeat

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "PT Sans",sans-serif;

  color: #3a3a3a;

  font-weight: bold;

  line-height: 1.6;

  margin: 0;

  margin-bottom: 16px;

  padding: 0;

}

h1 {

    font-size: 36px;

}

h2 {

    font-size: 30px;

}

h3 {

    font-size: 24px;

}

h4 {

    font-size: 20px;

}

h5 {

    font-size: 18px;

}

h6 {

    font-size: 16px;

}

a { 

  color:#f4c212;

  text-decoration: none; 

  -webkit-transition: background-color .2s linear, color .2s linear;

  -moz-transition: background-color .2s linear, color .2s linear;

  -o-transition: background-color .2s linear, color .2s linear;

  -ms-transition: background-color .2s linear, color .2s linear;

  transition: background-color .2s linear, color .2s linear;

}

a:focus {

  outline: none;

}

a.readmore {

  color:#f4c212;

  font-weight: bold;

  font-style: italic;

  vertical-align: bottom;

}

a:hover,a:focus {

  text-decoration:none;

  color:#494c50;

}



.container .container {

	width: auto !important; 

}



#wrapper.container #colorful-tab {

    padding: 30px;

}



#wrapper.container #jtheader {

	text-align:center;

}

#wrapper.container .navbar-header {

	margin-bottom: 30px;

}

#wrapper.container #topbar .col-md-3 > p {

    font-size: 14px;

}



#wrapper.container .navbar-header,

#wrapper.container .navbar-brand,

#wrapper.container .navbar-nav.navbar-right {

    float: none !important;

	display:inline-block;

}



#wrapper.container .navbar-brand > img {

	display:inline;

}



.alignleft {

  float:left;

  margin:10px 10px 10px 0;

}

.alignright {

  float:right;

  margin:20px 0 20px 20px;

}

.aligncenter {

  margin-left:auto;

  margin-right:auto;

  display:block;

  clear:both;

}

.first {

  clear:both

}

.last{

  margin-right:0

}

.custom {

  background:#343434;

  border-left: 0 none;

  color: #fff;

  font-size: 1.25em;

  font-weight: normal;

  margin-top:20px;

  line-height: 1.4;

  padding: 2em;

  text-align: left;

}

.drop-caps p:first-child:first-letter {

  float: left;

  font-size: 75px;

  line-height: 60px;

  color: #434b55;

  padding: 4px;

  margin-right: 10px;

  margin-top: 5px;

  font-family: Georgia;

  display: block;

}  

    

.drop-caps.full p:first-child:first-letter {

  color: #fff;

  background: #232323 !important;

  padding: 7px;

  margin-right: 10px;

}

/* ----------------------------------------------------

  HEADER STYLES

------------------------------------------------------- */

.header {

  background:url("images/menu.png") repeat-x scroll center bottom #fff;

  position: relative;

  display: block;

  border-bottom:1px solid #f9f9f9;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  transition: all 0.8s;

}

.header.affix {

  width:100%;

  -webkit-backface-visibility: hidden; 

  -webkit-transform: translateZ(0);

  top:0;

  right:0;

  padding: 0;

  margin:0 !important;

  position: fixed;

  z-index: 9999;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  transition: all 0.8s;

}

.header.affix #jtheader {

  padding:14px 30px;

}

#jtheader{

  background: transparent !important;

  padding:15px 0 30px;

  border:0;

}

.navbar-brand {

  height: auto;

  margin-top:-3px;

  padding: 0 15px 0 15px;

}

.navbar {

  margin:0;

}

.dropdown-menu {

  box-shadow:none;

  padding:20px;

  border:none;

  border-radius:0 !important;

}

.dropdown-menu > li > a {

  padding:8px 20px;

}

.nav {

  margin-top: 0px;

}
.navbar-brand > img {
    display: block;
    max-width: 100%;
    width: 100%;
}
.portfolio-filter li a,

.navbar-nav > li > a {

  font-family: 'PT Sans', sans-serif;

  text-transform: uppercase;

  font-weight: bold;

  font-size:16px;

  margin:0 2px;

  padding:7px 20px;

  color:#2f2f2f !important;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

li.social-icons ul li:hover a{

  color:#fff !important;

}

.portfolio-filter li a.active,

.portfolio-filter li a:hover,

.portfolio-filter li a:focus,

.portfolio-filter li a:active,

li.social-icons ul li.cartbutton .bubble,

li.social-icons ul li:hover,

.navbar-default .navbar-nav > .open > a, 

.navbar-default .navbar-nav > .open > a:focus, 

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > li a:focus, 

.navbar-default .navbar-nav > li a:hover,

.navbar-default .navbar-nav > .active > a, 

.navbar-default .navbar-nav > .active > a:focus, 

.navbar-default .navbar-nav > .active > a:hover {

  background-color: #f4c212;

  color: #fff !important;

}



@media (max-width: 768px) {

	#navbar .nav.navbar-nav .dropdown-menu li a:hover{ 

		color:#000000 !important;

	}

}

li.social-icons ul li a {

  color:#f4c212;

}

#topbar {

  background:#3a3a3a;

  color:#dddddd;

  padding:3px 0 3px;

}

#topbar p {

  margin:8px 0;

  font-family: 'PT Sans', sans-serif;

  padding:0 0 0 25px;

  font-weight: bold;

  font-size:16px;

}

#topbar p i {

  color:#f4c212;

  font-size:24px;

  padding-right: 10px;

  vertical-align: sub;

}

.search-form .form-group {

  float: right !important;

  width: 100%;

  margin:7px 0;

  height: 38px;

  background-color: #414141;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

  border-radius: 25px;

  border: 1px solid #484848;

}

.search-form .form-group input.form-control {

  padding-right: 20px;

  border: 0 none;

  background: transparent;

  box-shadow: none;

  display:block;

}

.search-form .form-group:hover,

.search-form .form-group.hover {

  width: 100%;

  border-radius: 25px 25px 25px 25px;

}

.search-form .form-group span.form-control-feedback {

  position: absolute;

  top: -1px;

  right: -2px;

  z-index: 2;

  display: block;

  width: 34px;

  height: 34px;

  line-height: 38px;

  text-align: center;

  color: #ddd;

  left: initial;

  font-size: 14px;

}

/* ----------------------------------------------------

  SLIDER STYLES

------------------------------------------------------- */

.slider-wrapper {

  background:#fff;

}

.tp-bannertimer {

  display: none !important;

}

.tparrows.preview4:after,

.tparrows.preview4 .tp-arr-titleholder {

  background:#3a3a3a !important;

}

.tp-caption.slider-title span,

.slider-title span {

    color: #3333ff;

    border:3px dashed #fff;

    padding:2px 12px;

    margin-right: 10px;

}

.tp-caption.slider-title,

.slider-title{

  font-size:45px;

  line-height:1.5;

  font-weight:600; 

  text-transform: uppercase;

  color:rgb(255,255,255);

  font-family: 'PT Sans', sans-serif;

  text-decoration:none;

  padding:0px;

  background-color:transparent;

  border-width:0px;

  border-color:rgb(255,255,255);

  border-style:none

}

.tp-caption.slider-title-2,

.slider-title-2{

  font-size:14px;

  line-height:2.1 !important;

  font-weight:300;

  color:rgb(255,255,255);

  text-decoration:none;

  background-color:transparent;

  border-width:0px;

  border-color:rgb(0,0,0);

  border-style:none

}

.tp-banner-container{

  width:100%;

  position:relative;

  padding:0;

}

.tp-banner{

  width:100%;

  position:relative;

}

.tp-banner-fullscreen-container {

  width:100%;

  position:relative;

  padding:0;

}

/* ----------------------------------------------------

  SHOP STYLES

------------------------------------------------------- */

.stylish-input-group .input-group-addon{

  background: white !important; 

  border-radius: 0 30px 30px 0;

}

.stylish-input-group .form-control{

  box-shadow:0 0 0; 

  border-radius: 30px;

  border-color:#d6d6d6;

}

.stylish-input-group button{

  border:0;

  background:transparent;

  color:#d6d6d6;

}

.form-register { background: #f5f5f5; padding: 40px; margin-top: 0; }

.form-register:after { content: ''; display: block; clear: both; }

.form-register .form-control {  }

.form-register .form-group { margin-bottom: 0; margin-top: 5px; }

.form-register .form-group label { margin-bottom: 0; margin-top: 10px; }

.box2 {

  margin-top:0px;

  border: 1px solid #ededed;

  padding: 30px;

}

.table img {

  display: table;

  float: right;

  width: 80px !important;

}

.form-register .form-control,

.billing-form .form-control,

.billingform .form-control {

  height: 40px;

  margin-bottom:10px;

  border-color:#eaeaea;

  border-radius: 0;

}

.billing-form textarea {

  height: 140px !important;

}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

  padding:20px;

}

.table > thead > tr > th {

  background: #f4c212;

  border-bottom: 2px solid #f4c212;

  color: #fff;

  padding: 25px 20px !important;

}

.custom2 {

  display: block;

  font-weight: 300;

  font-style:italic;

  margin-top:10px;

}

#payment label {

  border: 1px solid #ededed;

  padding: 15px 40px !important;

}

#payment label {

  border: 1px solid #ededed;

  padding: 15px 40px !important;

}

.shop-tab {

  margin:60px 0;

}

.shop-tab .nav-tabs {

  border-bottom:0 none;

  padding:0;

}

.shop-tab .nav-tabs > li > a {

  border-radius:0;

  font-weight: bold;

  color:#343434;

}

.shop-tab .tab-content {

  border:1px solid #DDD;

  padding:20px;

}

.shop_desc h3 {

  margin:0;

  font-size:28px

}

.shop_desc h2 {

  font-size:28px;

  color:#f4c212;

}

.shop_meta {

  font-weight: bold

}

.shop-rating i:hover,

.shop_meta strong {

  color:#f4c212;

}

.price {

  height: 40px;

  line-height: 40px;

  position: absolute;

  right: 20px;

  text-align: center;

  top: 23px;

  font-style: italic;

  font-weight: bold;

  color:#f4c212;

}

.old {

  text-decoration: line-through;

  opacity: 0.8;

  font-size:12px;

}

/* ----------------------------------------------------

  PORTFOLIO STYLES

------------------------------------------------------- */

.masonry_wrapper .item {

  margin: 0;

  position: relative;

  overflow: hidden;

  position: relative;

  min-height: 1px;

  padding:15px;

}

.desc {

  padding:20px !important;

  position: relative;

  background: #fafafa;

}

.desc .butto {

  height: 40px;

  line-height: 40px;

  position: absolute;

  right: 20px;

  text-align: center;

  top: 23px;

  width: 40px;

}

.item img {

  width:100%;

}

.desc h3  {

  font-size:18px;

  margin:0;

  padding:0;

  color:#3a3a3a;

}

.item:hover .desc h3, .woocommerce .item:hover .star-rating::before, 

.woocommerce-page .item:hover .star-rating::before, .item:hover .star-rating {

    color: #fff !important;

}



.desc p {

  line-height: 1.3;

  font-style: italic;

}

.desc h3 a {

  font-size:18px;

  color:#3a3a3a;

}

.desc .buttons {

  position: absolute;

  right: 0;

}

.masonry_wrapper .item img {

  width: 100%;

  position: relative;

}

.portfolio-filter ul {

  list-style: none outside none;

  padding: 0;

  position: absolute;

  right: 0;

  top: 30px;

}

.portfolio-filter li {

  float:left;

  margin-left: 0;

  padding: 0;

}

 

.portfolio-filter li a {

  font-weight:bold;

  font-size:14px;

  margin:0 0 0 2px !important;

  color:#666;

  text-transform:uppercase;

}

.desc:hover .butto {

  background: #fff !important;

}

.desc:hover .butto i {

  color:#f4c212;

}

.desc .butto {

  -webkit-transition:all .3s ease 0;

  -moz-transition:all .3s ease 0;

  -ms-transition:all .3s ease 0;

  -o-transition:all .3s ease 0;

  transition:all .3s ease 0;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.desc .butto,

.item:hover .desc,

.buttons,

.btn-primary {

  background:#f4c212;

  border-color:#f4c212;

  color:#fff !important;

}

.item:hover .desc .price,

.item:hover .rating i {

  color:#fff !important;

}

  .isotope-item {

    z-index: 2;

  }

  .isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

  }

  .isotope,

  .isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

      -ms-transition-duration: 0.8s;

       -o-transition-duration: 0.8s;

        transition-duration: 0.8s;

  }

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

  }

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

  }

.single-portfolio .media {

  margin-bottom:0 !important;

}

.media img {

  width: 100%;

}

/* ----------------------------------------------------

  WIDGET STYLES

------------------------------------------------------- */

#sidebar .price {

  right:auto;

  left:0;

  text-align: left;

  top:0;

  margin:0 !important;

  line-height: 1;

  position: relative;

  display: block

}

#sidebar .widget {

  margin-bottom:40px;

}

#sidebar .featured-widget li {

  display: inline-block;

  margin: 5px 0;

  position: relative;

  width: 100%;

}

#sidebar {

  padding:0 10px;

}

#sidebar .widget-title {

  padding-bottom:10px;

}

.metabox {

  font-style: italic;

}

#sidebar .featured-widget h3 {

  line-height: 1;

  margin-bottom: 8px;

  margin-top: 15px;

  padding: 0;

}

#sidebar .featured-widget h3 a {

  font-weight: bold;

  padding-bottom:0 !important;

  font-size:14px;

  color:#242424;

}

.featured-widget ul {

  padding:0;

}

#sidebar .featured-widget img {

  margin:11px 13px 15px 0;

  width:81px !important;

}

.testi-sidebar h3 {

  margin-top:20px;

  font-size:16px !important;

  padding:0 !important;

  margin-bottom: 5px !important;

  text-transform: uppercase;

}

.testi-sidebar p,

.testi-sidebar small {

  font-style: italic;

}

#owl-testi-sidebar .owl-controls {

  bottom: 33%;

  left: 0;

  right: auto;

  width: 86px;

}

.testi-sidebar p {

  display: table-row-group;

  font-family: Athelas;

  font-size: 16px;

  margin-top: 10px;

}

.testi-sidebar img {

  margin-right: 20px;

  margin-top: -10px;

  width: 80px !important;

}

.instagram-widget ul {

  padding:0;

  list-style: none

}

.instagram-widget li {

  float:left;

}

.instagram-widget li img {

  width: 110px;

  padding:5px;

}

.widget-title {

  display: block;

  padding:20px 0;

}

.widget-title h3 {

  color: #212121;

  font-size: 21px;

  position: relative;

  font-weight: bold;

  text-transform: uppercase;

}

.widget-title h3 .divider {

  background: url("images/hr.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

  display: inline-block;

  height: 9px;

  margin: 0 1px 0 0;

  padding: 0;

  position: relative;

  vertical-align: inherit;

  width: 85px;

}

.about-widget img {

  margin-bottom: 30px;

}

#accordion-first .accordion-heading .accordion-toggle > em {

  background-color: #fff;

  border-radius: 4px;

  color: #8e8e8e;

  font-size: 14px;

  height: 32px;

  line-height: 32px;

  border:1px solid #e4e4e4;

  margin-right: 10px;

  text-align: center;

  width: 32px;

}

.accordion-inner p {

  padding-left: 45px;

}

#accordion-first .accordion-heading .accordion-toggle {

  color: #8e8e8e;

  cursor: pointer;

  font-family: 'PT Sans', sans-serif;

  font-weight: bold;

  font-size:16px;

  display: block;

  margin:5px  0 0 0;

  outline: medium none !important;

  padding: 5px 0 !important;

  text-decoration: none;

}

.control-top .owl-controls .owl-nav [class*="owl-"] {

  border-radius: 4px;

  font-size:16px;

  border: 1px solid #f5f5f5 !important;

}

.control-top .owl-controls {

  border: 0 solid #f5f5f5 !important;

  border-radius: 4px;

  bottom: auto;

  left: auto;

  margin: auto;

  padding: 0;

  position: absolute;

  right: -3%;

  text-align: center;

  top: -20%;

  width: 90px;

}

/* ----------------------------------------------------

  OTHER ELEMENT STYLES

------------------------------------------------------- */

li.social-icons {

  margin:0;

  padding: 0;

  width: auto;

}

.pager li a,

.pagination li a,

li.social-icons ul li, 

.pagination > li > span.page-numbers  {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

  display: inline-block;

  cursor: pointer;

  margin: -1px 1px 5px 0;

  padding: 0;

  height: 40px;

  width:40px;

  border-radius: 100%;

  background: #fff;

  text-align: center;

  line-height: 40px;

  overflow: visible;

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);

}

.pager li a,

.pagination li a, 

.pagination > li > span.page-numbers {

  background: #fcfcfc;

  box-shadow: none;

  border-radius: 0;

  color:#f4c212;

  font-weight: bold;

  margin:0 10px 0 0

}

.pager li a:hover,

.pagination li a:hover {

  background:#f4c212;

  border-color:#f4c212;

  color:#fff;

}

.pagination li a:hover,

li.social-icons ul li:hover {

  text-decoration: none;

}

li.social-icons ul li.cartbutton {

  position: relative;

  box-shadow: none;

  background: #f3f3f3 !important;

}

li.social-icons ul li.cartbutton .bubble {

  position: absolute;

  top:-8px;

  right: -8px;

  color:#fff !important;

  font-size:12px;

  width:21px;

  font-family: 'PT Sans', sans-serif;

  font-weight: bold;

  line-height: 21px;

  height: 21px; 

  -webkit-border-radius: 23px;

  -moz-border-radius: 23px;

  border-radius: 23px;

}

li.social-icons ul li.cartbutton:hover i,

li.social-icons ul li.cartbutton:hover a,

li.social-icons ul li.cartbutton a {

  color:#212121 !important;

  background: transparent !important

}

.entry:hover .magnifier {

  opacity:1;

  visibility:visible;

}

.entry {

  display:block;

  overflow: hidden;

  position:relative;

}

.magnifier {

  position:absolute;

  background-color: rgba(255,255,255,0.8);

  text-align:center;

  top:0;

  left:0;

  z-index:998;

  bottom:-1px;

  right:0;

  opacity:0;

  -webkit-transition:all .3s ease-in-out;

  -moz-transition:all .3s ease-in-out;

  -ms-transition:all .3s ease-in-out;

  -o-transition:all .3s ease-in-out;

  transition:all .3s ease-in-out;

  -webkit-transform:scale(1);

  -moz-transform:scale(1);

  -ms-transform:scale(1);

  -o-transform:scale(1);

  transform:scale(1);

}

.page .wp-caption.alignnone,

.post .wp-caption.alignnone {

  width: 100% !important;

}

.page .wp-caption.alignnone > img,

.page img.alignnone,

.post .wp-caption.alignnone > img,

.post img.alignnone,

.entry img {

  zoom: 1;

  height: auto;

  filter: alpha(opacity=100);

  opacity: 1;

/*  width: 100%;*/

  -webkit-transition: all 0.9s ease 0s;

  -moz-transition: all 0.9s ease 0s;

  -ms-transition: all 0.9s ease 0s;

  -o-transition: all 0.9s ease 0s;

  transition: all 0.9s ease 0s;

}

.entry:hover img {

  zoom: 1;

  filter: alpha(opacity=50);

  opacity: 0.5;

  -webkit-transform: rotate(-1deg) scale(1.4);

  -moz-transform: rotate(-1deg) scale(1.4);

  -ms-transform: rotate(-1deg) scale(1.4);

  -o-transform: rotate(-1deg) scale(1.4);

  transform: rotate(-1deg) scale(1.4);

}

.magnifier .buttons i {

  color:#fff;

}

.buttons {

  visibility:hidden;

  position:absolute;

  cursor: pointer;

  top:50%;

  left: 0;

  right: 0;

  background: #2222;

  width: 50px;

  height: 50px;

  line-height: 50px;

  z-index: 1111;

  margin:-20px auto;

  opacity:0;

  -webkit-transform:scale(0.2);

  -moz-transform:scale(0.2);

  -ms-transform:scale(0.2);

  -o-transform:scale(0.2);

  transform:scale(0.2);

  -webkit-transition:all .3s ease 0;

  -moz-transition:all .3s ease 0;

  -ms-transition:all .3s ease 0;

  -o-transition:all .3s ease 0;

  transition:all .3s ease 0;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.desc:hover .buttons,

.magnifier:hover .authordate,.magnifier:hover .hoverbutton,.magnifier:hover .buttons {

  opacity:1;

  visibility:visible;

  -webkit-transform:scale(1);

  -moz-transform:scale(1);

  -ms-transform:scale(1);

  -o-transform:scale(1);

  transform:scale(1);

}

.magnifier .buttons a {

  color:#fff;

  font-size:18px;

}

.divider {

  background: url("images/hr.png") no-repeat scroll center center rgba(0, 0, 0, 0);

  display: block;

  height: 9px;

  margin: 20px auto;

  padding: 0;

  position: relative;

  width: 85px;

}

.divider2 {

  background: url("images/hr2.png") no-repeat scroll center center rgba(0, 0, 0, 0);

  display: block;

  height: 9px;

  margin: 20px auto;

  padding: 0;

  position: relative;

  width: 85px;

}

.landing-message {

  color: #fff;

  display: block;

  height: 100%;

  margin: auto;

  padding: 80px 0;

  position: relative;

  width: 100%;

  z-index: 999;

  background: url(demos/parallax_01.jpg) no-repeat center center; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

.landing-message h3 {

  color:#fff;

  margin:0;

  vertical-align: sub;

  text-align: left;

}

#colorful-tab .nav-tabs > li > a {

  border: 1px solid transparent;

  padding: 0;

  font-size:18px;

  text-align: center;

}

#colorful-tab .nav-tabs > li .bubble  {

  background: #ededed;

  width:50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  font-size:18px;

  display: block;

  margin:0 auto 10px;

  -webkit-border-radius: 100px;

  -moz-border-radius: 100px;

  border-radius: 100px;

}

#colorful-tab .nav-tabs > li > a:hover .bubble,  

#colorful-tab .nav-tabs > li > a:focus .bubble,

#colorful-tab .nav-tabs > li.active > a .bubble, 

#colorful-tab .nav-tabs > li.active > a:hover .bubble, 

#colorful-tab .nav-tabs > li.active > a:focus .bubble {

  background: #fff;

  color:#f4c212;

}

#colorful-tab .nav-tabs > li > a, 

#colorful-tab .nav-tabs > li > a:hover, 

#colorful-tab .nav-tabs > li > a:focus,

#colorful-tab .nav-tabs > li.active > a, 

#colorful-tab .nav-tabs > li.active > a:hover, 

#colorful-tab .nav-tabs > li.active > a:focus {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  background-color: #transparent;

  border-color: transparent;

  border-image: none;

  border-style: solid;

  border-width: 0;

  color: #212121;

  cursor: pointer;

}

#colorful-tab .nav-tabs > li > a:hover, 

#colorful-tab .nav-tabs > li > a:focus,

#colorful-tab .nav-tabs > li.active > a, 

#colorful-tab .nav-tabs > li.active > a:hover, 

#colorful-tab .nav-tabs > li.active > a:focus  {

  background: #f4c212;

  color:#fff;

}

.control-top .owl-controls .owl-nav [class*="owl-"]:hover,

#accordion-first .accordion-heading .accordion-toggle > em:hover,

#accordion-first .accordion-heading .accordion-toggle > em.fa-arrow-right  {

  background: #f4c212 ;

  border-color: #f4c212;

  color:#fff;

}

#colorful-tab .nav-tabs {

  border:none;

  width: 100%;

  margin-bottom: 30px;

}

#colorful-tab .nav-tabs li:focus,

#colorful-tab .nav-tabs li:hover,

#colorful-tab .nav-tabs li.active { position: relative;} 

#colorful-tab .nav-tabs li:hover:after,

#colorful-tab .nav-tabs li:focus:after,

#colorful-tab .nav-tabs li.active:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(244, 194, 18, 0); border-top-color: #f4c212; border-width: 10px; margin-left: -10px; }

#colorful-tab .nav-tabs h3 {

  font-size:18px;

}

#colorful-tab .nav-tabs > li > a, 

#colorful-tab .nav-tabs > li > a:hover, 

#colorful-tab .nav-tabs > li > a:focus,

#colorful-tab .nav-tabs > li.active > a, 

#colorful-tab .nav-tabs > li.active > a:hover, 

#colorful-tab .nav-tabs > li.active > a:focus,

#colorful-tab .nav-tabs > li.active > a,

#colorful-tab .nav-tabs > li.active > a:hover, 

#colorful-tab .nav-tabs > li.active > a:focus {

    padding: 30px 20px;

}

#colorful-tab .nav-tabs > li:active h3,

#colorful-tab .nav-tabs > li:focus h3,

#colorful-tab .nav-tabs > li.active h3,

#colorful-tab .nav-tabs > li:hover h3 {

  color:#fff !important;

}

#colorful-tab .nav-tabs, .nav-pills {

  text-align:center;

}

.btn {

  font-family: 'PT Sans', sans-serif;

  font-weight: bold;

  font-size:16px;

}

.btn-default {

  background:#fff;

  border-color:#fff;

  color:#f4c212;

}

.btn-lg {

  padding:12px 24px !important;

}

.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default,

.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  color: #fff !important;

  background-color: #3a3a3a;

  border-color: #3a3a3a;

}

.breadcrumb {

  font-size: 14px !important;

  padding:0;

  background: transparent;

  border:none;

}

.breadcrumb > .active,

.breadcrumb,

.breadcrumb a {

  color:#999;

  font-weight: 300;

}

.breadcrumb > li + li:before{

  padding:0 6px 0 6px;

  content: "\f101" !important;

  color:#f4c212;

  font-family: 'FontAwesome' !important;

}

.breadcrumb > li + li:before {

  content: ""

}

.service{

  text-align: center !important;

}

.service img {

  width: 100%;

}

.services-list .service{

  margin:0 0 30px;

}

.service h3 {

  margin-bottom:10px;

  margin-top:20px;

}

.nav-tabs > li {

  padding:0;

}

.dmtop {

  background-color: #f4c212;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,

.client.active  {

  background: #f4c212;

}

.colorful {

  background: #f4c212;

  padding:60px 0;

}

.rating i {

  font-size:16px;

  color: #f4c212;

}

.client {

  background: #fff;

  border:1px solid #f5f5f5;

  border-radius: 10px;

  margin:15px 0;

}

.client img {

  margin:auto;

  width: auto;

}

.client:hover {

  background:#f4c212;

}

.client img {

  opacity: 1;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

}

.client:hover img {

  opacity: 0;

  -webkit-transform: translate3d(0,0,0) scale(1);

  transform: translate3d(0,0,0) scale(1);

}

figure.effect-milo .image {

  position:absolute;

  top:0;

  opacity: 0;

  left:0;

  bottom:0;

  right: 0;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: translate3d(0,0);

  transform: translate3d(0,0);

}

figure.effect-milo:hover .image {

  opacity: 1;

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}

.owl-carousel .owl-item {

  -moz-user-select: none;

  float: left;

  overflow: visible;

  position: relative;

  z-index: 1;

}

#sidebar .owl-item {

  height: 100px !important 

}

#testimonial-slider {

  text-align: center;

}

#testimonial-slider {

  text-align: center;

}

.testimonial {  

  background: #fff;

  position: relative;

}

.testimonial .text-block {  

  position: relative;

  border:1px solid #f5f5f5;

  border-radius: 10px;

  margin:15px 0;

  padding:20px 20px 40px;

  overflow: visible;

  min-height: 100px;

}

.testimonial .title-block {

  display: block;

  padding: 50px 0 0;

  position: relative;

}

.testimonial .title-block h3 {

  margin:0 ;

  font-size:18px;

}

.testimonial .title-block p {

  font-style: italic;

  font-size:14px;

}

.owl-theme .owl-controls {

  border: 1px solid #f5f5f5;

  bottom: -11%;

  left: 0;

  margin: auto;

  padding: 0;

  position: absolute;

  right: 0;

  text-align: center;

  top: auto;

  width: 140px;

  border-radius: 4px;

}

#about-slider .owl-controls {

  bottom:5%;

}

.owl-theme .owl-dots .owl-dot span {

  background:#dddddd;

  height: 11px;

  margin: 0 4px;

  width: 11px;

}

.testimonial img {

  border: 1px solid #f5f5f5;

  bottom: -50px;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  text-align: center;

  width: 95px !important;

  z-index: 1000;

}

.testimonial p {

  font-family: 'PT Sans', sans-serif;

  font-size:18px;

  font-style: italic;

}

/* ----------------------------------------------------

  SECTION & POST SYLES

------------------------------------------------------- */

.container-fluid {

  max-width: 1700px;

  padding-left:30px;

  padding-right: 30px;

}

.section-title h3 span {

  color:#f4c212;

}

.section-w {

  background:#fff;

  padding:80px 0;

  position:relative;

  display:block;

}

.white-bg {

  background-color: #fff;

}

.section-g {

  background:#fafafa;

  padding:80px 0;

  position:relative;

  display:block;

}

.bgpatttern {

  background: url("images/bg.png") repeat scroll center center rgba(0, 0, 0, 0);

}

.page-white {

  display: none;

  padding: 60px 0 25px;

  position: relative;

  z-index: 10;

}

.section-title {

  margin-bottom:30px;

  width:100%;

  display:block;

  text-align:center;

  position:relative;

}

.section-title.left-style {

  text-align:left !important;

}

.section-title h3 {

  font-size: 36px;

  font-weight: bold;

  line-height: 1.4;

  margin-bottom: 0 !important;

  text-transform: uppercase;

}

.section-title.leftside {

  text-align: left;

}

.section-title.leftside .divider {

  margin:20px 0;

}

.section-title p {

    font-size: 16px;

}

.section-wrapper {

  margin:60px 0 0;

}

.copyrights {

  background:#3a3a3a;

  display: block;

  overflow: hidden;

  padding: 15px 0;

  position: relative;

}

.copyrights h4 {

  margin:20px 0;

  color:#e8e8e8;

  font-size:18px;

}

.footer {

  padding:80px 0;

  background:url("images/footer-bg.png") repeat-x scroll center top #fff;

  position: relative;

  display: block; 

}

.footer ul {

  list-style: none;

  padding:10px 0;

}

.footer ul li ul li{

  margin-right: 10px;

}

.blog-item h3 a {

  color:#282828;

  margin:10px 0 0;

}

.blog-item h3 {

  font-size:18px;

  margin:24px 0 10px;

}

acronym {

  border-bottom:1px dotted #ccc;

}

.custom-google-map{

  height:550px;

  width:100%

}

.custom-google-map img{

  max-width:inherit

}

.map{

  position:relative

}

.map .row .col-lg-4{

  float:right;

  margin-top:-450px;

  z-index:9

}

.contact-icon {

  margin:20px 0;

  overflow:hidden;

}

.map .row{

  position:relative

}

.infobox img {

  width:100% !important;

}

.map .searchmodule {

  padding:18px 10px

}

.infobox {

  display: inline-block;

  padding: 5px;

  position: relative;

  width: 270px;

}

.infobox img {

  width:80px !important;

  padding-right:10px

}

.infobox .title {

  font-size:13px;

  font-weight:bold;

  margin-top:0;

  margin-bottom:0;

  text-transform:uppercase;

  padding-bottom:5px;

}

.infobox .title a {

  font-weight:bold;

}

.dmtop {

  background-image: url(images/arrow.png);

  background-position: 50% 50%;

  background-repeat: no-repeat;

  z-index: 9999;

  width: 40px;

  height: 40px;

  text-indent: -99999px;

  position: fixed;

  bottom: -100px;

  right: 25px;

  cursor: pointer;

  -webkit-transition: all .7s ease-in-out;

  -moz-transition: all .7s ease-in-out;

  -o-transition: all .7s ease-in-out;

  -ms-transition: all .7s ease-in-out;

  transition: all .7s ease-in-out;

  overflow: auto;

}

.collapse,

.collapse.in {

  border-top:0;

}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {

  background-color: #f4c212;

  border-color: #f4c212;

}

.list-group-item {

  margin-bottom: 10px;

}

div.bhoechie-tab-container{

  z-index: 10;

  background-color: #ffffff;

  padding: 0 !important;

}

div.bhoechie-tab-menu{

  padding-right: 0;

  padding-left: 0;

  padding-bottom: 0;

}

div.bhoechie-tab-menu div.list-group{

  margin-bottom: 0;

}

div.bhoechie-tab-menu div.list-group>a{

  margin-bottom: 10px;

}

div.bhoechie-tab-menu div.list-group>a .glyphicon,

div.bhoechie-tab-menu div.list-group>a .fa {

  color: #f4c212;

}

div.bhoechie-tab-menu div.list-group>a:first-child{

  border-top-right-radius: 0;

  -moz-border-top-right-radius: 0;

}

div.bhoechie-tab-menu div.list-group>a:last-child{

  border-bottom-right-radius: 0;

  -moz-border-bottom-right-radius: 0;

}

div.bhoechie-tab-menu div.list-group>a.active,

div.bhoechie-tab-menu div.list-group>a.active .glyphicon,

div.bhoechie-tab-menu div.list-group>a.active .fa{

  background-color: #f4c212;

  background-image: #f4c212;

  color: #ffffff;

}

div.bhoechie-tab-menu div.list-group {}

div.bhoechie-tab-menu div.list-group>a {

  font-size:18px;

    font-family: 'PT Sans', sans-serif;

}

div.bhoechie-tab-menu div.list-group>a.active:after{

  content: '';

  position: absolute;

  left: 100%;

  top: 50%;

  margin-top: -6px;

  border-left: 0;

  border-bottom: 6px solid transparent;

  border-top: 6px solid transparent;

  border-left: 6px solid #f4c212;

}

div.bhoechie-tab-content{

  background-color: #ffffff;

  /* border: 1px solid #eeeeee; */

  padding-left: 20px;

  padding-top: 10px;

}

.list-group-item {

  padding:15px;

  border-color:#f5f5f5;

}

a.list-group-item {

  color: #8e8e8e;

  font-size: 18px;

  font-weight: 500;

}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){

  display: none;

}

.team-list .team-box {

  margin:15px 0;

}

.team-box h3 {

  margin-top:25px;

  margin-bottom:0 !important;

  text-transform: uppercase;

}

.team-box h4 {

  color:#9f9f9f;

  margin:4px 0 6px;

  font-size:14px;

  font-style:italic;

}

#comments_form .form-control {

  border-color: #dddddf;

  height: 60px;

  margin-bottom:10px;

}

.form-control:focus {

  box-shadow: none;

  border-color:#212121;

}

#contactform textarea  {

  border-color: #dddddf;

  height: 160px !important;

  margin-bottom:10px;

}

#comments_form textarea {

  border-color: #dddddf;

  height: 260px !important;

  margin-bottom:10px;

}

#contactform .form-control {

  border-color: #e9e9e9 !important;

  height: 40px;

  margin-bottom:10px;

}

#contactform .form-control {

  box-shadow: none;

}

.media-list .media-object {

  width:75px;

  margin-right:15px;

}

.media-heading {

  color: #282828 !important;

  font-family: Athelas !important;

  font-size: 24px !important;

  font-style: italic;

  margin: 10px 0;

  text-align: left;

  text-transform: none !important;

}

.media-heading .pull-right {

  font-size:13px;

  color:#f4c212;

}

.media-list {

  margin-top:30px;

}

.media, .media .media {

  margin-top: 75px;

}

#comments-single {

  display: none;

  margin-top:20px;

}

.meta span  a {

  color:#999;

  font-weight: normal;

}

#sidebar .meta {

  font-size:12px;

}

.blog-desc{

  margin-top:10px;

}

.meta span {

  padding-right: 13px

}

.contact_details i,

.meta span i {

  color:#f4c212;

  padding-right:4px;

}

.blog-button ul,

.team-box ul {

  padding:0;

  list-style:none;

}

.blog-button ul li ul li,

.team-box ul li ul li {

  margin-right: 10px

}

.blog-title h3 {

  font-size:30px;

}

#blog-page .col-md-12 {

  margin-bottom: 60px;

}

.blog-button {

  margin:20px 0 ;

}

/* ----------------------------------------------------

  RESPONSIVE STYLES

------------------------------------------------------- */

@media (max-width:980px){

  .slider-btn {

    display: none

  }

  .portfolio-filter li a {

    font-size:12px;

    padding:6px;

  }

  .portfolio-filter ul {

    position: relative;

  }

  .navbar-collapse {

    padding:30px 15px;

  }

  .control-top .owl-controls {

    right:0;

  }

}

@media (max-width:1280px){

  .navbar-nav > li > a {

    padding:9px 14px;

  }

}

@media (max-width:768px){

  .container-fluid {

    padding-left:15px;

    padding-right:15px;

  }

  .all-clients {

      margin-top:140px;

  }

  .section-title h3 {

    font-size:21px;

  }

  .service {

    margin:20px 0;

  }

  #topbar {

    text-align: center;

  }

  .navbar-brand {

    padding: 0

  }

  #colorful-tab .nav-tabs h3 {

    display: none

  }

}

.services-three-col

{

	padding-left:15px !important;

	padding-right:15px !important;

}

.general-row > .wpb_column.col-md-12 { padding: 0 !important; }

.section-w.no-padding {

    padding: 0;

}

#sidebar .product_list_widget li {

    display: inline-block;

    margin: 5px 0;

    position: relative;

    width: 100%;

}

.woocommerce .star-rating, .woocommerce-page .star-rating {

	

	float:none !important;

}

.star-rating

{

  color:#f4c212;

}

.woocommerce .star-rating::before, .woocommerce-page .star-rating::before {

    color: #f4c212;

}

.woocommerce #sidebar ul li .star-rating, .woocommerce #sidebar ul li .amount {

    color: #f4c212;

}

.wpb_revslider_element.wpb_content_element {

    margin-bottom: 0px; 

}

a > i > .stButton > .stLarge {

    background-image: none !important;

}

.fa .stButton {

    left: -15px;

    position: absolute;

    top: -15px;

}

.blog-button .social-icons ul li > a > i.fa {

    position: relative;

}

#topbar .search-form .form-control-feedback {

    background: none;

    border: none;

}

.wp-caption{}

.wp-caption-text{}

.sticky {background: #efefef; border: 3px solid #fff; padding: 30px 20px; }

.gallery-caption { text-align: center; }

.bypostauthor { }

.wish_list {

    height: 22px;

    overflow: hidden;

}



.social-icons > ul > li:hover > a:hover,

.social-icons > ul > li:hover > a {

    background: none repeat scroll 0 0 transparent;

}
.blog-item .meta{
	display:none;
}
.blog-item .blog-button{
	display:none;
}
.wpb_image_grid .wpb_image_grid_ul img {
    padding: 3px;border-radius: 10px;
}

.fa-gear::before, .fa-cog::before {
    color: #f4c212;
    content: "";
    margin-right: 10px;
}