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

 =  Table of Css



 1.Isotope

 1.KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

 3.Header

 4.General

 5.content - home sections

 6.Home2

 7.Home3

 8.Home Corporate

 9.Home light boxed

 10.Home dark boxed

 11.Home dark

 12.blog large, blog medium

 13.blog with sidebar

 14.blog grid page

 15.blog masonry

 16.single post page

 17.About us 1

 18.About us 2

 19.services page

 20.shop page

 21.Home shop - ui-style

 22.Product page

 23.portfolio pages

 24.single project 1

 25.single project 2

 26.Contact page

 27.faqs page

 28.error page

 29.footer

 30.Responsive part

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

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

/* 1. Isotope filtering

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

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

  -moz-transition-duration: 0.8s;

  transition-duration: 0.8s;

}

.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  transition-property: height, width;

}

.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  transition-property: transform, opacity;

}

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



KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT



Screen Stylesheet



version:    1.0

date:       07/27/11

author:     themepunch

email:      support@themepunch.com

website:    http://www.themepunch.com

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

.boxedcontainer {

  max-width: 1170px;

  margin: auto;

  padding: 0px 30px;

}

/*********************************************

    -   SETTINGS FOR BANNER CONTAINERS  -

**********************************************/

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

}

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

/* =  Header

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

.navbar-default {

  background: rgba(255, 255, 255, 0.95);

  border: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  margin: 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.navbar-brand {

  height: auto;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  margin: 0;

  color: #222222 !important;

  padding: 25px 15px;

  letter-spacing: 2.5px;

}

.navbar-brand span {

  color: #f89406;

}

.navbar-nav {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.navbar-nav > li > a {

  color: #999999 !important;

  font-size: 13px;

  

  font-weight: 700;

  text-transform: uppercase;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  padding: 25px 15px;

}

.navbar-nav > li > a:hover,

.navbar-nav > li > a.active {

  color: #f89406 !important;

}

.navbar-nav a.open-search {

  padding: 8px 15px 25px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  text-align: center;

  margin-top: 17px;

  margin-left: 10px;

}

.navbar-nav a.open-search i {

  color: #999999;

  font-size: 16px;

  display: inline-block;

}

.navbar-nav li.drop {

  position: relative;

}

.navbar-nav li.megadrop {

  position: inherit !important;

}

header.trans .navbar-default {

  background: rgba(255, 255, 255, 0.05);

}

header.trans .navbar-brand {

  color: #ffffff !important;

  padding: 50px 15px;

}

header.trans .navbar-nav > li > a {

  color: #ffffff !important;

  padding: 50px 15px;

}

header.trans .navbar-nav a.open-search {

  padding: 33px 15px 50px;

}

header.trans .navbar-nav a.open-search i {

  color: #ffffff;

}

header.trans .navbar-nav > li > a:hover,

header.trans .navbar-nav > li > a.active {

  color: #f89406 !important;

}

header.active .navbar-default {

  background: rgba(255, 255, 255, 0.95);

}

header.active .navbar-brand {

  color: #222222 !important;

  padding: 25px 15px;

}

header.active .navbar-nav > li > a {

  color: #999999 !important;

  padding: 25px 15px;

}

header.active .navbar-nav a.open-search {

  padding: 8px 15px 25px;

}

header.active .navbar-nav a.open-search i {

  color: #999999;

}

header.active .navbar-nav > li > a:hover,

header.active .navbar-nav > li > a.active {

  color: #f89406 !important;

}

header.active .megadrop-down {

  box-shadow: 0 0 3px #dddddd;

  -webkit-box-shadow: 0 0 3px #dddddd;

  -moz-box-shadow: 0 0 3px #dddddd;

  -o-box-shadow: 0 0 3px #dddddd;

}

header.black-style .navbar-default {

  background: url('../images/pattern.png');

}

header.black-style .navbar-brand {

  color: #ffffff !important;

}

header.black-style .navbar-brand span {

  color: #f89406;

}

.vertical-header header {

  width: 220px;

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  background: #ffffff;

  z-index: 99;

  padding-top: 236px;

}

.vertical-header header .logo {

  padding: 0 10px;

  margin-bottom: 90px;
  
  margin-top: -50px;

}

.vertical-header header .logo a {

  height: auto;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  margin: 0;

  color: #222222 !important;

  letter-spacing: 2.5px;

  text-decoration: none;

}

.vertical-header header .logo a span {

  color: #f89406;

}

.vertical-header header nav {

  margin: 0;

}

.vertical-header header nav > ul {

  margin: 0;

  padding: 0;

}

.vertical-header header nav > ul > li {

  list-style: none;

  display: block;

}

.vertical-header header nav > ul > li > a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  text-decoration: none !important;

  display: block;

  padding: 10px 40px;

  color: #000000;

  font-size: 13px;

  

  font-weight: 700;

  text-transform: uppercase;

  position: relative;

  line-height: 20px;

}

.vertical-header header nav > ul > li > a span {

  float: right;

  display: inline-block;

  width: 9px;

  height: 9px;

  margin-top: 4px;

  background: url('../images/plus.png') center center no-repeat;

}

.vertical-header header nav > ul > li a.active,

.vertical-header header nav > ul > li a:hover {

  color: #f89406;

}

.vertical-header header nav > ul li.drop {

  position: relative;

}

.vertical-header header nav > ul div.ver-megadropdown {

  position: absolute;

  top: 0;

  left: 100%;

  background: rgba(255, 255, 255, 0.95);

  border: 1px solid #ebebeb;

  border-right: none;

  width: 300px;

  opacity: 0;

  visibility: hidden;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.vertical-header header nav > ul div.ver-megadropdown ul {

  margin: 0;

  padding: 0;

  overflow: hidden;

}

.vertical-header header nav > ul div.ver-megadropdown ul li {

  list-style: none;

  float: left;

  width: 50%;

  border-right: 1px solid #ebebeb;

}

.vertical-header header nav > ul div.ver-megadropdown ul li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  display: block;

  color: #999999;

  font-size: 11px;

  

  text-transform: uppercase;

  border-bottom: 1px solid #f3f3f3;

  padding: 14px 18px;

  font-weight: 400;

  margin: 0;

}

.vertical-header header nav > ul div.ver-megadropdown ul li a:hover {

  color: #f89406;

}

.vertical-header header nav > ul div.ver-megadropdown ul li a.comming {

  color: #fc7e7f;

  opacity: 0.4;

}

.vertical-header header nav > ul ul.dropdown {

  margin: 0;

  padding: 0;

  position: absolute;

  top: 0;

  left: 100%;

  background: rgba(255, 255, 255, 0.95);

  border: 1px solid #ebebeb;

  width: 180px;

  opacity: 0;

  visibility: hidden;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.vertical-header header nav > ul ul.dropdown li {

  list-style: none;

}

.vertical-header header nav > ul ul.dropdown li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  display: block;

  color: #999999;

  font-size: 11px;

  

  text-transform: uppercase;

  border-bottom: 1px solid #f3f3f3;

  padding: 14px 18px;

  font-weight: 400;

  margin: 0;

}

.vertical-header header nav > ul ul.dropdown li a:hover {

  background: #f8f8f8;

  color: #222222;

}

.vertical-header header nav > ul ul.dropdown > li:last-child a {

  border-bottom: none;

}

.vertical-header header nav > ul li.drop:hover div.ver-megadropdown {

  visibility: visible;

  opacity: 1;

}

.vertical-header header nav > ul li.drop:hover > ul.dropdown {

  visibility: visible;

  opacity: 1;

}

.vertical-header a.elemadded {

  display: none;

  color: #252525;

  font-size: 13px;

  

  text-transform: uppercase;

  font-weight: 700;

  padding: 10px;

  text-align: center;

  text-decoration: none;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.vertical-header header.dark-style {

  background: url('../images/pattern.png');

}

.vertical-header header.dark-style .logo a {

  color: #ffffff !important;

}

.vertical-header header.dark-style .logo a span {

  color: #f89406;

}

.vertical-header header.dark-style nav ul li a span {

  background: url('../images/plus2.png') center center no-repeat;

}

.navbar-collapse {

  position: relative;

}

.megadrop-down {

  position: absolute;

  width: 100%;

  top: 100%;

  left: 0;

  visibility: hidden;

  opacity: 0;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  background: rgba(255, 255, 255, 0.95);

  padding: 25px;

}

.megadrop-down .dropdown {

  text-align: left;

}

.megadrop-down .dropdown ul {

  margin: 0;

  padding: 0;

}

.megadrop-down .dropdown ul li {

  list-style: none;

  padding-bottom: 9px;

}

.megadrop-down .dropdown ul li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  display: block;

  color: #666666;

  font-size: 14px;

  

  font-weight: 400;

  margin: 0;

}

.megadrop-down .dropdown ul li a:hover {

  color: #f89406;

}

.megadrop-down .dropdown ul li a.comming {

  color: #fc7e7f;

  opacity: 0.4;

}

.megadrop-down .dropdown ul li:last-child {

  padding-bottom: 0;

}

.megadrop-down .dropdown ul.last-child li {

  border-right: none;

}

.megadrop-down .dropdown h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  margin-bottom: 20px;

  padding-bottom: 15px;

  border-bottom: 1px solid #f89406;

  text-transform: uppercase;

}

li.megadrop:hover .megadrop-down {

  visibility: visible;

  opacity: 1;

}

.form-search {

  position: absolute;

  top: 100%;

  right: 0;

  width: 200px;

  background: #f89406;

  padding: 4px;

  visibility: hidden;

  opacity: 0;

  -webkit-transform: rotateX(-90deg);

  -moz-transform: rotateX(-90deg);

  -ms-transform: rotateX(-90deg);

  -o-transform: rotateX(-90deg);

  transform: rotateX(-90deg);

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.form-search input[type="search"] {

  font-size: 13px;

  color: #999999;

  

  font-weight: 400;

  line-height: 20px;

  margin: 0 0 10px;

  margin: 0;

  color: #222222;

  padding: 8px 10px;

  border: none;

  width: 100%;

  outline: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  background: #ffffff;

}

.form-search button {

  background: #ffffff;

  border: none;

  float: right;

  margin-top: -28px;

  margin-right: 15px;

  position: relative;

  z-index: 2;

}

.form-search button i {

  color: #f89406;

  font-size: 16px;

}

.form-search.active {

  visibility: visible;

  opacity: 1;

  -webkit-transform: rotateX(0deg);

  -moz-transform: rotateX(0deg);

  -ms-transform: rotateX(0deg);

  -o-transform: rotateX(0deg);

  transform: rotateX(0deg);

}

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

/* =  General

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

.container {

  max-width: 990px;

}

p {

  font-size: 13px;

  /*color: #FFFFFF;*/

  

  font-weight: 400;

  line-height: 20px;

  margin: 0 0 10px;

}

.vertical-header #content {

  margin-left: 220px;

  padding-top: 0;

  background: #f8f8f8;

}

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

/* =  content

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

.title-section {

  margin-bottom: 65px;

  text-align: left;

}

.title-section h1 {

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  letter-spacing: 2px;

}

.title-section h1 span {

  color: #f89406;

}

.title-section > span {

  width: 130px;

  display: inline-block;

  height: 1px;

  border-top: 1px dotted #dddddd;

  position: relative;

  margin: 0 0 20px;

}

.title-section > span:before {

  content: '';

  position: absolute;

  width: 47px;

  height: 7px;

  left: 50%;

  margin-left: -24px;

  top: -4px;

  background: url('../images/pin2.png') center center no-repeat;

}

.title-section.white h1 {

  color: #ffffff;

}

.title-section.white > span:before {

  background: url('../images/pin.png') center center no-repeat;

}

.double-section {

  overflow: hidden;

}

.double-section .transparent-section {

  width: 45%;

  float: left;

  position: relative;

  z-index: 2;

  background: rgba(248, 148, 6, 0.8);

  overflow: hidden;

  padding: 60px 0;

}

.double-section .transparent-section .inner-transparent-section {

  width: 395px;

  float: right;

  padding-right: 50px;

}

.double-section .non-transparent-section {

  width: 55%;

  float: right;

  position: relative;

  z-index: 2;

  padding: 60px 0;

}

.double-section .non-transparent-section .inner-non-transparent-section {

  width: 565px;

  padding-left: 50px;

}

#home-section .tp-caption.smalltext {

  position: absolute;

  color: #222222;

  text-shadow: none;

  font-weight: 400;

  font-size: 15px;

  line-height: 20px;

  

  margin: 0px;

  border-width: 0px;

  border-style: none;

  text-transform: uppercase;

  white-space: nowrap;

}

#home-section .tp-caption.bigtitle {

  color: #FFF;

  text-shadow: none;

  font-size: 48px;

  line-height: 60px;

  font-weight: 900;

  

  background-color: none;

  text-decoration: none;

  text-transform: uppercase;

  border-width: 0px;

  border-color: transparent;

  border-style: none;

  text-align: center;

  letter-spacing: 2.5;

  padding: 0.6em 1em;

  background: rgba(248, 148, 6, 0.8);

}

#home-section .tp-caption.bigtitlewhite {

  color: #FFF;

  text-shadow: none;

  font-size: 48px;

  line-height: 60px;

  font-weight: 900;

  

  background-color: none;

  text-decoration: none;

  text-transform: uppercase;

  border-width: 0px;

  border-color: transparent;

  border-style: none;

  text-align: center;

  letter-spacing: 2.5;

  padding: 0.6em 1em;

  background: rgba(248, 148, 6, 0.8);

  color: #f89406;

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

}

#home-section .tp-caption.bigtitleblack {

  color: #FFF;

  text-shadow: none;

  font-size: 48px;

  line-height: 60px;

  font-weight: 900;

  

  background-color: none;

  text-decoration: none;

  text-transform: uppercase;

  border-width: 0px;

  border-color: transparent;

  border-style: none;

  text-align: center;

  letter-spacing: 2.5;

  padding: 0.6em 1em;

  background: rgba(248, 148, 6, 0.8);

  min-width: 840px;

  color: #f89406;

  text-align: center;

  background: rgba(34, 34, 34, 0.8);

}

#home-section .tp-caption a.trans-btn {

  color: #ffffff;

  background: transparent;

  font-size: 12px;

  font-weight: 700;

  

  text-transform: uppercase;

  border: 2px solid #ffffff;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  padding: 0.8em 4em;

}

#home-section .tp-caption a.trans-btn:hover {

  color: #f89406;

  border: 2px solid #f89406;

}

#home-section .tp-caption a.trans-btn2 {

  font-size: 12px;

  font-weight: 700;

  

  text-transform: uppercase;

  border: 2px solid transparent;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  padding: 0.8em 4em;

  color: #f89406;

  background: #ffffff;

}

#home-section .tp-caption a.trans-btn2:hover {

  color: #ffffff;

  background: #f89406;

}

#home-section .slotholder:after {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(241, 241, 241, 0.5);

  z-index: 2;

}

#home-section .tp-bannertimer {

  display: none !important;

}

#about-section{padding-top: 55px;}

 .about-box {

  margin-bottom: 55px;

}

 .about-box .about-post h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

  letter-spacing: 1.7px;

  margin-bottom: 16px;

}

 .about-box .about-post h2 a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #222222;

}

 .about-box .about-post h2 a i {

  font-size: 30px;

  color: #f89406;

  margin-right: 20px;

  display: inline-block;

  float: left;

  margin-top: -5px;

}

 .about-box .about-post h2 a span {

  display: inline-block;

}

 .about-box .about-post h2 a:hover {

  color: #f89406;

}

 .content-tab {

  background: url('../upload/banners/1.jpg') center top fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  position: relative;

}

 .content-tab .container {

  position: relative;

  z-index: 2;

}

 .content-tab .tab-cont {

  padding: 75px 0;

  background: rgba(248, 148, 6, 0.8);

  display: none;

  width: 45%;

  position: relative;

  z-index: 2;

  overflow: hidden;

}

 .content-tab .tab-cont div {

  float: right;

  width: 396px;

  padding-right: 50px;

}

 .content-tab .tab-cont h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  font-weight: 900;

  margin-bottom: 30px;

  color: #ffffff;

  text-transform: uppercase;

  letter-spacing: 1.8px;

}

 .content-tab .tab-cont p {

  color: #ffffff;

  margin-bottom: 15px;

}

 .content-tab .tab-cont.active {

  display: block;

}

 .content-tab .tab-cont:before {

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  top: 0;

  left: 50%;

  border: 50px solid #f7f7f7;

  border-left-width: 50px;

  border-right-width: 50px;

  border-top-width: 25px;

  border-bottom-width: 25px;

  border-left-color: transparent;

  border-right-color: transparent;

  border-bottom-color: transparent;

  z-index: 3;

}

 .content-tab .tab-cont:before {

  margin-left: 50px;

}

 .content-tab:after {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(34, 34, 34, 0.5);

}

#team-section {

  padding: 55px 0 120px;

  background: #fff;

}

#team-section .title-section {

  margin-bottom: 45px;

}

 .team-post {

  margin-bottom: 30px;

}

 .team-post .team-member {

  overflow: hidden;

}

 .team-post .team-member img {

  width: 100%;

}

 .team-post .team-member .member-content {

  border: 1px solid #f1f1f1;

  background: transparent;

  text-align: center;

  padding: 16px 20px 20px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

 .team-post .team-member .member-content h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  margin: 0;

  letter-spacing: 1.7px;

  text-transform: uppercase;

}

 .team-post .team-member .member-content span {

  display: inline-block;

  font-size: 13px;

  

  font-weight: 400;

  line-height: 20px;

  margin: 0 0 10px;

  margin-bottom: 10px;

  padding-bottom: 15px;

  border-bottom: 1px dotted #dddddd;

  color: #999999;

}

 .team-post .team-member .member-content p {

  margin-bottom: 12px;

  color: #999999;

}

 .team-post .team-member .member-content ul.team-social {

  margin: 0;

  padding: 0;

  display: inline-block;

  padding-top: 12px;

  border-top: 1px dotted #dddddd;

}

 .team-post .team-member .member-content ul.team-social li {

  display: inline-block;

  margin-left: 6px;

}

 .team-post .team-member .member-content ul.team-social li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #999999;

  font-size: 15px;

}

 .team-post .team-member .member-content ul.team-social li a:hover {

  color: #f89406;

}

 .team-post:hover .team-member .member-content {

  background: #f1f1f1;

  border: 1px solid transparent;

}

#portfolio-section {

  background: url('../images/pattern.png');

  padding: 60px 0 0;

  text-align: center;

}

#portfolio-section .title-section {

  margin-bottom: 55px;

}

#portfolio-section ul.filter {

  margin: 0;

  padding: 0;

  margin-bottom: 45px;

  text-align: left;

}

#portfolio-section ul.filter li {

  display: inline-block;

  margin: 0 0 4px;

}

#portfolio-section ul.filter li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #999999;

  font-size: 12px;

  font-weight: 700;

  

  text-transform: uppercase;

  border: 2px solid transparent;

  padding: 7px 14px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

}

#portfolio-section ul.filter li a:hover,

#portfolio-section ul.filter li a.active {

  color: #f89406;

  border: 2px solid #f89406;

}

#portfolio-section .show-more {

  padding-top: 40px;

}

#portfolio-section .show-more a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

#portfolio-section .portfolio-box .project-post {

  padding-right: 1px;

  padding-bottom: 1px;

}

#portfolio-section .portfolio-box .project-post .hover-box {

  top: 10px;

  left: 10px;

  right: 10px;

  bottom: 10px;

  width: auto;

  height: inherit;

  border: 10px solid rgba(255, 255, 255, 0.8);

  background: rgba(51, 51, 51, 0.5);

}

#portfolio-section .portfolio-box .project-post .hover-box a.link {

  display: block;

  width: 100%;

  left: 0;

  margin-left: 0;

  text-align: center;

  color: #ffffff;

  font-size: 15px;

  

  text-transform: uppercase;

  font-weight: 900;

  letter-spacing: 1.8px;

}

#portfolio-section .portfolio-box .project-post .hover-box a.link:hover {

  opacity: 0.7;

}

.portfolio-box .project-post {

  width: 25%;

  position: relative;

}

.portfolio-box .project-post img {

  width: 100%;

}

.portfolio-box .project-post .hover-box {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(34, 34, 34, 0.8);

  text-align: center;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  opacity: 0;

  overflow: hidden;

}

.portfolio-box .project-post .hover-box .inner-hover {

  position: absolute;

  width: 100%;

  bottom: 52px;

  left: 0;

}

.portfolio-box .project-post .hover-box .inner-hover h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  color: #f89406;

  font-size: 12px;

  text-transform: uppercase;

  margin-bottom: 3px;

  transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

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

  -moz-transform: translate3d(0, 400%, 0);

  -o-transform: translate3d(0, 400%, 0);

  transform: translate3d(0, 400%, 0);

}

.portfolio-box .project-post .hover-box .inner-hover p {

  color: #999999;

  margin-bottom: 0;

  transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -webkit-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

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

  -moz-transform: translate3d(0, 400%, 0);

  -o-transform: translate3d(0, 400%, 0);

  transform: translate3d(0, 400%, 0);

}

.portfolio-box .project-post .hover-box a.zoom, .portfolio-box .project-post .hover-box a.link {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -12px;

  margin: 0 5px;

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

  -moz-transform: translate3d(0, -400%, 0);

  -o-transform: translate3d(0, -400%, 0);

  transform: translate3d(0, -400%, 0);

  outline: none;

}

.portfolio-box .project-post .hover-box a i {

  font-size: 24px;

  color: #ffffff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.portfolio-box .project-post .hover-box a.link {

  transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  margin-left: 10px;

}

.portfolio-box .project-post .hover-box a.zoom {

  transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -webkit-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

  margin-left: -30px;

}

.portfolio-box .project-post .hover-box a:hover i {

  color: #f89406;

}

.portfolio-box .project-post:hover .hover-box {

  opacity: 1;

}

.portfolio-box .project-post:hover .hover-box .inner-hover h2 {

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

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

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

  transform: translate3d(0, 0, 0);

}

.portfolio-box .project-post:hover .hover-box .inner-hover p {

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

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

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

  transform: translate3d(0, 0, 0);

}

.portfolio-box .project-post:hover .hover-box a {

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

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

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

  transform: translate3d(0, 0, 0);

}

button.mfp-close,

button.mfp-arrow {

  outline: none;

}

a.button-one {

  color: #ffffff;

  background: transparent;

  font-size: 12px;

  font-weight: 700;

  

  text-transform: uppercase;

  border: 2px solid #ffffff;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  padding: 8px 48px;

}

a.button-one:hover {

  color: #f89406;

  border: 2px solid #f89406;

}

a.button-two {

  color: #f89406;

  background: transparent;

  font-size: 12px;

  font-weight: 700;

  

  text-transform: uppercase;

  border: 2px solid #f89406;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  padding: 8px 48px;

}

a.button-two:hover {

  color: #ffffff;

  background: #f89406;

}

#about-two-section {

  position: relative;

  background: url('../upload/banners/2.jpg') fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

}

#about-two-section .transparent-section {

  float: right;

}

#about-two-section .transparent-section .inner-transparent-section {

  float: none;

  padding-right: 0;

  padding-left: 50px;

}

#about-two-section .non-transparent-section {

  float: left;

  overflow: hidden;

}

#about-two-section .non-transparent-section .inner-non-transparent-section {

  float: right;

  padding-left: 0;

  padding-right: 50px;

}

#about-two-section .about-two-box h1 {

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  letter-spacing: 2px;

  color: #ffffff;

  margin-bottom: 26px;

}

#about-two-section .about-two-box > p {

  color: #ffffff;

  margin-bottom: 54px;

}

#about-two-section .about-two-box ul.about-listing {

  margin: 0;

  padding: 0;

}

#about-two-section .about-two-box ul.about-listing li {

  list-style: none;

  margin-bottom: 30px;

}

#about-two-section .about-two-box ul.about-listing li i {

  float: left;

  color: #ffffff;

  font-size: 30px;

}

#about-two-section .about-two-box ul.about-listing li h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

  color: #ffffff;

  letter-spacing: 1.8px;

  margin-bottom: 10px;

  margin-left: 50px;

}

#about-two-section .about-two-box ul.about-listing li p {

  margin-left: 50px;

  color: #ffffff;

  margin-bottom: 0;

}

#about-two-section .skills-box {

  text-align: center;

  padding-top: 40px;

}

#about-two-section .skills-box p {

  color: #ffffff;

  margin-bottom: 30px;

}

#about-two-section .skills-box div {

  margin-bottom: 8px;

}

#about-two-section:after {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(34, 34, 34, 0.7);

}

#clients-section {

  position: relative;

  background: url('../upload/banners/3.jpg') fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

}

#clients-section .container {

  position: relative;

  z-index: 2;

}

#clients-section .title-section {

  margin-bottom: 20px;

}

#clients-section .testimonial-box {

  padding: 80px 0 50px;

  text-align: left !important;

  text-align: center;

}

#clients-section .testimonial-box h1 {

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  letter-spacing: 2px;

  color: #ffffff;

  margin-bottom: 60px;

}

#clients-section .testimonial-box ul.bxslider {

  margin: 0;

  padding: 0;

}

#clients-section .testimonial-box p {

  color: #ffffff;

  font-size: 15px;

  font-weight: 700;

  font-style: italic;

  margin-bottom: 45px;

}

#clients-section .testimonial-box h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  color: #ffffff;

  text-transform: uppercase;

  letter-spacing: 1.8px;

  margin-bottom: 2px;

}

#clients-section .testimonial-box span {

  font-size: 13px;

  color: #999999;

  

  font-weight: 400;

  line-height: 20px;

  margin: 0 0 10px;

  color: #ffffff;

  margin: 0;

  display: inline-block;

}

#clients-section .testimonial-box .bx-controls {

  display: none !important;

}

#clients-section .clients-box ul.client-list {

  margin: 0;

  padding: 0;

  overflow: hidden;

}

#clients-section .clients-box ul.client-list li {

  list-style: none;

  float: left;

  width: 33.33333%;

  text-align: center;

}

#clients-section .clients-box ul.client-list li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  max-width: 100%;

  border: 1px solid transparent;

}

#clients-section .clients-box ul.client-list li a img {

  max-width: 100%;

}

#clients-section .clients-box ul.client-list li a:hover {

  border: 1px solid #ffffff;

}

#clients-section:after {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(34, 34, 34, 0.9);

}

#news-section {

  padding: 55px 0 90px;

  background: #ffffff;

}

#news-section .item.news-post {

  margin: 0 0 40px;

  margin-right: 1px;

}

#news-section .item.news-post img {

  width: 100%;

  margin-bottom: 26px;

}

#news-section .item.news-post .news-content {

  overflow: hidden;

  padding: 0 30px 0 10px;

}

#news-section .item.news-post .news-content .date-post {

  width: 60px;

  float: left;

  margin-top: -10px;

  text-align: center;

}

#news-section .item.news-post .news-content .date-post span {

  display: block;

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 2px;

  padding-bottom: 0px;

  border-bottom: 1px dotted #c0c0c0;

  line-height: 42px;

}

#news-section .item.news-post .news-content .date-post p {

  margin: 0;

  text-transform: uppercase;

  font-weight: 700;

  color: #333333;

}

#news-section .item.news-post .news-content .news-content-text {

  margin-left: 80px;

}

#news-section .item.news-post .news-content .news-content-text h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

  letter-spacing: 2px;

  line-height: 20px;

}

#news-section .item.news-post .news-content .news-content-text h2 a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #222222;

}

#news-section .item.news-post .news-content .news-content-text h2 a:hover {

  color: #f89406;

}

#news-section .item.news-post .news-content .news-content-text p {

  margin-bottom: 0;

}

#contact-section .contact-info {

  background: url('../images/pattern.png');

  padding: 55px 0;

}

#contact-section  .title-section {

  margin-bottom: 40px;

  text-align: center;

}

.infor-box {

  text-align: center;

}

.infor-box span {

  width: 100px;

  height: 100px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  display: inline-block;

  background: #f89406;

  margin: 0 0 20px;

}

.infor-box span i {

  color: #ffffff;

  font-size: 30px;

  line-height: 100px;

}

.infor-box h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

  color: #f89406;

  margin-bottom: 16px;

}

.infor-box p {

  margin-bottom: 30px;

}

#contact-section .map {

  height: 418px;

}

#contact-section .contact-form {

  padding: 50px 0 60px;

}

#contact-section .contact-form h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-align: center;

  text-transform: uppercase;

  margin-bottom: 50px;

}

#contact-form input[type="text"],

#contact-form textarea {

  width: 100%;

  padding: 10px;

  border: 1px solid #cccccc;

  margin-bottom: 30px;

  outline: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #999999;

  font-size: 13px;

  

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  -o-border-radius: 1px;

  border-radius: 1px;

}

#contact-form input[type="text"]:focus,

#contact-form textarea:focus {

  border: 1px solid #f89406;

}

#contact-form textarea {

  height: 120px;

}

#contact-form input[type="submit"] {

  padding: 10px 37px;

  outline: none;

  border: 2px solid #333333;

  color: #333333;

  font-size: 12px;

  

  text-transform: uppercase;

  font-weight: 700;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  margin-bottom: 20px;

  background: #ffffff;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

}

#contact-form input[type="submit"]:hover {

  border: 2px solid #f89406;

  color: #f89406;

}

#contact-form .submit-area {

  text-align: center;

}

#contact-form .message {

  height: 30px;

  font-size: 13px;

  

}

#contact-form .message.error {

  color: #e74c3c;

}

#contact-form .message.success {

  color: #f89406;

}

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

/* =  Portfolio grid pages

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

#page-content {

  padding-top: 70px;

}

.page-banner-section {

  padding: 55px 0;

  position: relative;

  background: url('../upload/banners/ban1.jpg') fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

}

.page-banner-section .container {

  position: relative;

  z-index: 2;

}

.page-banner-section h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  font-size: 18px;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 900;

  margin: 3px 0;

  letter-spacing: 1.8px;

}

.page-banner-section h2 span {

  color: #f89406;

}

.page-banner-section ul {

  margin: 0;

  padding: 0;

  text-align: right;

}

.page-banner-section ul li {

  display: inline-block;

  margin-left: 3px;

}

.page-banner-section ul li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #cccccc;

  font-size: 11px;

  

  text-transform: uppercase;

  line-height: 24px;

}

.page-banner-section ul li a:hover {

  color: #f89406;

}

.page-banner-section ul li:before {

  content: '>';

  color: #cccccc;

  font-size: 11px;

  

  text-transform: uppercase;

  margin-right: 6px;

  line-height: 24px;

}

.page-banner-section ul li:first-child:before {

  display: none;

  margin: 0;

}

.page-banner-section:after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(34, 34, 34, 0.6);

}

.portfolio-section.grid-style {

  padding: 50px 0 60px;

}

.portfolio-section.grid-style .portfolio-box {

  width: 990px;

  margin-left: -15px;

  margin-top: -10px;

}

.portfolio-section.grid-style .portfolio-box .project-post {

  margin: 10px;

  width: 475px;

}

.portfolio-section.grid-style .portfolio-box .project-post .hover-box {

  background: rgba(248, 148, 6, 0.8);

}

.portfolio-section.grid-style .portfolio-box .project-post .hover-box .inner-hover h2 {

  color: #ffffff;

  font-size: 13px;

  font-weight: 900;

}

.portfolio-section.grid-style .portfolio-box .project-post .hover-box .inner-hover p {

  color: #ffffff;

}

.portfolio-section.grid-style .portfolio-box .project-post .hover-box a:hover i {

  color: #ffffff;

  opacity: 0.6;

}

.portfolio-section.grid-style .portfolio-box.col3 .project-post {

  width: 310px;

}

.portfolio-section.grid-style .portfolio-box.col3 .project-post .hover-box a {

  margin-top: -30px;

}

.portfolio-section.grid-style .portfolio-box.fullwidth {

  width: auto;

  margin: -10px 10px 0;

}

.portfolio-section.grid-style .portfolio-box.fullwidth .project-post {

  padding: 10px;

  margin: 0;

  width: 25%;

}

.portfolio-section.grid-style .portfolio-box.fullwidth .project-post .hover-box {

  top: 10px;

  left: 10px;

  bottom: 10px;

  right: 10px;

  width: auto;

  height: auto;

}

ul.filter {

  margin: 0;

  padding: 0;

  text-align: center;

  margin-bottom: 45px;

}

ul.filter li {

  display: inline-block;

  margin: 0 14px 4px;

}

ul.filter li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #999999;

  font-size: 12px;

  font-weight: 700;

  

  text-transform: uppercase;

  border-bottom: 1px dotted #999999;

  padding-bottom: 2px;

}

ul.filter li a:hover,

ul.filter li a.active {

  color: #f89406;

  border-bottom: 1px dotted #f89406;

}

.show-more {

  text-align: center;

  padding-top: 40px;

}

.show-more a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

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

/* =  portfolio masonry pages

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

.portfolio-section.masonry-style {

  padding: 50px 0 60px;

}

.portfolio-section.masonry-style .portfolio-box {

  width: 990px;

  margin-left: -15px;

  margin-top: -10px;

}

.portfolio-section.masonry-style .portfolio-box .project-post {

  margin: 10px;

  width: 310px;

}

.portfolio-section.masonry-style .portfolio-box .project-post .project-gal {

  position: relative;

}

.portfolio-section.masonry-style .portfolio-box .project-post .project-gal .hover-box {

  background: rgba(255, 255, 255, 0.9);

}

.portfolio-section.masonry-style .portfolio-box .project-post .project-gal .hover-box a i {

  color: #f89406;

}

.portfolio-section.masonry-style .portfolio-box .project-post .project-gal .hover-box a:hover i {

  color: #999999;

}

.portfolio-section.masonry-style .portfolio-box .project-post .project-tit-cont {

  background: #f8f8f8;

  padding: 27px 30px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  border-bottom: 1px solid transparent;

}

.portfolio-section.masonry-style .portfolio-box .project-post .project-tit-cont h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  font-weight: 900;

  font-size: 13px;

  margin-bottom: 3px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  text-transform: uppercase;

}

.portfolio-section.masonry-style .portfolio-box .project-post .project-tit-cont p {

  margin: 0;

  color: #999999;

}

.portfolio-section.masonry-style .portfolio-box .project-post:hover .project-tit-cont {

  background: transparent;

  border-bottom: 1px solid #f89406;

}

.portfolio-section.masonry-style .portfolio-box .project-post:hover .project-tit-cont h2 {

  color: #f89406;

}

.portfolio-section.masonry-style .portfolio-box.col4 .project-post {

  width: 227px;

}

.portfolio-section.masonry-style .portfolio-box.fullwidth {

  width: auto;

  margin: -10px 10px 0;

}

.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {

  padding: 10px;

  width: 16.66%;

  margin: 0;

}

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

/* =  portfolio black pages

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

.portfolio-section.black-style {

  background: url('../images/pattern2.png');

  padding: 50px 0 60px;

}

.portfolio-section.black-style .portfolio-box .project-post {

  width: 50%;

}

.portfolio-section.black-style .portfolio-box .project-post .hover-box {

  background: rgba(34, 34, 34, 0.9);

}

.portfolio-section.black-style .portfolio-box .project-post .hover-box .inner-hover {

  bottom: inherit;

  top: 50%;

  margin-top: 20px;

}

.portfolio-section.black-style .portfolio-box .project-post .hover-box .inner-hover h2 {

  color: #ffffff;

  font-size: 13px;

  font-weight: 900;

}

.portfolio-section.black-style .portfolio-box .project-post .hover-box a {

  margin-top: -40px;

}

.portfolio-section.black-style .portfolio-box .project-post .hover-box a i {

  color: #f89406;

}

.portfolio-section.black-style .portfolio-box .project-post .hover-box a:hover {

  opacity: 0.4;

}

.portfolio-section.black-style .portfolio-box.col3 .project-post {

  width: 33.33%;

}

.portfolio-section.black-style .portfolio-box.fullwidth .project-post {

  width: 20%;

}

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

/* =  Portfolio alternative pages

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

.portfolio-section.alt-style {

  background: url('../images/pattern2.png');

  padding: 50px 0 50px;

}

.portfolio-section.alt-style .portfolio-box .project-post {

  width: 20%;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box {

  background: rgba(34, 34, 34, 0.9);

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box .inner-hover {

  bottom: inherit;

  top: 30px;

  text-align: left;

  padding: 0 30px;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box .inner-hover h2 {

  color: #ffffff;

  font-size: 15px;

  font-weight: 900;

  letter-spacing: 2px;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box .inner-hover p {

  color: #ffffff;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.zoom, .portfolio-section.alt-style .portfolio-box .project-post .hover-box a.link {

  margin-top: -30px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  border: 2px solid #ffffff;

  width: 60px;

  height: 60px;

  text-align: center;

  line-height: 60px;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box a i {

  color: #ffffff;

  font-size: 18px;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.zoom:hover,.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.link:hover {

  border: 2px solid #f89406;

  background: #f89406;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box a:hover i {

  color: #333333;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.link {

  transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  margin-left: -30px;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.zoom {

  transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  -webkit-transition: all 0.6s ease-in-out;

  -o-transition: all 0.6s ease-in-out;

  margin-left: -100px;

}

.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.like {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  margin-left: 40px;

}

.portfolio-section.alt-style .portfolio-box .project-post.snd-size {

  width: 40%;

}

.portfolio-section.alt-style.white-style-fullwidth {

  background: #ffffff;

  padding: 50px 0 50px;

}

.portfolio-section.alt-style.white-style-fullwidth .portfolio-box {

  margin: 0 25px;

}

.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post {

  width: 20%;

  padding: 5px;

}

.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post .hover-box {

  top: 5px;

  left: 5px;

  bottom: 5px;

  right: 5px;

  width: auto;

  height: auto;

  opacity: 1;

  visibility: visible;

  background: transparent;

}

.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post .hover-box .inner-hover h2,

.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post .hover-box .inner-hover p {

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

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

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

  transform: translate3d(0, 0, 0);

}

.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post .hover-box a.zoom, .portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post .hover-box a.link {

  z-index: 2;

  opacity: 0;

}

.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post.snd-size {

  width: 40%;

}

.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post:hover .hover-box {

  background: rgba(34, 34, 34, 0.7);

}

.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post:hover .hover-box a {

  opacity: 1;

}

.portfolio-section.alt-style.white-style {

  background: #ffffff;

  padding: 50px 0 50px;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post {

  width: 25%;

  padding: 5px;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box {

  top: 5px;

  left: 5px;

  bottom: 5px;

  right: 5px;

  width: auto;

  height: auto;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a {

  width: 40px;

  height: 40px;

  line-height: 36px;

  margin-top: -20px;

  z-index: 2;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a i {

  font-size: 12px;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a.link {

  margin-left: -20px;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a.zoom {

  margin-left: -70px;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box a.like {

  margin-left: 30px;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box .inner-hover {

  top: 20px;

  padding: 0 15px;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post .hover-box .inner-hover h2 {

  font-size: 13px;

  font-weight: 700;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post.snd-size {

  width: 50%;

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post:hover .hover-box {

  background: rgba(34, 34, 34, 0.7);

}

.portfolio-section.alt-style.white-style .portfolio-box .project-post:hover .hover-box a {

  opacity: 1;

}

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

/* =  portfolio vertical style

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

.vertical-header .page-banner-section {

  padding: 115px 85px 115px 25px;

}

.vertical-header .page-banner-section .container-fluid {

  position: relative;

  z-index: 2;

}

.page-banner-section.back-two {

  background: url('../upload/banners/ban2.jpg') fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

}

.portfolio-section.vertical-style {

  padding: 40px 0;

}

.portfolio-section.vertical-style .portfolio-box .project-post {

  width: 50%;

  border-left: 1px solid #ffffff;

  border-bottom: 1px solid #ffffff;

}

.portfolio-section.vertical-style .portfolio-box .project-post .hover-box {

  top: 10px;

  left: 10px;

  bottom: 10px;

  right: 10px;

  width: auto;

  height: auto;

  background: rgba(51, 51, 51, 0.7);

  border: 10px solid rgba(255, 255, 255, 0.7);

  text-align: center;

}

.portfolio-section.vertical-style .portfolio-box .project-post .hover-box a {

  color: #ffffff;

  font-size: 15px;

  

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 2px;

  left: inherit;

  display: block;

  width: 100%;

  margin-left: 0;

  margin-top: -10px;

}

.portfolio-section.vertical-style .portfolio-box .project-post .hover-box a:hover {

  opacity: 0.5;

}

.portfolio-section.vertical-style ul.filter {

  text-align: left;

}

.portfolio-section.vertical-style ul.filter li {

  margin: 0;

}

.portfolio-section.vertical-style ul.filter li a {

  border: 2px solid transparent;

  padding: 8px 14px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

}

.portfolio-section.vertical-style ul.filter li a.active,

.portfolio-section.vertical-style ul.filter li a:hover {

  border: 2px solid #f89406;

}

.portfolio-section.vertical-style.fullwidth ul.filter {

  padding-left: 40px;

}

.portfolio-section.vertical-style .portfolio-box.col3 .project-post {

  width: 33.33%;

}

.portfolio-section.vertical-style .portfolio-box.fullwidth .project-post {

  width: 25%;

}

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

/* =  blog one col, standard

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

.page-banner-section.blog-banner {

  background: url('../upload/banners/ban3.jpg') fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

}

.blog-section {

  background: #f8f8f8;

  padding: 40px 0;

}

.blog-section .blog-box {

  max-width: 800px;

  margin: 0 auto 20px;

  padding-bottom: 1px;

}

.blog-section .blog-box .blog-post {

  background: #ffffff;

  padding: 20px;

  border: 1px solid #f1f1f1;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  margin-bottom: 40px;

}

.blog-section .blog-box .blog-post img {

  width: 100%;

  margin-bottom: 25px;

}

.blog-section .blog-box .blog-post iframe {

  width: 100%;

  margin-bottom: 25px;

  height: 300px;

}

.blog-section .blog-box .blog-post .flexslider {

  margin-bottom: 25px !important;

}

.blog-section .blog-box .blog-post .flexslider img {

  margin-bottom: 0;

}

.blog-section .blog-box .blog-post .post-content .date-post {

  width: 60px;

  float: left;

  padding-top: 16px;

  text-align: center;

}

.blog-section .blog-box .blog-post .post-content .date-post span {

  display: block;

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 2px;

  padding-bottom: 2px;

  border-bottom: 1px dotted #c0c0c0;

}

.blog-section .blog-box .blog-post .post-content .date-post p {

  margin: 0;

  text-transform: uppercase;

  font-weight: 700;

  color: #333333;

}

.blog-section .blog-box .blog-post .post-content .post-content-text {

  margin-left: 80px;

}

.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags {

  margin: 0;

  padding: 0;

}

.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li {

  display: inline-block;

}

.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #cccccc;

  font-size: 11px;

  

  text-transform: uppercase;

  font-weight: 900;

}

.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li a:hover {

  color: #f89406;

}

.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li:before {

  content: '/';

  color: #cccccc;

  font-size: 11px;

  

  text-transform: uppercase;

  font-weight: 900;

  margin-right: 3px;

}

.blog-section .blog-box .blog-post .post-content .post-content-text ul.post-tags li:first-child:before {

  display: none;

  margin-right: 0;

}

.blog-section .blog-box .blog-post .post-content .post-content-text h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  font-size: 30px;

  font-weight: 900;

  text-transform: uppercase;

  margin-bottom: 30px;

  letter-spacing: 2px;

}

.blog-section .blog-box .blog-post .post-content .post-content-text h2 a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #222222;

}

.blog-section .blog-box .blog-post .post-content .post-content-text h2 a:hover {

  color: #f89406;

}

.blog-section .blog-box .blog-post .post-content .post-content-text p {

  margin-bottom: 12px;

}

.blog-section .blog-box .blog-post .post-content .post-content-text > a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #cccccc;

  font-size: 11px;

  

  text-transform: uppercase;

  font-weight: 900;

  margin-bottom: 15px;

}

.blog-section .blog-box .blog-post .post-content .post-content-text > a:hover {

  text-decoration: underline;

  color: #222222;

}

.blog-section .blog-box .blog-post:hover {

  background: transparent;

}

ul.pagination-list {

  margin: 0;

  padding: 0;

  margin-bottom: 40px;

  text-align: center;

}

ul.pagination-list li {

  display: inline-block;

}

ul.pagination-list li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #222222;

  font-size: 13px;

  

  font-weight: 900;

  padding: 8px 13px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -o-border-radius: 20px;

  border-radius: 20px;

  text-transform: uppercase;

}

 ul.pagination-list li a.prev-pag,

ul.pagination-list li a.next-pag {

  color: #999999;

  font-weight: 700;

}

ul.pagination-list li a.prev-pag i {

  margin-right: 7px;

}

ul.pagination-list li a.next-pag i {

  margin-left: 7px;

}

ul.pagination-list li a:hover,

ul.pagination-list li a.active {

  color: #ffffff;

  background: #f89406;

}

.flex-direction-nav .flex-next:hover,

.flex-direction-nav .flex-prev:hover {

  background: #f89406;

}

.blog-section.standard {

  padding: 0;

  position: relative;

}

.blog-section.standard .container {

  position: relative;

  z-index: 2;

}

.blog-section.standard .blog-box {

  background: #ffffff;

  padding: 40px 60px 40px 0;

}

.blog-section.standard .blog-box .blog-post {

  background: transparent;

  border: none;

  padding: 0;

  margin-bottom: 65px;

}

.blog-section.standard .blog-box .blog-post .date-post {

  width: 60px;

  float: left;

  margin-top: -10px;

  text-align: center;

}

.blog-section.standard .blog-box .blog-post .date-post span {

  display: block;

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 2px;

  padding-bottom: 2px;

  border-bottom: 1px dotted #c0c0c0;

}

.blog-section.standard .blog-box .blog-post .date-post p {

  margin: 0;

  text-transform: uppercase;

  font-weight: 700;

  color: #333333;

}

.blog-section.standard .blog-box .blog-post .post-content {

  margin-left: 80px;

}

.blog-section.standard .blog-box .blog-post .post-content .post-content-text {

  margin-left: 0;

}

.blog-section.standard .blog-box .blog-post.without-image .date-post {

  margin-top: 0;

  padding-top: 10px;

}

.blog-section.standard:before {

  position: absolute;

  content: '';

  width: 50%;

  height: 100%;

  top: 0;

  left: 0;

  background: #ffffff;

}

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

/* =  blog grid

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

.blog-section.grid .blog-box {

  max-width: 100%;

}

.blog-section.grid .blog-box .blog-post {

  padding: 0 0 15px;

  margin-bottom: 30px;

}

.blog-section.grid .blog-box .blog-post iframe {

  height: 180px;

  margin-bottom: 0;

}

.blog-section.grid .blog-box .blog-post img {

  margin-bottom: 0;

}

.blog-section.grid .blog-box .blog-post .flexslider {

  margin-bottom: 0 !important;

}

.blog-section.grid .blog-box .blog-post .post-content {

  padding: 10px;

  padding-top: 20px;

}

.blog-section.grid .blog-box .blog-post .post-content .date-post {

  padding-top: 0;

}

.blog-section.grid .blog-box .blog-post .post-content .post-content-text h2 {

  font-size: 15px;

  margin-bottom: 20px;

}

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

/* =  blog-masonry

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

.blog-section.masonry .blog-box {

  margin-left: -10px;

  width: 980px;

  max-width: inherit;

}

.blog-section.masonry .blog-box .blog-post {

  margin: 15px 10px;

  padding: 0;

  width: 306px;

}

.blog-section.masonry .blog-box .blog-post iframe {

  height: 180px;

  margin-bottom: 0;

}

.blog-section.masonry .blog-box .blog-post img {

  margin-bottom: 0;

}

.blog-section.masonry .blog-box .blog-post .flexslider {

  margin-bottom: 0 !important;

}

.blog-section.masonry .blog-box .blog-post .post-content {

  padding: 10px;

  padding-top: 20px;

}

.blog-section.masonry .blog-box .blog-post .post-content .date-post {

  padding-top: 0;

}

.blog-section.masonry .blog-box .blog-post .post-content .post-content-text h2 {

  font-size: 15px;

  margin-bottom: 20px;

}

.blog-section.masonry .show-more {

  margin-bottom: 40px;

}

.blog-section.masonry .blog-box.fullwidth {

  width: 100%;

  margin-left: 0;

}

.blog-section.masonry .blog-box.fullwidth .blog-post {

  margin: 0;

  padding: 15px 10px;

  width: 20%;

  background: transparent;

  border: none;

}

.blog-section.masonry .blog-box.fullwidth .blog-post .post-content {

  padding: 10px;

  padding-top: 20px;

  background: #ffffff;

  border: 1px solid #f1f1f1;

}

.page-banner-section.back-two.blog-banner {

  background: url('../upload/banners/ban4.jpg') fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

}

.vertical-header .blog-section.grid {

  padding: 0;

  background: #ffffff;

}

.vertical-header .blog-section.grid .blog-box .blog-post {

  margin-bottom: 0;

  border: none;

  padding: 1px;

}

.vertical-header .blog-section.grid .blog-box .col-md-3 {

  padding: 0;

}

.vertical-header .blog-section.grid .pagination-list {

  padding: 60px 80px;

  margin: 0;

  background: #f2f2f2;

}

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

/* =  blog medium

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

.blog-section.medium .blog-box .blog-post {

  padding: 0;

  overflow: hidden;

}

.blog-section.medium .blog-box .blog-post img {

  float: left;

  width: 48%;

  margin: 0;

}

.blog-section.medium .blog-box .blog-post .flexslider {

  margin: 0 !important;

  width: 48%;

  float: left;

}

.blog-section.medium .blog-box .blog-post .flexslider img {

  width: 100%;

}

.blog-section.medium .blog-box .blog-post .post-content {

  width: 52%;

  float: right;

  padding: 20px;

  padding-right: 30px;

}

.blog-section.medium .blog-box .blog-post .post-content .date-post {

  padding-top: 0;

}

.blog-section.medium .blog-box .blog-post .post-content .post-content-text h2 {

  font-size: 15px;

  margin-bottom: 20px;

}

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

/* =  blog alternative

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

.blog-section.alternative {

  padding: 0;

  padding-bottom: 60px;

  background: transparent;

}

.blog-section.alternative .blog-box {

  margin-bottom: 20px;

  max-width: 100%;

}

.blog-section.alternative .blog-box .blog-post {

  margin: 0;

  border: none;

  background: #ffffff;

  padding: 1px;

}

.blog-section.alternative .blog-box .blog-post.big-size {

  width: 40%;

}

.blog-section.alternative .blog-box .blog-post.small-size {

  width: 20%;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post {

  position: relative;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post img {

  width: 100%;

  margin: 0;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box {

  position: absolute;

  bottom: 30px;

  left: 30px;

  right: 30px;

  overflow: hidden;

  z-index: 2;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .date-post {

  width: 60px;

  float: left;

  text-align: center;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .date-post span {

  display: block;

  color: #ffffff;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 2px;

  padding-bottom: 2px;

  border-bottom: 1px dotted #ffffff;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .date-post p {

  margin: 0;

  font-size: 15px;

  text-transform: uppercase;

  font-weight: 700;

  color: #ffffff;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title {

  margin-left: 100px;

  margin-top: 18px;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

  color: #ffffff;

  margin-bottom: 2px;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title h2 a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #ffffff;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title h2 a:hover {

  color: #f89406;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post .up-box .blog-title p {

  color: #ffffff;

  margin-bottom: 0;

}

.blog-section.alternative .blog-box .blog-post.big-size.img-post:after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(34, 34, 34, 0.3);

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l {

  overflow: hidden;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post {

  position: relative;

  width: 50%;

  float: left;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post img,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post img {

  width: 100%;

  margin: 0;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post .date-post,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post .date-post {

  position: absolute;

  top: 30px;

  right: 30px;

  z-index: 2;

  width: 60px;

  text-align: center;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post .date-post span,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post .date-post span {

  display: block;

  color: #ffffff;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 2px;

  padding-bottom: 2px;

  border-bottom: 1px dotted #ffffff;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post .date-post p,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post .date-post p {

  margin: 0;

  font-size: 15px;

  text-transform: uppercase;

  font-weight: 700;

  color: #ffffff;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post:before,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(34, 34, 34, 0.3);

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post:after,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post:after {

  content: '';

  width: 0;

  height: 0;

  position: absolute;

  top: 50%;

  right: 0px;

  margin-top: -26px;

  border: 26px solid #ffffff;

  border-left-color: transparent;

  border-top-color: transparent;

  border-bottom-color: transparent;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box {

  width: 50%;

  float: right;

  padding: 60px 40px 10px;

  position: relative;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box h2,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  margin-bottom: 30px;

  text-transform: uppercase;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box h2 a,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box h2 a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #222222;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box h2 a:hover,

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box h2 a:hover {

  color: #f89406;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post {

  float: right;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post .date-post {

  right: inherit;

  left: 30px;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post:after {

  right: inherit;

  left: 0;

  border-left-color: #ffffff;

  border-right-color: transparent;

}

.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box {

  float: left;

}

.blog-section.alternative .blog-box .blog-post.small-size .gal-post {

  position: relative;

}

.blog-section.alternative .blog-box .blog-post.small-size .gal-post img {

  width: 100%;

  margin: 0;

}

.blog-section.alternative .blog-box .blog-post.small-size .gal-post .date-post {

  position: absolute;

  bottom: 30px;

  left: 30px;

  z-index: 2;

  width: 60px;

  text-align: center;

}

.blog-section.alternative .blog-box .blog-post.small-size .gal-post .date-post span {

  display: block;

  color: #ffffff;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 2px;

  padding-bottom: 2px;

  border-bottom: 1px dotted #ffffff;

}

.blog-section.alternative .blog-box .blog-post.small-size .gal-post .date-post p {

  margin: 0;

  font-size: 15px;

  text-transform: uppercase;

  font-weight: 700;

  color: #ffffff;

}

.blog-section.alternative .blog-box .blog-post.small-size .gal-post:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(34, 34, 34, 0.3);

}

.blog-section.alternative .blog-box .blog-post.small-size .gal-post:after {

  content: '';

  width: 0;

  height: 0;

  position: absolute;

  left: 50%;

  bottom: 0px;

  margin-left: -26px;

  border: 26px solid #ffffff;

  border-left-color: transparent;

  border-top-color: transparent;

  border-right-color: transparent;

}

.blog-section.alternative .blog-box .blog-post.small-size .cont-box {

  padding: 60px 40px 10px;

}

.blog-section.alternative .blog-box .blog-post.small-size .cont-box h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  margin-bottom: 30px;

  text-transform: uppercase;

}

.blog-section.alternative .blog-box .blog-post.small-size .cont-box h2 a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #222222;

}

.blog-section.alternative .blog-box .blog-post.small-size .cont-box h2 a:hover {

  color: #f89406;

}

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

/* =  blog timeline

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

.blog-section.grid .blog-box.timeline {

  overflow: hidden;

  position: relative;

}

.blog-section.grid .blog-box.timeline .blog-post {

  margin-bottom: 40px;

  position: relative;

  z-index: 2;

  background: transparent;

  border: none;

}

.blog-section.grid .blog-box.timeline .blog-post .post-content {

  position: relative;

  background: #ffffff;

  border: 1px solid #f1f1f1;

  border-top: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.blog-section.grid .blog-box.timeline .blog-post .post-content span.timeline-point {

  position: absolute;

  top: 40px;

  display: inline-block;

  width: 26px;

  height: 26px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  border: 3px solid #f1f1f1;

  background: #ffffff;

}

.blog-section.grid .blog-box.timeline .blog-post .post-content span.timeline-point:after {

  position: absolute;

  content: '';

  top: 3px;

  left: 3px;

  bottom: 3px;

  right: 3px;

  border: 1px solid #f89406;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

}

.blog-section.grid .blog-box.timeline .blog-post.timeline-month {

  width: 100%;

  text-align: center;

  clear: both;

}

.blog-section.grid .blog-box.timeline .blog-post.timeline-month span {

  display: inline-block;

  margin: 0;

  color: #ffffff;

  font-size: 13px;

  font-weight: 900;

  

  text-transform: uppercase;

  padding: 14px 32px;

  background: #f89406;

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  border-radius: 24px;

}

.blog-section.grid .blog-box.timeline .blog-post.timeline-left {

  float: left;

  width: 50%;

  padding-right: 90px;

}

.blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content span.timeline-point {

  right: -104px;

}

.blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content:after {

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  border: 9px solid #ffffff;

  border-right-color: transparent;

  border-top-color: transparent;

  border-bottom-color: transparent;

  top: 40px;

  right: -18px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.blog-section.grid .blog-box.timeline .blog-post.timeline-right {

  float: right;

  width: 50%;

  padding-left: 90px;

}

.blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content span.timeline-point {

  left: -104px;

}

.blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content:after {

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  border: 9px solid #ffffff;

  border-left-color: transparent;

  border-top-color: transparent;

  border-bottom-color: transparent;

  top: 40px;

  left: -18px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.blog-section.grid .blog-box.timeline .blog-post:hover .post-content {

  background: transparent;

}

.blog-section.grid .blog-box.timeline .blog-post:hover .post-content:after {

  border-color: transparent;

}

.blog-section.grid .blog-box.timeline:after {

  content: '';

  position: absolute;

  width: 5px;

  height: 100%;

  background: #f1f1f1;

  top: 1px;

  left: 50%;

  margin-left: -2px;

}

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

/* =  sidebar

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

.sidebar {

  padding: 40px 0;

}

.sidebar .widget {

  margin-bottom: 36px;

}

.sidebar .widget h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  font-weight: 900;

  margin-bottom: 32px;

  text-transform: uppercase;

}

.sidebar .widget ul.category-list {

  margin: 0;

  padding: 0;

}

.sidebar .widget ul.category-list li {

  list-style: none;

  border: 1px solid #f0f0f0;

  border-top: none;

}

.sidebar .widget ul.category-list li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #999999;

  font-size: 12px;

  

  font-weight: 700;

  padding: 8px 20px;

  background: #ffffff;

  display: block;

  text-transform: uppercase;

}

.sidebar .widget ul.category-list li a span {

  float: right;

  color: #999999;

}

.sidebar .widget ul.category-list li a:hover {

  background: transparent;

  color: #f89406;

}

.sidebar .widget ul.category-list li:first-child {

  border-top: 1px solid #f1f1f1;

}

.sidebar .widget ul.flickr-list {

  margin: 0;

  padding: 0;

  overflow: hidden;

}

.sidebar .widget ul.flickr-list li {

  list-style: none;

  float: left;

  margin-right: 4px;

  margin-bottom: 4px;

}

.sidebar .widget ul.flickr-list li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.sidebar .widget ul.flickr-list li a:hover {

  opacity: 0.7;

}

.sidebar .widget .text-box {

  padding: 14px 20px 0;

  background: #ffffff;

  border: 1px solid #f0f0f0;

}

.sidebar .widget .text-box p {

  margin-bottom: 15px;

}

.sidebar .widget ul.tags-list {

  margin: 0;

  padding: 0;

}

.sidebar .widget ul.tags-list li {

  display: inline-block;

  margin-bottom: 3px;

}

.sidebar .widget ul.tags-list li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #999999;

  font-size: 13px;

  

  padding: 8px;

  background: #ffffff;

  border: 1px solid #f0f0f0;

}

.sidebar .widget ul.tags-list li a:hover {

  color: #ffffff;

  background: #222222;

  border: 1px solid #222222;

}

.sidebar .tab-posts-box {

  background: #ffffff;

  border: 1px solid #f0f0f0;

}

.sidebar .tab-posts-box ul.nav-tabs {

  text-align: center;

  border: none;

}

.sidebar .tab-posts-box ul.nav-tabs li {

  float: left;

  width: 33.33%;

  border: none;

}

.sidebar .tab-posts-box ul.nav-tabs li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  display: block;

  padding: 8px 3px;

  background: transparent;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -o-border-radius: 0px;

  border-radius: 0px;

  color: #999999;

  font-size: 11px;

  

  text-transform: uppercase;

  font-weight: 900;

  border: none;

  margin: 0;

}

.sidebar .tab-posts-box ul.nav-tabs li a:hover {

  border: none;

  color: #f89406;

}

.sidebar .tab-posts-box ul.nav-tabs li.active a {

  border: none;

  background: #f89406;

  color: #ffffff;

}

.sidebar .tab-posts-box .tab-pane {

  padding: 20px 0 0;

}

.sidebar .tab-posts-box .tab-pane ul.top-post-list {

  margin: 0;

  padding: 0;

}

.sidebar .tab-posts-box .tab-pane ul.top-post-list li {

  list-style: none;

  padding: 0 20px 20px;

  overflow: hidden;

}

.sidebar .tab-posts-box .tab-pane ul.top-post-list li img {

  float: left;

}

.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content {

  margin-left: 60px;

}

.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content span {

  display: block;

  margin: 0 0 5px;

  color: #aaaaaa;

  font-size: 11px;

  line-height: 11px;

  

  text-transform: uppercase;

  font-weight: 400;

}

.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content h2 {

  color: #222222;

  font-size: 15px;

  

  margin: 0 0 15px;

  color: #999999;

  font-size: 12px;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 14px;

  margin: 0;

}

.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content h2 a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #999999;

}

.sidebar .tab-posts-box .tab-pane ul.top-post-list li .top-post-content h2 a:hover {

  color: #f89406;

}

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

/* =  single post

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

.blog-post.single-post h1 {

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  letter-spacing: 2px;

}

.blog-post.single-post p {

  margin-bottom: 30px !important;

}

.blog-post.single-post blockquote {

  background: #f8f8f8;

  border-left: 2px solid #f89406;

  padding: 22px 26px 22px 48px;

  margin-bottom: 30px !important;

}

.blog-post.single-post blockquote p {

  margin: 0 !important;

  color: #222222;

  font-style: italic;

  font-size: 15px;

}

.blog-post.single-post .share-box {

  border-top: 1px solid #e0e0e0;

  padding-top: 30px;

  margin-bottom: 30px;

}

.blog-post.single-post .share-box span {

  display: inline-block;

  margin: 4px 0;

  

  color: #999999;

  text-transform: uppercase;

  font-size: 13px;

  font-weight: 700;

}

.blog-post.single-post .share-box ul.social-share {

  margin: 0;

  padding: 0;

  text-align: right;

}

.blog-post.single-post .share-box ul.social-share li {

  display: inline-block;

  margin: 0 1px;

  text-align: center;

}

.blog-post.single-post .share-box ul.social-share li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  width: 30px;

  height: 30px;

  line-height: 30px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  color: #ffffff;

  background: #222222;

}

.blog-post.single-post .share-box ul.social-share li a:hover {

  background: #f89406;

}

.blog-post.single-post .autor-post {

  overflow: hidden;

  background: #f8f8f8;

  margin-bottom: 40px;

}

.blog-post.single-post .autor-post img {

  width: auto;

  float: left;

  margin-bottom: 0;

}

.blog-post.single-post .autor-post .autor-content {

  padding: 30px;

  margin-left: 148px;

}

.blog-post.single-post .autor-post .autor-content h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  margin-bottom: 14px;

  text-transform: uppercase;

}

.blog-post.single-post .autor-post .autor-content p {

  margin-bottom: 0 !important;

}

.blog-post.single-post .comment-section {

  padding-left: 80px;

}

.blog-post.single-post .comment-section h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

  padding-bottom: 35px;

  border-bottom: 1px solid #e0e0e0;

  margin-bottom: 40px;

}

.blog-post.single-post .comment-section ul {

  margin: 0;

  padding: 0;

}

.blog-post.single-post .comment-section ul li {

  list-style: none;

}

.blog-post.single-post .comment-section ul li .comment-box {

  overflow: hidden;

  padding-bottom: 35px;

  border-bottom: 1px solid #f3f3f3;

  margin-bottom: 40px;

}

.blog-post.single-post .comment-section ul li .comment-box img {

  width: auto;

  float: left;

}

.blog-post.single-post .comment-section ul li .comment-box .comment-content {

  margin-left: 100px;

}

.blog-post.single-post .comment-section ul li .comment-box .comment-content h4 {

  color: #222222;

  font-size: 13px;

  

  font-weight: 900;

  text-transform: uppercase;

  margin: 0;

}

.blog-post.single-post .comment-section ul li .comment-box .comment-content h4 a {

  color: #222222;

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  float: right;

  font-size: 11px;

  font-weight: 400;

}

.blog-post.single-post .comment-section ul li .comment-box .comment-content h4 a:hover {

  color: #f89406;

}

.blog-post.single-post .comment-section ul li .comment-box .comment-content span {

  font-size: 13px;

  color: #999999;

  

  line-height: 20px;

  margin: 0 0 10px;

  font-size: 11px;

  display: inline-block;

  font-weight: 400;

  margin-bottom: 16px;

  text-transform: uppercase;

}

.blog-post.single-post .comment-section ul li .comment-box .comment-content p {

  margin: 0 !important;

}

.blog-post.single-post .comment-section ul.depth .comment-box {

  padding-left: 100px;

}

.blog-post.single-post .comment-section .comment-form {

  margin-bottom: 40px;

}

.blog-post.single-post .comment-section .comment-form h2 {

  padding-bottom: 0;

  border-bottom: none;

  margin-bottom: 30px;

}

.blog-post.single-post .comment-section .comment-form input[type="text"],

.blog-post.single-post .comment-section .comment-form textarea {

  width: 100%;

  display: block;

  padding: 12px;

  background: #f8f8f8;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  color: #999999;

  font-size: 13px;

  

  border: 1px solid #f1f1f1;

  outline: none;

  margin: 0 0 20px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.blog-post.single-post .comment-section .comment-form input[type="text"]:focus,

.blog-post.single-post .comment-section .comment-form textarea:focus {

  border: 1px solid #f89406;

}

.blog-post.single-post .comment-section .comment-form textarea {

  min-height: 125px;

  margin-bottom: 40px;

}

.blog-post.single-post .comment-section .comment-form input[type="submit"] {

  display: inline-block;

  outline: none;

  padding: 10px 34px;

  color: #f89406;

  font-size: 12px;

  

  background: transparent;

  text-transform: uppercase;

  font-weight: 700;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  border: 2px solid #f89406;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.blog-post.single-post .comment-section .comment-form input[type="submit"]:hover {

  background: #f89406;

  color: #ffffff;

}

.blog-post.single-post .comment-section .comment-form .submit-area {

  text-align: center;

}

.blog-post.single-post .comment-section .comment-form .message {

  height: 30px;

  font-size: 13px;

  

}

.blog-post.single-post .comment-section .comment-form .message.error {

  color: #e74c3c;

}

.blog-post.single-post .comment-section .comment-form .message.success {

  color: #f89406;

}

.page-banner-section.blog-banner2 {

  background: url('../images/pattern.png');

}

.page-banner-section.blog-banner2:after {

  display: none;

}

.blog-section.single2 {

  background: #ffffff;

  padding-top: 0;

}

.blog-section.single2 .blog-post.single-post .post-gal {

  position: relative;

  margin-bottom: 45px;

}

.blog-section.single2 .blog-post.single-post .post-gal img {

  width: 100%;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single {

  position: absolute;

  width: 100%;

  bottom: 40px;

  left: 0;

  z-index: 2;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container {

  position: relative;

  overflow: hidden;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .date-post {

  width: 60px;

  float: left;

  padding-top: 16px;

  text-align: center;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .date-post span {

  display: block;

  color: #ffffff;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 2px;

  padding-bottom: 2px;

  border-bottom: 1px dotted #fff;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .date-post p {

  margin: 0;

  text-transform: uppercase;

  font-weight: 700;

  color: #ffffff;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post {

  margin-left: 80px;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post h1 {

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  letter-spacing: 2px;

  margin-bottom: 0;

  color: #ffffff;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags {

  margin: 0;

  padding: 0;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li {

  display: inline-block;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #ffffff;

  font-size: 11px;

  

  text-transform: uppercase;

  font-weight: 900;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li a:hover {

  color: #f89406;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li:before {

  content: '/';

  color: #ffffff;

  font-size: 11px;

  

  text-transform: uppercase;

  font-weight: 900;

  margin-right: 3px;

}

.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags li:first-child:before {

  display: none;

  margin-right: 0;

}

.blog-section.single2 .blog-post.single-post .post-gal:after {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(34, 34, 34, 0.5);

}

.blog-section.single2 .blog-post.single-post .post-content {

  margin-left: 80px;

}

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

/* =  single project pages

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

.single-project-section {

  padding: 50px 0 70px;

}

.single-project-section .title-project h1 {

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  letter-spacing: 2px;

  margin-bottom: 40px;

}

.single-project-section .title-project h1 a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  float: right;

  width: 40px;

  height: 40px;

  border: 2px solid #f89406;

  text-align: center;

  line-height: 38px;

  color: #f89406;

  font-size: 14px;

  padding: 0;

  padding-left: 2px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

}

.single-project-section .title-project h1 a:hover {

  background: #f89406;

  color: #ffffff;

}

.single-project-section .project-gallery {

  position: relative;

}

.single-project-section .project-gallery a.likes {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  position: absolute;

  top: 20px;

  right: 20px;

  width: 60px;

  height: 40px;

  background: rgba(255, 255, 255, 0.7);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  text-align: center;

  line-height: 40px;

}

.single-project-section .project-gallery a.likes i {

  color: #222222;

  font-size: 14px;

  margin-right: 10px;

}

.single-project-section .project-gallery a.likes span {

  display: inline-block;

  color: #222222;

  font-size: 13px;

  

  margin: 0;

  font-weight: 900;

}

.single-project-section .project-gallery a:hover {

  opacity: 0.7;

}

.single-project-section .flexslider {

  margin-bottom: 40px !important;

}

.single-project-section .project-content h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

  margin-bottom: 20px;

}

.single-project-section .project-content p {

  margin-bottom: 8px;

}

.single-project-section .project-content p > a {

  color: #222222;

}

.single-project-section .project-content p a.url-link {

  color: #f89406;

  text-decoration: underline;

}

.single-project-section .project-content ul.share-project {

  margin: 0;

  padding: 0;

  display: inline-block;

}

.single-project-section .project-content ul.share-project li {

  display: inline-block;

  margin: 0 1px;

}

.single-project-section .project-content ul.share-project li span {

  display: inline-block;

  font-size: 13px;

  color: #999999;

  

  font-weight: 400;

  line-height: 20px;

  margin: 0 0 10px;

  margin: 0;

  margin-right: 10px;

}

.single-project-section .project-content ul.share-project li a {

  text-align: center;

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  width: 30px;

  height: 30px;

  line-height: 30px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  color: #ffffff;

  background: #222222;

}

.single-project-section .project-content ul.share-project li a:hover {

  background: #f89406;

}

.related-project-section {

  padding: 45px 0 65px;

  background: #f8f8f8;

}

.related-project-section .title-section {

  margin-bottom: 30px;

}

.related-project-section #owl-demo .project-post {

  width: 100%;

}

.related-project-section #owl-demo .project-post .hover-box {

  left: 10px;

  right: 10px;

  width: auto;

}

.related-project-section #owl-demo .item {

  padding: 0 10px;

}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span {

  background: #f89406;

  border: 1px solid #f89406;

}

.single-project-section.single-project2 {

  padding-top: 0;

}

.single-project-section.single-project2 .title-project {

  padding-bottom: 30px;

  border-bottom: 1px solid #c2c2c2;

  margin-bottom: 30px;

}

.single-project-section.single-project2 .title-project h1 {

  margin-bottom: 0;

}

.related-project-section.alternative {

  background: url('../images/pattern.png');

  border-bottom: 1px solid #414143;

  padding-bottom: 30px;

}

.related-project-section.alternative #owl-demo2 .project-post {

  width: 100%;

}

.related-project-section.alternative #owl-demo2 .project-post .hover-box {

  left: 10px;

  right: 10px;

  width: auto;

}

.related-project-section.alternative #owl-demo2 .item {

  padding: 0 10px;

}

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

/* =  error page

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

.error-section {

  padding: 20px 0;

  position: relative;

  background: url('../upload/banners/error.jpg') center fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  text-align: center;

}

.error-section span {

  display: inline-block;

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  font-size: 48px;

  color: #f89406;

  margin-bottom: 25px;

  letter-spacing: 4px;

}

.error-section h1 {

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  color: #ffffff;

  letter-spacing: 2px;

  border-bottom: 1px solid #ffffff;

  border-top: 1px solid #ffffff;

  max-width: 460px;

  margin: 0 auto 20px;

  line-height: 52px;

}

.error-section p {

  margin-bottom: 25px;

}

.error-section a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  border-color: #f89406;

  color: #f89406;

}

.error-section a:hover {

  color: #ffffff;

  background: #f89406;

}

.error-section .error-content {

  position: absolute;

  width: 100%;

  top: 50%;

  left: 0;

  margin-top: -130px;

  z-index: 2;

}

.error-section:after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(34, 34, 34, 0.8);

}

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

/* =  comming soone page

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

.comming-soon-section {

  padding: 80px 0;

  padding-top: 160px;

  position: relative;

  background: url('../upload/banners/coming-soon.jpg') center fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  text-align: center;

}

.comming-soon-section .comming-soon-content {

  position: relative;

  z-index: 2;

}

.comming-soon-section .comming-soon-content h1 {

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  color: #ffffff;

  margin-bottom: 8px;

  letter-spacing: 3px;

}

.comming-soon-section .comming-soon-content h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  color: #ffffff;

  text-transform: uppercase;

  margin-bottom: 25px;

  letter-spacing: 2px;

}

.comming-soon-section .comming-soon-content p {

  margin-bottom: 60px;

}

.comming-soon-section .comming-soon-content form.subscribe input[type="text"] {

  width: 300px;

  padding: 10px;

  background: transparent;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  color: #ffffff;

  font-size: 13px;

  

  border: 1px solid #ffffff;

  outline: none;

  margin: 0 10px 20px 0;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.comming-soon-section .comming-soon-content form.subscribe input[type="submit"] {

  display: inline-block;

  outline: none;

  padding: 10px 35px;

  color: #f89406;

  font-size: 12px;

  

  background: transparent;

  text-transform: uppercase;

  font-weight: 700;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  border: 2px solid #f89406;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  letter-spacing: 1.7px;

}

.comming-soon-section .comming-soon-content form.subscribe input[type="submit"]:hover {

  background: #f89406;

  color: #ffffff;

}

.comming-soon-section:after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: url('../images/pattern.png');

  opacity: 0.8;

}

#clock {

  margin-bottom: 40px;

}

#clock .comming-part {

  text-align: center;

  padding: 50px 20px 50px;

  border: 1px solid #999999;

  margin-bottom: 20px;

}

#clock .comming-part span {

  display: block;

  color: #222222;

  font-size: 30px;

  

  font-weight: 900;

  margin: 0 0 30px;

  text-transform: uppercase;

  color: #f89406;

  font-size: 48px;

  margin-bottom: 0px;

}

#clock .comming-part p {

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 700;

  margin-bottom: 0;

}

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

/* =  faq's page

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

.faqs-section {

  padding: 40px 0 60px;

  overflow: hidden;

}

.accord-elem {

  margin-top: 8px;

}

.accord-elem:first-child {

  margin-top: 0px;

}

.accord-title {

  position: relative;

}

.accord-title h2 {

  padding: 16px 20px;

  background: #f7f7f7;

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  margin-bottom: 0;

  margin-left: 52px;

  border: 1px solid #eeeeee;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.accord-title a.accord-link {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  position: absolute;

  width: 52px;

  height: 50px;

  top: 0;

  left: 0;

  text-align: center;

  background: #ffffff;

  border: 1px solid #eeeeee;

  border-right: none;

}

.accord-title a.accord-link:after {

  font-family: 'FontAwesome';

  content: '\f0a9';

  font-size: 18px;

  color: #333333;

  line-height: 49px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.accord-title p {

  font-size: 13px;

  color: #999999;

  

  font-weight: 400;

  line-height: 20px;

  margin: 0 0 10px;

  margin: 12px 0 12px 72px;

}

.accord-elem.active .accord-title h2 {

  color: #ffffff;

  border: 1px solid #f89406;

  background: #f89406;

}

.accord-elem.active a.accord-link {

  background: #333333;

  border: 1px solid #333333;

  border-right: none;

}

.accord-elem.active a.accord-link:after {

  content: '\f0ab';

  color: #ffffff;

}

.accord-content {

  display: none;

  padding-left: 72px;

  overflow: hidden;

}

.accord-content p {

  font-size: 13px;

  color: #999999;

  

  font-weight: 400;

  line-height: 20px;

  margin: 0 0 10px;

  margin: 12px 0;

}

.accord-elem.active .accord-content {

  display: block;

}

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

/* =  typography page

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

.typography-section {

  padding: 40px 0;

}

.typography-section h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

}

.typography-section .mar-bottom {

  margin-bottom: 50px;

}

.typography-section .title-section {

  margin-bottom: 20px;

}

blockquote.quote {

  background: #f8f8f8;

  border-left: 2px solid #f89406;

  padding: 22px 26px 22px 48px;

  margin-bottom: 30px !important;

}

blockquote.quote p {

  margin: 0 !important;

  color: #222222;

  font-style: italic;

  font-size: 15px;

}

blockquote.quote2 {

  background: #f8f8f8;

  border-top: 2px solid #f89406;

  border-left: none;

  padding: 22px 26px 22px 48px;

  margin-bottom: 30px !important;

}

blockquote.quote2 p {

  margin: 0 !important;

  color: #222222;

  font-style: italic;

  font-size: 15px;

}

blockquote.quote3 {

  background: #f8f8f8;

  border-left: none;

  padding: 22px 26px 22px 48px;

  margin-bottom: 30px !important;

}

blockquote.quote3 p {

  margin: 0 !important;

  color: #222222;

  font-style: italic;

  font-size: 15px;

}

blockquote.quote4 {

  border-left: none;

  padding: 22px 26px 22px 48px;

  margin-bottom: 30px !important;

}

blockquote.quote4 p {

  margin: 0 !important;

  color: #222222;

  font-style: italic;

  font-size: 15px;

}

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

/* =  Tabs & accordion page

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

.tabs-accord-section {

  padding: 60px 0;

}

.tabs-accord-section .tab-posts-box {

  background: #ffffff;

  margin-bottom: 40px;

}

.tabs-accord-section .tab-posts-box ul.nav-tabs {

  text-align: center;

  border: none;

}

.tabs-accord-section .tab-posts-box ul.nav-tabs li {

  float: left;

  border: none;

}

.tabs-accord-section .tab-posts-box ul.nav-tabs li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  display: block;

  padding: 8px 20px;

  background: transparent;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -o-border-radius: 0px;

  border-radius: 0px;

  color: #999999;

  font-size: 11px;

  

  text-transform: uppercase;

  font-weight: 900;

  border: none;

  margin: 0;

}

.tabs-accord-section .tab-posts-box ul.nav-tabs li a:hover {

  border: none;

  color: #f89406;

}

.tabs-accord-section .tab-posts-box ul.nav-tabs li.active a {

  border: none;

  background: #f89406;

  color: #ffffff;

}

.tabs-accord-section .tab-posts-box .tab-pane {

  padding: 20px;

  border: 1px solid #f1f1f1;

  overflow: hidden;

}

.tabs-accord-section .tab-posts-box .tab-pane h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

}

.tabs-accord-section .tab-posts-box .tab-pane img {

  float: right;

  margin-left: 20px;

  max-width: 400px;

}

.tabs-accord-section .tab-posts-box .tab-pane img.left-order {

  float: left;

  margin-left: 0;

  margin-right: 20px;

}

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

/* =  Footer

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

footer {

  background: url('../images/pattern.png');

  padding-top: 50px;

  text-align: center;

}

footer h2 {

  color: #222222;

  font-size: 15px;

  

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

  color: #ffffff;

  margin-bottom: 50px;

  letter-spacing: 1px;

}

footer ul.social-list {

  margin: 0;

  padding: 0;

  margin-bottom: 35px;

}

footer ul.social-list li {

  display: inline-block;

  margin: 0 4px;

}

footer ul.social-list li a {

  display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  width: 40px;

  height: 40px;

  line-height: 40px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  color: #ffffff;

  background: #f89406;

}

footer ul.social-list li a:hover {

  background: #ffffff;

  color: #222222;

}

footer p.copyright {

  padding: 25px 0;

  border-top: 1px dotted #717173;

  text-transform: uppercase;

  font-size: 12px;

  margin: 0;

}

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

/* =  Responsive Part

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

@media (max-width: 1900px) {

  .vertical-header header {

    padding-top: 100px;

  }

  .vertical-header header .logo {

    margin-bottom: 40px;

  }

  .vertical-header .page-banner-section {

    padding: 70px 85px 70px 25px;

  }

}

@media (max-width: 1500px) {

  .portfolio-box .project-post,

  .portfolio-section.black-style .portfolio-box.fullwidth .project-post,

  .blog-section.masonry .blog-box.fullwidth .blog-post {

    width: 25%;

  }

  .portfolio-section.grid-style .portfolio-box.fullwidth .project-post,

  .portfolio-section.vertical-style .portfolio-box.fullwidth .project-post {

    width: 33.33%;

  }

  .portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {

    width: 20%;

  }

  .portfolio-section.alt-style .portfolio-box .project-post .hover-box .inner-hover {

    top: 15px;

    padding: 0 15px;

  }

  .portfolio-section.alt-style .portfolio-box .project-post .hover-box a {

    margin-top: -20px;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

  }

  .portfolio-section.alt-style .portfolio-box .project-post .hover-box a i {

    font-size: 15px;

  }

  .portfolio-section.alt-style .portfolio-box .project-post .hover-box a.zoom {

    margin-left: -70px;

  }

  .portfolio-section.alt-style .portfolio-box .project-post .hover-box a.link {

    margin-left: -20px;

  }

  .portfolio-section.alt-style .portfolio-box .project-post .hover-box a.like {

    margin-left: 30px;

  }

  .blog-section.alternative .blog-box .blog-post.small-size {

    width: 25%;

  }

  .blog-section.alternative .blog-box .blog-post.big-size {

    width: 50%;

  }

}

@media (max-width: 1199px) {

  .portfolio-box .project-post,

  .portfolio-section.black-style .portfolio-box.fullwidth .project-post,

  .blog-section.masonry .blog-box.fullwidth .blog-post {

    width: 33.33%;

  }

  .portfolio-section.grid-style .portfolio-box.fullwidth .project-post {

    width: 50%;

  }

  .portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {

    width: 25%;

  }

  .portfolio-section.alt-style .portfolio-box .project-post,

  .portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post {

    width: 25%;

  }

  .portfolio-section.alt-style .portfolio-box .project-post.snd-size,

  .portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post.snd-size,

  .portfolio-section.vertical-style .portfolio-box.col3 .project-post,

  .portfolio-section.vertical-style .portfolio-box.fullwidth .project-post {

    width: 50%;

  }

  .vertical-header .container {

    max-width: 100%;

  }

  .blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box,

  .blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box,

  .blog-section.alternative .blog-box .blog-post.small-size .cont-box {

    padding: 10px 10px;

  }

  .error-section,

  .comming-soon-section {

    min-height: inherit !important;

    padding: 100px 0;

  }

  .error-section .error-content {

    position: relative;

    top: inherit;

    left: inherit;

    margin-top: 0;

  }

   .content-tab .tab-cont {

    width: 50%;

  }

  .double-section .transparent-section,

  .double-section .non-transparent-section {

    width: 50%;

  }

  .double-section .non-transparent-section .inner-non-transparent-section,

  .double-section .transparent-section .inner-transparent-section {

    width: 440px;

  }

}

@media (max-width: 991px) {

  header .navbar-nav > li > a {

    padding-left: 10px !important;

    padding-right: 10px !important;

  }

  .portfolio-box .project-post {

    width: 50%;

  }

  #statistic-section .statistic-post {

    margin-bottom: 36px;

  }

  .page-banner-section {

    text-align: center;

  }

  .page-banner-section ul {

    text-align: center;

  }

  .portfolio-section.grid-style .portfolio-box,

  .portfolio-section.masonry-style .portfolio-box {

    width: 740px;

    margin-left: -10px;

  }

  .portfolio-section.grid-style .portfolio-box .project-post,

  .portfolio-section.masonry-style .portfolio-box .project-post {

    width: 350px;

  }

  .portfolio-section.grid-style .portfolio-box.col3 .project-post {

    width: 350px;

  }

  .portfolio-section.masonry-style .portfolio-box.col4 .project-post {

    width: 226px;

  }

  .portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {

    width: 33.33%;

  }

  .portfolio-section.alt-style .portfolio-box .project-post,

  .portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post,

  .portfolio-section.black-style .portfolio-box.col3 .project-post,

  .portfolio-section.black-style .portfolio-box.fullwidth .project-post,

  .blog-section.masonry .blog-box.fullwidth .blog-post {

    width: 50%;

  }

  .portfolio-section.alt-style .portfolio-box .project-post.snd-size,

  .portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post.snd-size,

  .portfolio-section.alt-style.white-style .portfolio-box .project-post.snd-size {

    width: 100%;

  }

  .portfolio-section.alt-style.white-style .portfolio-box .project-post {

    width: 50%;

  }

  .vertical-header header {

    position: relative;

    width: 100%;

    max-width: 100%;

    height: auto !important;

    padding-top: 0;

  }

  .vertical-header header .logo {

    text-align: center;

    padding: 10px 5px 0px;

    margin-bottom: 0;

  }

  .vertical-header nav.menu {

    max-height: 250px;

    overflow-y: scroll;

    overflow-x: hidden;

    display: none;

    text-align: center;

  }

  .vertical-header nav.menu > li > a {

    margin-bottom: 10px;

    padding: 0;

  }

  .vertical-header header nav ul li.drop ul.dropdown,

  .vertical-header header nav ul li.drop div.ver-megadropdown {

    position: relative;

    text-align: center;

    top: 0;

    left: 0;

    width: 100%;

    visibility: visible;

    opacity: 1;

    border: none;

    padding: 0;

  }

  .vertical-header header nav ul li.drop ul.dropdown li a,

  .vertical-header header nav ul li.drop div.ver-megadropdown li a {

    background: transparent;

    text-align: center;

    border: none;

    padding: 8px 25px;

  }

  .vertical-header header nav ul li.drop div.ver-megadropdown ul {

    width: 100%;

  }

  .vertical-header header nav ul li.drop div.ver-megadropdown li {

    float: none;

    display: block;

    margin: 0;

    width: 100%;

  }

  .vertical-header header nav ul li.drop div.ver-megadropdown li a {

    padding: 0;

  }

  .vertical-header a.elemadded {

    display: block;

  }

  .vertical-header #content {

    margin-left: 0;

  }

  .vertical-header .page-banner-section {

    padding: 40px 15px 40px 15px;

  }

  .blog-section.standard:before {

    display: none;

  }

  .blog-section.standard .blog-box {

    background: transparent;

    padding-right: 0;

  }

  .blog-section.grid .blog-box.timeline .blog-post.timeline-left {

    padding-right: 40px;

  }

  .blog-section.grid .blog-box.timeline .blog-post.timeline-right {

    padding-left: 40px;

  }

  .blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content span.timeline-point {

    right: -54px;

  }

  .blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content span.timeline-point {

    left: -54px;

  }

  .blog-section.masonry .blog-box {

    width: 740px;

  }

  .blog-section.masonry .blog-box .blog-post {

    width: 350px;

  }

  .vertical-header .blog-section.masonry .blog-box .blog-post {

    width: 340px;

  }

  .blog-section.alternative .blog-box .blog-post.small-size {

    width: 100%;

  }

  .blog-section.alternative .blog-box .blog-post.big-size {

    width: 100%;

  }

  .blog-section.alternative .blog-post .cont-box {

    min-height: inherit !important;

  }

  .blog-section.single2 .blog-post.single-post .post-gal .hover-single {

    bottom: 10px;

  }

  .blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post h1 {

    font-size: 15px;

  }

  .blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .date-post,

  .blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags {

    display: none;

  }

  .blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post,

  .blog-section.single2 .blog-post.single-post .post-content {

    margin-left: 0;

  }

  .error-section,

  .comming-soon-section {

    padding: 50px 0;

  }

   .content-tab .tab-cont {

    width: 100%;

  }

   .content-tab .tab-cont div {

    width: 720px;

    margin: 0 auto;

    float: none;

  }

  .double-section .transparent-section,

  .double-section .non-transparent-section {

    width: 100%;

  }

  .double-section .non-transparent-section .inner-non-transparent-section,

  .double-section .transparent-section .inner-transparent-section {

    float: none !important;

    width: 720px;

    margin: 0 auto;

    padding-right: 0 !important;

    padding-left: 0 !important;

  }

}

@media (max-width: 767px) {

  .navbar-default .navbar-toggle {

    margin-top: 19px;

  }

  header.active .navbar-default .navbar-toggle {

    margin-top: 19px;

  }

  header .navbar-nav > li > a {

    padding: 4px 15px !important;

    color: #222222 !important;

  }

  header.trans .navbar-default {

    background: rgba(255, 255, 255, 0.95);

  }

  header.trans .navbar-brand {

    color: #222222 !important;

    padding: 25px 15px;

  }

  header.trans .navbar-nav > li > a {

    color: #999999 !important;

  }

  header.trans .navbar-nav a.open-search {

    display: none;

  }

  header.trans .navbar-nav > li > a:hover,

  header.trans .navbar-nav > li > a.active {

    color: #f89406 !important;

  }

  .megadrop-down {

    position: relative;

    visibility: visible;

    opacity: 1;

    top: inherit;

    left: inherit;

    background: transparent;

    padding: 5px 25px;

    box-shadow: none !important;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    -o-box-shadow: none !important;

  }

  .megadrop-down .dropdown h2 {

    display: none;

  }

  .megadrop-down .dropdown ul li {

    padding-bottom: 0px;

  }

  .megadrop-down .dropdown ul li a {

    padding-bottom: 9px;

  }

  .megadrop-down .dropdown a.comming {

    display: none;

  }

  #portfolio-section ul.filter li {

    margin: 0 5px 4px;

  }

  #clients-section .clients-box ul.client-list li {

    width: 33.33%;

  }

  .portfolio-section.grid-style .portfolio-box,

  .portfolio-section.masonry-style .portfolio-box {

    width: 100%;

    margin-left: 0;

  }

  .portfolio-section.grid-style .portfolio-box .project-post,

  .portfolio-section.masonry-style .portfolio-box .project-post {

    width: 100%;

    margin: 10px 0;

  }

  .portfolio-section.grid-style .portfolio-box.col3 .project-post {

    width: 100%;

  }

  .portfolio-section.grid-style .portfolio-box.fullwidth .project-post {

    width: 100%;

  }

  .portfolio-section.masonry-style .portfolio-box.col4 .project-post {

    width: 100%;

  }

  .portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {

    width: 50%;

  }

  .portfolio-section.alt-style .portfolio-box .project-post,

  .portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post,

  .portfolio-section.alt-style.white-style .portfolio-box .project-post {

    width: 100%;

  }

  .portfolio-section.alt-style.white-style-fullwidth .portfolio-box {

    margin-left: 5px;

    margin-right: 5px;

  }

  .portfolio-section.black-style .portfolio-box .project-post,

  .portfolio-section.black-style .portfolio-box.col3 .project-post,

  .portfolio-section.black-style .portfolio-box.fullwidth .project-post,

  .portfolio-section.vertical-style .portfolio-box .project-post,

  .portfolio-section.vertical-style .portfolio-box.col3 .project-post,

  .portfolio-section.vertical-style .portfolio-box.fullwidth .project-post,

  .blog-section.masonry .blog-box.fullwidth .blog-post {

    width: 100%;

  }

  .blog-section .blog-box .blog-post .post-content .date-post {

    display: none;

  }

  .blog-section .blog-box .blog-post .post-content .post-content-text,

  .blog-section.standard .blog-box .blog-post .post-content {

    margin-left: 0;

  }

  .blog-section .blog-box .blog-post .post-content .post-content-text h2 {

    font-size: 16px;

    margin-bottom: 15px;

  }

  .blog-section.standard .blog-box .blog-post .date-post {

    display: none;

  }

  .blog-section.grid .blog-box.timeline .blog-post.timeline-left {

    padding-right: 0px;

    width: 100%;

    float: none;

  }

  .blog-section.grid .blog-box.timeline .blog-post.timeline-right {

    padding-left: 0px;

    width: 100%;

    float: none;

  }

  .blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content span.timeline-point {

    display: none;

  }

  .blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content span.timeline-point {

    display: none;

  }

  .blog-section.grid .blog-box.timeline:after {

    display: none;

  }

  .blog-section.masonry .blog-box {

    width: 100%;

    margin-left: 0;

  }

  .blog-section.masonry .blog-box .blog-post {

    width: 100%;

    margin: 10px 0;

  }

  .blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post,

  .blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post,

  .blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box,

  .blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box {

    float: none;

    width: 100%;

  }

  .blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post:before,

  .blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post:before {

    display: none;

  }

  .blog-section.medium .blog-box .blog-post img,

  .blog-section.medium .blog-box .blog-post .post-content,

  .blog-section.medium .blog-box .blog-post .flexslider {

    float: none;

    width: 100%;

  }

  .vertical-header .blog-section.masonry .blog-box .blog-post {

    width: 100%;

  }

  .blog-post.single-post .comment-section {

    padding-left: 0;

  }

  .blog-post.single-post .comment-section ul.depth .comment-box {

    padding-left: 0;

  }

  .blog-post.single-post h1 {

    font-size: 16px;

  }

  .blog-section.single2 .blog-post.single-post .post-gal img {

    min-height: 150px;

  }

  .accord-content {

    padding-left: 0;

  }

  .accord-title p {

    margin-left: 0;

  }

  .tabs-accord-section .tab-posts-box .tab-pane img {

    float: none;

    margin: 0 0 20px;

    max-width: 100%;

  }

   .content-tab .tab-cont div {

    width: 100%;

    margin: 0 15px;

  }

  .double-section .non-transparent-section .inner-non-transparent-section,

  .double-section .transparent-section .inner-transparent-section {

    float: none !important;

    width: 100%;

    max-width: 100%;

    padding: 0 15px !important;

  }

}

@media (max-width: 500px) {

   .team-post .team-member img {

    float: none !important;

    width: 100%;

  }

   .team-post .team-member {

    margin-bottom: 30px;

  }

   .team-post .team-member .member-content {

    margin: 0 !important;

  }

  .portfolio-box .project-post {

    width: 100%;

  }

  .portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {

    width: 100%;

  }

  .blog-post.single-post .autor-post img {

    float: none;

    width: 100%;

  }

  .blog-post.single-post .autor-post .autor-content {

    margin-left: 0;

  }

}