Team:EPFL/stylecss - Google Search

/*-------------------------------------------------------*/ /* General /*-------------------------------------------------------*/ .clearfix {

 *zoom: 1;

}

.clearfix:before, .clearfix:after {

 display: table;
 line-height: 0;
 content: "";

}

.clearfix:after {

 clear: both;

}

.clear {

 clear: both;

}

.oh {

 overflow: hidden;

}

.relative {

 position: relative;

}

.section-wrap, .section-wrap-mp {

 padding: 150px 0;
 overflow: hidden;
 background-attachment: fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;

}

.section-wrap-mp {

 padding: 100px 0;

}

.color-white {

 color: #fff !important;

}

.left {

 float: left;

}

.right {

 float: right;

}

.bg-light {

 background-color: #f7f7f7;

}

.bg-dark {

 background-color: #242424;

}

.last {

 margin-bottom: 0 !important;

}

-moz-selection {

 color: #fff;
 background: #000;

}

-webkit-selection {

 color: #fff;
 background: #000;

}

selection {

 color: #fff;
 background: #000;

}

a {

 text-decoration: none;
 color: #bfa67a;
 outline: none;
 -webkit-transition: color 0.2s ease-in-out;
 -moz-transition: color 0.2s ease-in-out;
 -ms-transition: color 0.2s ease-in-out;
 -o-transition: color 0.2s ease-in-out;
 transition: color 0.2s ease-in-out;

} a:hover, a:focus {

 text-decoration: none;
 color: #7a7a7a;
 outline: none;

}

focus {

 outline: none;

}

ul {

 list-style: none;
 margin: 0;
 padding: 0;

}

body {

 margin: 0;
 padding: 0;
 font-family: "Pt Serif", serif;
 color: #7a7a7a;
 font-size: 15px;
 line-height: 1.5;
 font-smoothing: antialiased;
 -webkit-font-smoothing: antialiased;
 background: #fff;
 outline: 0;
 overflow-x: hidden;
 overflow-y: auto;

}

video {

 height: 100%;
 width: 100%;

}

body img {

 border: none;
 max-width: 100%;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none;

}

h1, h2, h3, h4, h5, h6 {

 font-family: "Montserrat", sans-serif;
 margin-top: 0;
 text-transform: uppercase;
 color: #111;
 letter-spacing: 0.05em;
 font-weight: 700;

}

h1 {

 font-size: 28px;

}

h2 {

 font-size: 24px;

}

h3 {

 font-size: 21px;

}

h4 {

 font-size: 20px;

}

h5 {

 font-size: 18px;

}

h6 {

 font-size: 15px;

}

p {

 font-size: 15px;
 color: #7a7a7a;
 font-weight: normal;
 line-height: 25px;

}

.subheading {

 font-family: "Pt Serif", serif;
 font-size: 16px;
 font-style: italic;

}

.heading {

 margin-bottom: 60px;

}

.bottom-line:after {

 content: "";
 display: block;
 width: 48px;
 border-bottom: 3px solid #e8e8e8;
 margin: 15px auto 15px;

}

/*-------------------------------------------------------*/ /* Preloader /*-------------------------------------------------------*/ .loader-mask {

 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #fff;
 z-index: 99999;

}

.loader {

 position: absolute;
 left: 50%;
 top: 50%;
 font-size: 5px;
 width: 5em;
 height: 5em;
 margin: -25px 0 0 -25px;
 text-indent: -9999em;
 border-top: 0.5em solid #121212;
 border-right: 0.5em solid rgba(245, 245, 245, 0.5);
 border-bottom: 0.5em solid rgba(245, 245, 245, 0.5);
 border-left: 0.5em solid rgba(245, 245, 245, 0.5);
 -webkit-transform: translateZ(0);
 -ms-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-animation: load8 1.1s infinite linear;
 animation: load8 1.1s infinite linear;

}

.loader, .loader:after {

 -webkit-border-radius: 50%;
 border-radius: 50%;
 width: 10em;
 height: 10em;

}

@-webkit-keyframes load8 {

 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }

} @keyframes load8 {

 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }

} /*-------------------------------------------------------*/ /* Navigation Onepage /*-------------------------------------------------------*/ .nav-type-1 .container-fluid {

 padding: 0 50px;

}

.navbar {

 margin-bottom: 0;
 border: none;
 min-height: 60px;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 z-index: 1200;

}

.navbar-nav {

 margin: 0;
 float: none;
 display: inline-block;

}

.navbar-nav > li > a {

 font-family: "Montserrat", sans-serif;
 text-transform: uppercase;
 padding: 0 20px;
 line-height: 90px;
 color: #fff;
 font-size: 13px;
 letter-spacing: 0.02em;
 font-weight: bold;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

}

.navigation-overlay {

 background-color: rgba(17, 17, 17, 0.5);
 width: 100%;
 line-height: 0;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .navigation-overlay.sticky {

 background-color: #111111;
 visibility: visible;
 opacity: 1;

} .navigation-overlay.sticky .navbar-nav > li > a, .navigation-overlay.sticky .menu-socials li > a {

 line-height: 60px;

}

.navbar-header {

 width: 10%;
 padding-right: 15xp;

}

.nav-wrap {

 width: 75%;

}

.menu-socials {

 width: 15%;
 float: right;
 padding: 0 15px;

} .menu-socials ul {

 float: right;

} .menu-socials li {

 display: inline-block;

} .menu-socials li > a {

 font-size: 16px;
 line-height: 90px;
 margin-left: 22px;
 color: #fff;
 border-bottom: 1px solid #fff;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .menu-socials li > a:hover {

 border-color: #bfa67a;

}

.logo-container {

 padding: 0 15px;
 float: left;

}

.logo-wrap {

 display: table;
 width: 100%;

} .logo-wrap > a {

 display: table-cell;
 vertical-align: middle;
 height: 90px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .logo-wrap.shrink > a {

 height: 60px;

} .logo-wrap img {

 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 height: 66px;

} .logo-wrap.shrink img {

 height: 48px;

}

.navbar-collapse.in {

 overflow-x: hidden;

}

.navbar-nav > li > a:hover, .navbar-nav > .active > a, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover, .menu-socials li > a:hover {

 opacity: 1;
 color: #bfa67a !important;

}

.navbar-collapse {

 padding: 0;
 border-top: none;

}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav > li > a:hover {

 background-color: transparent;
 text-decoration: none;
 border-color: #f2f2f2;

}

@media (max-width: 991px) {

 .navigation-overlay,
 .navigation-overlay.sticky {
   background-color: rgba(17, 17, 17, 0.9);
 }

 .nav-wrap {
   width: 100%;
   padding: 0;
   min-height: 0;
 }

 .nav-type-1 .container-fluid {
   padding: 0 15px;
 }

 .navbar-header {
   width: 100%;
   padding-right: 0;
 }

 .logo-wrap img {
   height: 48px;
 }

 .logo-wrap > a {
   height: 60px;
 }

 .navbar-nav {
   width: 100%;
   padding: 40px 0;
 }

 .navigation-overlay.sticky .navbar-nav > li > a,
 .navigation-overlay .navbar-nav > li > a {
   padding: 10px 0;
   line-height: 30px;
 }

} /* Navigation Toggle

---

*/

.navbar-toggle {

 margin-top: 13px;
 border: none;
 z-index: 50;
 margin-right: 5px;

} .navbar-toggle .icon-bar {

 background-color: #fff;
 width: 18px;

} .navbar-toggle:focus, .navbar-toggle:hover {

 background-color: transparent;

} .navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar {

 background-color: #f2f2f2;

}

/*Go to Top*/

1. back-to-top {

 display: block;
 z-index: 500;
 width: 40px;
 height: 40px;
 text-align: center;
 font-size: 22px;
 position: fixed;
 bottom: -40px;
 right: 20px;
 line-height: 35px;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -ms-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
 background-color: #fff;
 text-decoration: none;
 box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);

}

1. back-to-top i {

 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -ms-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;

}

1. back-to-top a {

 width: 40px;
 height: 40px;
 display: block;
 color: #111;

}

1. back-to-top.show {

 bottom: 20px;

}

1. back-to-top:hover {

 background-color: #111;

}

1. back-to-top:hover i {

 color: #fff;

}

/*-------------------------------------------------------*/ /* Navigation Multi-Page /*-------------------------------------------------------*/

/* ADDED BY DIMITRI */ ul.navlist { list-style-type:none ; margin: 0 ; padding: 0 ; overflow: hidden ; }

ul.navlist li{ display: block ; }

1. nav1 {

/*clear:right ; */ }

ul.dropdown-menu li.active { text-color: #E3CE2D; }

/* END OF SECTION ADDED BY DIMITRI */

.nav-type-2 .navbar {

 min-height: 90px;

} .nav-type-2 .nav-wrap {

 width: 80%;

} .nav-type-2 .navbar-nav > li > a {

 padding: 0 15px;

} .nav-type-2 .navbar-toggle:focus .icon-bar, .nav-type-2 .navbar-toggle:hover .icon-bar {

 background-color: #111;

} .nav-type-2 .navbar-nav > li > a {

 color: #111;
 -webkit-transition: color 0.3s ease-in-out;
 -moz-transition: color 0.3s ease-in-out;
 -ms-transition: color 0.3s ease-in-out;
 -o-transition: color 0.3s ease-in-out;
 transition: color 0.3s ease-in-out;

}

.nav-type-2 .navbar-toggle .icon-bar, .nav-type-4 .navbar-toggle .icon-bar {

 background-color: #7a7a7a;

}

.navigation.offset {

 -webkit-transform: translate3d(0, -300px, 0);
 -moz-transform: translate3d(0, -300px, 0);
 -ms-transform: translate3d(0, -300px, 0);
 -o-transform: translate3d(0, -300px, 0);
 transform: translate3d(0, -300px, 0);
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .navigation.sticky {

 position: fixed;
 background-color: #fff;
 visibility: hidden;
 opacity: 0;
 width: 100%;
 height: 60px;
 top: 0;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 z-index: 1009;

} .navigation.scrolling {

 -webkit-transform: translate3d(0, 0px, 0);
 -moz-transform: translate3d(0, 0px, 0);
 -ms-transform: translate3d(0, 0px, 0);
 -o-transform: translate3d(0, 0px, 0);
 transform: translate3d(0, 0px, 0);

} .navigation.sticky.scrolling {

 opacity: 1;
 visibility: visible;

} .navigation.sticky .navbar-nav > li > a {

 line-height: 60px;

}

.navbar-nav .dropdown-menu {

 left: 0;

} .navbar-nav .dropdown-menu.menu-right {

 left: auto;
 right: 0;

}

.dropdown-menu {

 min-width: 200px;
 margin: 0;
 padding: 10px 0;
 border-top: 3px solid #bfa67a;
 border-left: 1px solid #ebebeb;
 border-right: 1px solid #ebebeb;
 border-bottom: none;
 -webkit-border-radius: 0;
 border-radius: 0;
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

} .dropdown-menu > li > a {

 padding: 10px 20px;
 font-size: 13px;
 color: #7a7a7a;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 font-weight: 500;

} .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {

 background-color: transparent;
 /*color: #bfa67a;     Edited by Dimitri*/ 

} .dropdown-menu .megamenu-wrap ul > li > a {

 display: block;
 clear: both;
 font-weight: 500;
 line-height: 1.42857143;
 color: #7a7a7a;
 white-space: nowrap;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

}

.dropdown-submenu > a:after {

 font-family: "FontAwesome";
 position: absolute;
 content: "\f105";
 right: 15px;
 color: #7a7a7a;

}

.dropdown-menu, .dropdown-submenu > .dropdown-menu {

 display: block;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;

}

.dropdown:hover > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {

 opacity: 1;
 visibility: visible;

}

.navbar .dropdown-menu {

 margin-top: 0;

}

.dropdown-submenu {

 position: relative;

} .dropdown-submenu .dropdown-menu {

 top: 0;
 left: 100%;
 margin-top: -2px;

}

/* Menu Search

---

*/

.navbar-nav > li > a.nav-search {

 position: relative;
 display: block-inline;
 margin: 38px 0 37px;
 width: 15px;
 height: 15px;
 padding-left: 10px;
 font-size: 10; 

}

.navigation.sticky .navbar-nav > li > a.nav-search {

 margin: 23px 0 22px;

}

.search-wrap {

 width: 100%;
 height: 100%;
 overflow: hidden;
 display: none;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 20;

} .search-wrap .form-control {

 height: 100%;
 border: none;
 font-size: 24px;

} .search-wrap input, .search-wrap input:focus {

 background-color: #fff !important;
 border: none;

}

.search-trigger {

 z-index: 22;
 position: absolute;
 top: 50%;
 margin-top: -8px;
 right: 0;
 opacity: 1;

}

.search-close {

 opacity: 0;
 font-size: 16px;
 z-index: 21;
 position: absolute;
 top: 50%;
 margin-top: -10px;
 right: 0;

}

.nav-search.open .search-trigger {

 opacity: 0;
 z-index: 20;

}

.nav-search.open .search-close {

 opacity: 1;

}

1. mobile-search {

 display: none;

}

/*-------------------------------------------------------*/ /* Navigation Portfolio /*-------------------------------------------------------*/ .nav-type-3 {

 background-color: #fff;
 position: fixed;
 height: 100px;
 width: 100%;
 z-index: 1000;

} .nav-type-3 .nav-wrap {

 display: table;
 height: 100px;
 width: 100%;
 float: left;

} .nav-type-3 .logo-container a {

 z-index: 11;
 vertical-align: middle;
 display: table-cell;
 height: 100px;
 padding: 0 20px;

}

.full-nav,

1. nav-icon {

 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;

}

.fs-menu {

 position: fixed;
 background-color: rgba(12, 12, 12, 0.95);
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 transition: all 0.2s linear;
 overflow: hidden;

} .fs-menu.open {

 opacity: .9;
 visibility: visible;
 z-index: 200;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 transition: all 0.2s linear;

} .fs-menu.open li {

 -webkit-animation: fadeInUp .35s ease forwards;
 -moz-animation: fadeInUp .35s ease forwards;
 -ms-animation: fadeInUp .35s ease forwards;
 -o-animation: fadeInUp .35s ease forwards;
 animation: fadeInUp .35s ease forwards;
 -webkit-animation-delay: .10s;
 -moz-animation-delay: .10s;
 -ms-animation-delay: .10s;
 -o-animation-delay: .10s;
 animation-delay: .10s;

} .fs-menu.open li:nth-of-type(2) {

 animation-delay: .15s;

} .fs-menu.open li:nth-of-type(3) {

 animation-delay: .20s;

} .fs-menu.open li:nth-of-type(4) {

 animation-delay: .25s;

} .fs-menu.open li:nth-of-type(5) {

 animation-delay: .30s;

} .fs-menu.open li:nth-of-type(6) {

 animation-delay: .35s;

} .fs-menu.open li:nth-of-type(7) {

 animation-delay: .40s;

}

.overlay-menu {

 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 text-align: center;

} .overlay-menu ul {

 list-style: none;
 padding: 0;
 margin: 0 auto;
 display: inline-block;
 position: relative;
 height: 100%;

} .overlay-menu ul li {

 display: block;
 position: relative;
 opacity: 0;
 padding: 15px 0;

} .overlay-menu ul li a {

 display: block;
 position: relative;
 overflow: hidden;
 font-family: "Montserrat", sans-serif;
 font-size: 36px;
 letter-spacing: 0.05em;
 color: #fff;
 font-weight: 700;
 text-decoration: none;
 text-transform: uppercase;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 transition: all 0.2s linear;

} .overlay-menu ul li.active > a, .overlay-menu ul li a:hover {

 color: #bfa67a;

}

@keyframes fadeInUp {

 0% {
   opacity: 0;
   bottom: 20%;
 }
 100% {
   opacity: 1;
   bottom: 0;
 }

} /* Nav icon */

1. nav-icon {

 right: 40px;
 top: 50%;
 margin-top: -7px;
 position: absolute;
 margin-right: 0;
 z-index: 300;
 cursor: pointer;
 width: 20px;
 height: 20px;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -ms-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
 cursor: pointer;

}

1. nav-icon span {

 display: block;
 position: absolute;
 height: 2px;
 width: 100%;
 background: #111;
 opacity: 1;
 left: 0;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: 0.25s ease-in-out;
 -moz-transition: 0.25s ease-in-out;
 -ms-transition: 0.25s ease-in-out;
 -o-transition: 0.25s ease-in-out;
 transition: 0.25s ease-in-out;

}

1. nav-icon span:nth-child(1) {

 top: 0px;

}

1. nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {

 top: 6px;

}

1. nav-icon span:nth-child(4) {

 top: 12px;

}

1. nav-icon.open span:nth-child(1) {

 top: 6px;
 width: 0%;
 left: 50%;

}

1. nav-icon.open span:nth-child(2) {

 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 background: #fff;

}

1. nav-icon.open span:nth-child(3) {

 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 background: #fff;

}

1. nav-icon.open span:nth-child(4) {

 top: 6px;
 width: 0%;
 left: 50%;

}

/*-------------------------------------------------------*/ /* Navigation Leftside /*-------------------------------------------------------*/ .sidenav .container-fluid, .sidenav .container {

 width: 90%;

} .sidenav .result-boxes .container-fluid {

 width: 100%;

} .sidenav .header-wrap {

 width: 300px;
 height: 100%;
 background-color: #fff;
 padding: 70px 50px;

} .sidenav .works-grid-3-col-wide .container-fluid {

 padding: 0 15px;

}

.content-wrap {

 margin-left: 300px;
 position: relative;
 width: auto;

}

.nav-type-4 {

 position: fixed;
 left: 0;
 top: 0;
 z-index: 500;
 height: 100%;
 width: 300px;

} .nav-type-4 .navbar-header, .nav-type-4 .nav-wrap {

 width: 100%;

} .nav-type-4 .navbar-header {

 padding: 0;

} .nav-type-4 .navbar {

 min-height: 100%;

} .nav-type-4 .logo-container {

 width: 100%;
 padding: 0;

} .nav-type-4 .logo-wrap > a {

 height: auto;
 text-align: center;

} .nav-type-4 .nav {

 width: 100%;
 margin-top: 40px;

} .nav-type-4 .navbar-nav > li {

 float: none;

} .nav-type-4 .navbar-nav > li > a {

 padding: 17px 0;
 line-height: 1;
 color: #111;

} .nav-type-4 .social-icons a {

 float: none !important;

} .nav-type-4 .social-icons a:hover {

 color: #111;

}

/*-------------------------------------------------------*/ /* Content Home /*-------------------------------------------------------*/ /* Intro

---

*/

.intro-heading {

 font-size: 28px;
 margin-bottom: 40px;

}

.heading-frame {

 padding: 38px 50px;
 border: 5px solid #111;
 display: inline-block;

}

.intro-text {

 font-size: 17px;
 line-height: 32px;

}

/* Results

---

*/

.result-box {

 padding: 130px 0;

}

.result-box-first {

 background-color: #1b1b1b;

}

.result-box-second {

 background-color: #212121;

}

.result-box-third {

 background-color: #292929;

}

.result-wrap {

 width: 230px;
 margin: 0 auto;

} .result-wrap i {

 font-size: 55px;
 color: #fff;
 float: left;
 margin-top: 3px;

}

.statistic span {

 font-size: 36px;
 font-family: "Montserrat", sans-serif;
 color: #fff;
 display: block;
 line-height: 1;
 margin-bottom: 9px;
 margin-left: 20px;
 float: left;

} .statistic span.counter-text {

 font-size: 13px;
 text-transform: uppercase;
 color: #929292;
 margin-bottom: 0;

}

/* Services

---

*/

.service-item-box {

 background-color: #fff;
 padding: 60px 40px;
 margin-bottom: 30px;

} .service-item-box h3 {

 font-size: 15px;
 margin-bottom: 21px;

} .service-item-box > a {

 display: inline-block;
 margin-bottom: 27px;

} .service-item-box i {

 display: block;
 font-size: 24px;
 line-height: 70px;
 color: #fff;

}

/*Hi Icons*/ .hi-icon {

 display: inline-block;
 font-size: 0px;
 cursor: pointer;
 width: 70px;
 height: 70px;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 text-align: center;
 position: relative;
 z-index: 1;
 color: #fff;

} .hi-icon:after {

 pointer-events: none;
 position: absolute;
 width: 100%;
 height: 100%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 content: ;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;

}

/* Effect 1 */ .icon-effect-1 .hi-icon {

 background-color: transparent;
 color: #bfa67a;
 border: 2px solid #bfa67a;
 -webkit-transition: background 0.2s, color 0.2s;
 -moz-transition: background 0.2s, color 0.2s;
 -ms-transition: background 0.2s, color 0.2s;
 -o-transition: background 0.2s, color 0.2s;
 transition: background 0.2s, color 0.2s;

} .icon-effect-1 .hi-icon:after {

 top: -5px;
 left: -5px;
 padding: 5px;
 -webkit-box-shadow: 0 0 0 2px #111;
 -moz-box-shadow: 0 0 0 2px #111;
 -ms-box-shadow: 0 0 0 2px #111;
 box-shadow: 0 0 0 2px #111;
 -webkit-transition: transform 0.2s, opacity 0.2s;
 -moz-transition: transform 0.2s, opacity 0.2s;
 -ms-transition: transform 0.2s, opacity 0.2s;
 -o-transition: transform 0.2s, opacity 0.2s;
 transition: transform 0.2s, opacity 0.2s;
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 -ms-transform: scale(0.8);
 -o-transform: scale(0.8);
 transform: scale(0.8);
 opacity: 0;

} .icon-effect-1 .hi-icon:hover {

 background: #111111;
 color: #fff;
 border-color: transparent;

} .icon-effect-1 .hi-icon:hover:after {

 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;

}

/* Promo Section

---

*/

.promo-section img {

 width: 100%;

}

.promo-description {

 padding: 50px 0 50px 50px;
 cursor: move;
 cursor: -webkit-grab;
 cursor: -o-grab;
 cursor: -ms-grab;
 cursor: grab;

} .promo-description > h3 {

 margin-bottom: 22px;

} .promo-description > p {

 color: #a6a6a6;

}

.promo-section .customNavigation > a, .from-blog .customNavigation > a {

 background-color: transparent;
 cursor: pointer;
 color: #fff;
 font-size: 24px;

} .promo-section .customNavigation > a:first-child, .promo-section .customNavigation > a:first-child, .from-blog .customNavigation > a:first-child, .from-blog .customNavigation > a:first-child {

 margin-right: 10px;

} .promo-section .customNavigation > a:hover, .promo-section .customNavigation > a:hover, .from-blog .customNavigation > a:hover, .from-blog .customNavigation > a:hover {

 opacity: .8;

}

/* Portfolio

---

*/

.works-grid-3-col-wide .grayscale img {

 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray;

}

.work-item:hover img {

 -webkit-filter: none;
 -moz-filter: none;
 -ms-filter: none;
 filter: none;

}

.works-grid-3-col-wide .container-fluid {

 padding: 0 50px;

}

.grid-3-col.grid-gutter {

 margin: 0 0 -5px -5px;

} .grid-3-col.grid-gutter .work-item {

 padding: 0 0 5px 5px;
 width: 33.333%;
 height: auto;
 float: left;
 overflow: hidden;

}

.work-img {

 position: relative;
 overflow: hidden;

} .work-img img {

 overflow: hidden;
 width: 100%;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .work-img a.btn {

 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 height: auto;
 width: auto;

}

.work-img > a, .work-overlay {

 width: 100%;
 height: 100%;
 display: block;
 position: relative;

}

.work-overlay {

 background-color: rgba(20, 20, 20, 0.7);
 border: 10px solid rgba(255, 255, 255, 0.2);
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 z-index: -1;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

}

.work-description {

 position: absolute;
 display: block;
 left: 8%;
 top: 8%;
 width: 80%;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;

} .work-description h3 {

 font-size: 16px;
 margin-bottom: 5px;
 color: #fff;

} .work-description a {

 color: #fff;

} .work-description span {

 font-size: 13px;
 color: #fff;
 display: inline-block;

}

.work-description h3, .work-description span {

 -webkit-transform: translateX(-360px);
 -moz-transform: translateX(-360px);
 -ms-transform: translateX(-360px);
 -o-transform: translateX(-360px);
 transform: translateX(-360px);
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;

}

.work-item:hover img {

 -webkit-transform: scale3d(1.1, 1.1, 1);
 -moz-transform: scale3d(1.1, 1.1, 1);
 -ms-transform: scale3d(1.1, 1.1, 1);
 -o-transform: scale3d(1.1, 1.1, 1);
 transform: scale3d(1.1, 1.1, 1);

}

.work-item:hover .work-description h3, .work-item:hover .work-description span {

 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);

}

.work-item:hover .work-description span {

 -webkit-transition-delay: 0.1s;
 -moz-transition-delay: 0.1s;
 -o-transition-delay: 0.1s;
 transition-delay: 0.1s;

}

.work-item:hover .work-overlay {

 opacity: 1;
 z-index: 1;

}

/* Call to Action

---

*/

.call-to-action {

 padding: 70px 0;
 background-color: #fff;

} .call-to-action h2 {

 font-size: 19px;
 margin-top: 15px;

}

/* Process

---

*/

/*5 columns*/ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {

 position: relative;
 min-height: 1px;
 padding-right: 10px;
 padding-left: 10px;

}

.col-xs-5ths {

 width: 20%;
 float: left;

}

@media (min-width: 767px) {

 .col-sm-5ths {
   width: 20%;
   float: left;
 }

} @media (min-width: 992px) {

 .col-md-5ths {
   width: 20%;
   float: left;
 }

} @media (min-width: 1200px) {

 .col-lg-5ths {
   width: 20%;
   float: left;
 }

} .process-wrap i {

 font-size: 32px;
 width: 120px;
 height: 120px;
 line-height: 120px;
 text-align: center;
 display: inline-block;
 border: 2px solid rgba(255, 255, 255, 0.5);
 -webkit-border-radius: 50%;
 border-radius: 50%;
 color: #fff;

}

.process-wrap h3 {

 color: #fff;
 font-size: 13px;
 margin: 30px 0 20px;

}

/* Our Team

---

*/

.our-team .team-row {

 margin-left: -40px;
 margin-right: -40px;

}

.our-team .team-wrap {

 padding: 0 40px;

}

.our-team .container-fluid {

 padding: 0 50px;

}

.team-img img {

 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 overflow: hidden;
 width: 100%;

}

.team-img:hover .team-details {

 opacity: 1;
 margin-top: -80px;

}

.team-img:hover .overlay {

 opacity: 1;

}

.team-member, .team-img {

 position: relative;
 overflow: hidden;

}

.team-title {

 margin: 30px 0 7px;

}

.overlay {

 background-color: rgba(20, 20, 20, 0.7);
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;

}

.team-details {

 opacity: 0;
 position: absolute;
 top: 50%;
 left: 0;
 padding: 5%;
 overflow: hidden;
 width: 100%;
 z-index: 2;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;

} .team-details p {

 color: #fff;

} .team-details .socials i {

 color: #fff;

}

.socials a {

 display: inline-block;
 width: 37px;
 height: 37px;
 background-color: transparent;

} .socials a:hover i {

 color: #fff;
 background-color: #bfa67a;

} .socials i {

 line-height: 37px;
 color: #616161;
 font-size: 14px;
 width: 37px;
 height: 37px;
 border-radius: 50%;
 text-align: center;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 transition: all 0.2s linear;

}

/* About us

---

*/

.about-description h4, .about-description p:first-of-type {

 margin-bottom: 15px;

}

/* Progress Bars

---

*/

1. skills {

 margin-top: 35px;

}

.progress-bar {

 -webkit-transition: width 1.5s ease-in-out;
 -moz-transition: width 1.5s ease-in-out;
 -ms-transition: width 1.5s ease-in-out;
 -o-transition: width 1.5s ease-in-out;
 transition: width 1.5s ease-in-out;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 -ms-box-shadow: none;
 box-shadow: none;

}

.skills-progress h6, .skills-progress h6 span {

 color: #111;
 font-family: "Montserrat", sans-serif;
 font-size: 13px;
 margin-top: 0;
 margin-bottom: 10px;
 text-transform: uppercase;
 letter-spacing: 0.02em;

}

.progress-solid.meter {

 height: 8px;
 position: relative;
 background: #fbfbfb;
 margin-bottom: 30px;

}

.meter .progress-bar {

 display: block;
 height: 8px;
 position: relative;
 overflow: hidden;
 background-color: #bfa67a;

}

.skills-progress h6 span {

 float: right;

}

.row.mt-minus-30 {

 margin-top: -30px;

}

/* From Blog

---

*/

.blog-col {

 padding: 0 5px;

} .blog-col h4 {

 font-size: 15px;
 margin-top: 10px;
 margin-bottom: 4px;
 line-height: 1.5;

} .blog-col h4 a {

 color: #111;

}

.from-blog .customNavigation > a {

 color: #111;

}

.entry-box {

 padding: 40px;
 background-color: #fff;

}

.entry-meta li {

 display: inline-block;
 font-size: 13px;
 color: #919191;
 margin-bottom: 15px;
 white-space: nowrap;

} .entry-meta a {

 color: #919191;

} .entry-meta li:before {

 content: "|";
 opacity: 0.5;
 margin: 0 7px;

} .entry-meta li:first-child:before {

 content: "";
 margin: 0;

}

.entry-meta a:hover, .blog-col h4 a:hover {

 color: #111;

}

.entry-img {

 position: relative;
 overflow: hidden;

} .entry-img img {

 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -ms-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
 width: 100%;

}

.read-more {

 font-size: 12px;
 font-family: "Montserrat", sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.02em;
 font-weight: bold;
 color: #111;

} .read-more:hover {

 color: #111;

}

.blog-col-3 .entry-img:hover img {

 opacity: 0.8;
 -webkit-transform: scale(1.1, 1.1);
 -moz-transform: scale(1.1, 1.1);
 -ms-transform: scale(1.1, 1.1);
 -o-transform: scale(1.1, 1.1);
 transform: scale(1.1, 1.1);

}

.flex-direction-nav a {

 display: block;
 font-size: 16px;
 width: 40px;
 height: 40px;
 background-color: rgba(0, 0, 0, 0.5);
 margin: -20px 0 0;
 position: absolute;
 top: 50%;
 z-index: 10;
 overflow: hidden;
 opacity: 0;
 cursor: pointer;
 text-align: center;
 color: #fff;
 line-height: 40px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .flex-direction-nav .flex-prev {

 left: -40px;

} .flex-direction-nav .flex-next {

 right: -40px;

}

.flexslider:hover .flex-direction-nav a {

 opacity: 1;

}

.flexslider:hover .flex-direction-nav .flex-next {

 right: 0;

}

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

 left: 0;

}

.flexslider .flex-direction-nav .flex-nav-next:hover a, .flexslider .flex-direction-nav .flex-nav-prev:hover a {

 color: #000;
 background-color: #fff;

}

/* Testimonials

---

*/

.testimonial-text {

 cursor: move;
 cursor: -webkit-grab;
 cursor: -o-grab;
 cursor: -ms-grab;
 cursor: grab;

}

.parallax-testimonials .bottom-line:after {

 border-color: #fff;

}

.testimonial-text {

 font-size: 24px;
 line-height: 39px;
 color: #fff;
 font-style: italic;
 margin: 30px 0;
 font-family: "Pt Serif", serif;

}

.testimonial i {

 font-size: 28px;
 color: #fff;

} .testimonial span, .testimonial h6 {

 display: block;
 color: #fff;

} .testimonial span {

 font-size: 13px;

} .testimonial h6 {

 font-size: 13px;
 margin-bottom: 5px;

}

.parallax-testimonials .owl-pagination {

 position: relative;
 margin-top: 50px;

}

.parallax-testimonials .owl-carousel {

 position: static;

}

/* Clients

---

*/

.client-logo {

 border-bottom: 1px solid #dedede;
 border-right: 1px solid #dedede;
 text-align: center;

} .client-logo:last-child {

 border-right: none;

}

.second-row .client-logo {

 border-bottom: none;

}

/* Contact

---

*/

.contact-row {

 margin-left: -8px;
 margin-right: -8px;

}

.contact-name, .contact-email {

 padding: 0 8px;

}

.contact-item {

 position: relative;
 padding-left: 70px;
 padding-top: 5px;
 margin-top: 30px;

} .contact-item:first-of-type {

 margin-top: 38px;

} .contact-item h6 {

 font-size: 12px;
 margin-top: 5px;
 margin-bottom: 7px;

} .contact-item p, .contact-item span, .contact-item a {

 font-size: 16px;

} .contact-item a:hover {

 color: #111;

}

.contact-icon {

 width: 50px;
 height: 50px;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 border: 2px solid #bfa67a;
 text-align: center;
 position: absolute;
 left: 0;

} .contact-icon i {

 font-size: 18px;
 color: #bfa67a;
 line-height: 47px;

}

.gmap {

 position: relative;
 width: 100%;
 height: 450px;

}

1. contact-form .message {

 height: 50px;
 width: 100%;
 font-size: 13px;
 line-height: 50px;
 text-align: center;
 float: none;
 margin-top: 20px;
 display: none;
 color: #fff;

}

1. contact-form .message.error {

 background-color: #f44336;

}

1. contact-form .message.success {

 background-color: #4CAF50;

}

/* Owl Carousel

---

*/

.owl-pagination {

 position: absolute;
 left: 0;
 display: block;
 text-align: center;
 width: 100%;

}

.owl-buttons {

 position: static;

}

.owl-prev, .owl-next {

 display: block;
 position: absolute;
 top: 50%;
 margin-top: -23px;
 text-align: center;
 line-height: 46px;
 z-index: 10;
 width: 46px;
 height: 46px;
 background-color: #fff;
 opacity: 0;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .owl-prev:hover i, .owl-next:hover i {

 color: #bfa67a;

}

.owl-prev {

 left: -40px;

}

.owl-next {

 right: -40px;

}

1. owl-slider-one-img:hover .owl-prev,
2. owl-slider-small-img:hover .owl-prev {

 opacity: 1;
 left: 0;

}

1. owl-slider-one-img:hover .owl-next,
2. owl-slider-small-img:hover .owl-next {

 opacity: 1;
 right: 0;

}

.owl-page {

 display: inline-block;
 padding: 6px 6px;
 position: relative;

} .owl-page span {

 display: block;
 position: relative;
 width: 10px;
 height: 10px;
 opacity: 0.8;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 background: transparent;
 z-index: 100;
 border: 2px solid #fff;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;

} .owl-page span:hover {

 opacity: 1;

}

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

 display: block;
 width: 10px;
 height: 10px;
 margin: 0;
 opacity: 1;
 background: #fff;

}

/*-------------------------------------------------------*/ /* Page Title / Breadcrumbs /*-------------------------------------------------------*/ .page-title {

 position: relative;
 width: 100%;
 overflow: hidden;
 background-attachment: fixed !important;
 background-repeat: no-repeat;
 background-position: 50% 0;
 display: block;

} .page-title .container {

 height: 600px;

} .page-title .heading-frame {

 border-color: #fff;

}

.title-holder {

 position: relative;
 display: table;
 width: 100%;
 height: 100%;

}

.title-text {

 display: table-cell;
 height: 100%;
 vertical-align: middle;

} .title-text h1 {

 margin: 30px 0;
 font-size: 32px;

}

.page-title .breadcrumb {

 width: auto;
 background-color: transparent;
 padding: 0;
 margin: -10px 0 0 0;
 font-size: 13px;

} .page-title .breadcrumb a, .page-title .breadcrumb > .active {

 color: #fff;

} .page-title .breadcrumb > li + li:before {

 color: #fff;
 opacity: 0.5;

}

/*-------------------------------------------------------*/ /* Blog Standard /*-------------------------------------------------------*/ .blog-content .entry-img img {

 -webkit-transition: opacity 0.3s ease-in-out;
 -moz-transition: opacity 0.3s ease-in-out;
 -ms-transition: opacity 0.3s ease-in-out;
 -o-transition: opacity 0.3s ease-in-out;
 transition: opacity 0.3s ease-in-out;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 position: relative;

} .blog-content .entry-img a:hover img {

 opacity: .8;

} .blog-content .entry-img, .blog-content .entry-slider, .blog-content .entry-video {

 position: relative;
 overflow: hidden;
 margin-bottom: 34px;

} .blog-content .entry-meta li:first-child:before {

 margin: 0 0 0 -3px;

} .blog-content .entry-title h2 > a {

 font-size: 21px;
 color: #111;

} .blog-content .entry-meta li {

 margin-bottom: 7px;

} .blog-content .entry-content {

 margin-top: 17px;

}

.blog-standard .sidebar, .blog-single .sidebar {

 padding-left: 65px;

}

.entry-item {

 margin-bottom: 60px;
 position: relative;
 overflow: hidden;

}

.blog-standard .entry {

 margin-top: 35px;

} .blog-standard .entry-title, .blog-standard .entry-meta {

 padding-left: 93px;

} .blog-standard .entry-item > .entry-date {

 float: left;
 padding: 13px 19px;
 width: 70px;
 height: 70px;
 border: 3px solid #111;
 font-family: "Montserrat", sans-serif;
 color: #3b3b3b;
 font-weight: bold;
 text-align: center;

} .blog-standard .blog-content .entry-date span {

 display: block;

} .blog-standard .blog-content .entry-date span:first-child {

 font-size: 21px;
 line-height: 1;

} .blog-standard .blog-content .entry-date span:last-child {

 font-size: 13px;
 text-transform: uppercase;

}

.entry-content > i {

 margin-left: 3px;
 font-size: 14px;
 vertical-align: middle;

}

/* Quote Post

---

*/

.blog-content .entry.blockquote {

 padding-left: 0;

}

.blog-content .entry-item blockquote > p > a, .blog-content .entry-item blockquote > p {

 color: #111;
 font-size: 22px;
 line-height: 34px;
 font-style: italic;
 font-family: "Pt Serif", serif;

}

.blog-content .entry-item blockquote > p > a:hover {

 color: #7a7a7a;

}

.blockquote-style-1 > i {

 font-size: 22px;
 color: #d1d1d1;
 margin-bottom: 13px;

}

/* Video Post

---

*/

.entry-video iframe {

 width: 100%;
 display: block;
 border: 0;

}

/* Pagination

---

*/

.pagination {

 margin: 0 auto;
 border-radius: 0;
 display: block;
 text-align: center;
 padding-top: 42px;
 border-top: 1px solid #e5e5e5;

} .pagination a, .pagination span {

 background-color: #fff;
 font-size: 12px;
 display: inline-block;
 height: 25px;
 line-height: 20px;
 text-align: center;
 margin: 0 9px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 font-family: "Montserrat", sans-serif;
 font-weight: bold;
 text-transform: uppercase;

} .pagination span.pagination-dots {

 margin: 0 3px;

} .pagination i:first-child {

 margin-right: -5px;

} .pagination i:last-child {

 margin-left: -7px;

} .pagination a {

 color: #757575;

} .pagination a:hover {

 color: #111;

} .pagination a > i {

 font-size: 10px;
 margin: 0 3px;

} .pagination .current {

 color: #3b3b3b;

} .pagination > i {

 font-size: 14px;
 vertical-align: middle;

}

/*-------------------------------------------------------*/ /* Blog Sidebar /*-------------------------------------------------------*/ .sidebar .widget {

 margin-top: 60px;
 position: relative;

} .sidebar .widget:first-child {

 margin-top: 0;

} .sidebar .widget ul li {

 padding: 10px 0;
 border-bottom: 1px solid #e5e5e5;

} .sidebar .widget ul li:last-child {

 padding-bottom: 0;
 border-bottom: none;

} .sidebar .widget ul li:first-child {

 padding-top: 0;

} .sidebar .widget ul li a {

 color: #7a7a7a;

} .sidebar .widget ul li a:hover {

 color: #111;

}

.widget-title {

 font-size: 15px;
 margin-bottom: 28px;

}

.blog-sidebar .searchbox {

 border: 2px solid #e5e5e5;
 margin-bottom: 0;
 padding: 0 20px;

}

input[type="search"] {

 color: #111;

}

input.searchbox:focus {

 border-color: #bfa67a;
 color: #111;

}

.search-button {

 position: absolute;
 top: 12px;
 right: 15px;
 background-color: transparent;
 border: none;

} .search-button i {

 color: #a1a1a1;

}

/* Latest Posts

---

*/

.blog-sidebar .widget.latest-posts ul li {

 border-bottom: none;
 line-height: 19px;

} .blog-sidebar .latest-posts img {

 margin-right: 24px;
 float: left;

} .blog-sidebar .latest-posts li {

 padding: 17px 0 !important;

} .blog-sidebar .latest-posts li:first-child {

 padding-top: 0 !important;

} .blog-sidebar .latest-posts li:last-child {

 padding-bottom: 0 !important;

}

.widget.latest-posts ul li a {

 font-size: 11px;
 font-family: "Montserrat", sans-serif;
 text-transform: uppercase;
 color: #111;
 vertical-align: top;
 line-height: 1;

} .widget.latest-posts .entry-meta > span {

 color: #7a7a7a;
 font-size: 13px;
 font-family: "Pt Serif", serif;
 text-transform: none;
 margin-top: 5px;
 display: block;

} .widget.latest-posts ul li a:hover {

 color: #111;

}

/* Popular Tags

---

*/

.tags a {

 background-color: transparent;
 border: 3px solid #e5e5e5;
 font-family: "Montserrat", sans-serif;
 text-transform: uppercase;
 padding: 9px 16px;
 line-height: 1;
 margin: 0 8px 8px 0;
 font-size: 10px;
 color: #ababab;
 display: inline-block;
 float: left;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .tags a:hover {

 border-color: #111;
 color: #000;

}

/*-------------------------------------------------------*/ /* Blog Single Post /*-------------------------------------------------------*/ .blog-single .entry-item {

 margin-bottom: 0;

} .blog-single .entry-title {

 margin-top: 70px;
 text-align: center;

} .blog-single .entry-meta {

 text-align: center;

} .blog-single .blog-content .entry-title h2 {

 font-size: 28px;

} .blog-single .blog-content .entry-content {

 margin-top: 50px;

} .blog-single .blog-content blockquote {

 margin: 60px 0;

} .blog-single .blog-content .entry-content > p {

 margin-bottom: 24px;

}

.entry-content .entry-tags h6, .entry-share h6 {

 display: inline-block;
 margin-right: 2px;
 font-size: 14px;

}

.entry-content .entry-tags h6 {

 margin-right: 7px;

} .entry-content .entry-tags a {

 font-style: italic;
 font-size: 14px;
 line-height: 37px;
 font-family: "Pt Serif", serif;
 color: #7a7a7a;

} .entry-content .entry-tags a:hover {

 color: #111;

} .entry-content .entry-share {

 float: right;

}

.entry-share .socials i, .entry-share .socials a {

 width: 32px;
 height: 32px;
 line-height: 32px;

} .entry-share .socials {

 margin-top: 0;
 display: inline-block;

}

.entry-tags h6, .entry-share h6 {

 font-size: 15px;
 text-transform: none;
 letter-spacing: normal;

}

.entry-comments .comment-avatar {

 position: absolute;
 display: block;

} .entry-comments .comment-content {

 padding-left: 132px;

} .entry-comments .comment-author {

 display: block;
 margin-bottom: 5px;
 font-family: "Montserrat", sans-serif;
 font-weight: bold;
 font-size: 15px;
 color: #111;

} .entry-comments h6 {

 font-size: 14px;

} .entry-comments .comment-content span a {

 font-size: 13px;
 color: #7a7a7a;

}

.comment-content p {

 margin-top: 15px;

}

.comment-content > a {

 font-family: "Montserrat", sans-serif;
 color: #111;
 font-size: 14px;

}

.comment-reply {

 padding-left: 48px;

}

.comment-body {

 padding: 35px 0;
 border-bottom: 1px solid #dbdbdb;

}

.comment-list > li:last-child .comment-body {

 border-bottom: none;
 padding-bottom: 0;

}

/*-------------------------------------------------------*/ /* Home Owl Slider /*-------------------------------------------------------*/ .hero-wrap {

 width: 100%;
 display: block;
 position: relative;
 overflow: hidden;
 background-attachment: scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;

}

.hero-holder {

 display: table;
 position: relative;
 width: 100%;
 height: 100%;

}

.hero-message {

 display: table-cell;
 vertical-align: middle;
 height: 100%;
 width: 100%;
 text-align: center;

} .hero-message h1 {

 color: #fff;
 font-size: 56px;
 font-weight: 700;
 line-height: 1;

}

.hero-subtitle {

 text-transform: none;
 font-weight: normal;
 color: #fff;
 line-height: 1.5;
 font-size: 20px;
 max-width: 800px;
 margin: 24px auto 0;

}

.buttons-holder > a {

 margin: 5px;

}

/*-------------------------------------------------------*/ /* Home Text Rotator /*-------------------------------------------------------*/ .hero-message.text-rotator h1 {

 font-size: 70px;

}

/*-------------------------------------------------------*/ /* Home Video Bg /*-------------------------------------------------------*/ .video-wrap {

 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 z-index: 0;

}

.video-overlay {

 background-color: rgba(40, 40, 40, 0.5);
 height: 100%;
 width: 100%;

}

.video-img {

 background: url(../video/video.jpg) center center no-repeat;
 background-size: cover;
 z-index: -101;
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;

}

/*-------------------------------------------------------*/ /* Home Angles /*-------------------------------------------------------*/ .main-wrapper-onepage.angles .result-box {

 padding: 30% 0;

}

.section-wrap.angle-top, .section-wrap.angle-bottom {

 overflow: visible;

}

.bg-light.angle-top:before, .bg-light.angle-bottom:after {

 background-color: #f7f7f7;

}

.bg-dark.angle-top:before, .bg-dark.angle-bottom:after {

 background-color: #242424;

}

.angle-top:before {

 background: none repeat scroll 0 0 #fff;
 content: "";
 margin-top: -199px;
 min-height: 150px;
 position: absolute;
 -webkit-transform: skewY(-2deg);
 -moz-transform: skewY(-2deg);
 -ms-transform: skewY(-2deg);
 -o-transform: skewY(-2deg);
 transform: skewY(-2deg);
 width: 100%;
 z-index: 1;

}

.angle-bottom:after {

 background: none repeat scroll 0 0 #fff;
 content: "";
 margin-top: 40px;
 min-height: 150px;
 position: absolute;
 -webkit-transform: skewY(-2deg);
 -moz-transform: skewY(-2deg);
 -ms-transform: skewY(-2deg);
 -o-transform: skewY(-2deg);
 transform: skewY(-2deg);
 width: 100%;
 z-index: 1;

}

1. portfolio.angle-bottom:after {

 margin-top: 140px;

}

.main-wrapper-onepage.angles .process, .main-wrapper-onepage.angles .parallax-testimonials {

 padding: 200px 0;

}

.main-wrapper-onepage.angles .footer.minimal {

 text-align: left;

}

.main-wrapper-onepage.angles .gmap {

 height: 600px;

}

/* Services

---

*/

.services.style-2 a {

 position: absolute;
 font-size: 36px;
 line-height: 1;
 color: #c1c1c1;

} .services.style-2 .service-item-box {

 padding: 0 0 0 60px;
 margin-bottom: 50px;

} .services.style-2 .service-item-box h3 {

 margin-bottom: 10px;

}

/* Latest Works

---

*/

.portfolio-filter {

 list-style: none;
 margin-bottom: 40px;
 cursor: default;
 font-size: 13px;
 text-align: center;

} .portfolio-filter a.active, .portfolio-filter a:hover {

 color: #111;
 border-color: #111;

} .portfolio-filter a {

 display: inline-block;
 margin: 0 5px 5px 0;
 color: #ababab;
 text-decoration: none;
 padding: 7px 15px;
 border: 3px solid #e5e5e5;
 font-family: "Montserrat", sans-serif;
 text-transform: uppercase;
 font-size: 12px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

}

.work-container {

 margin-bottom: 40px;

}

.work-item .work-overlay:hover, .work-item:hover .portfolio-overlay {

 opacity: 1;
 z-index: 1;

}

.portfolio-overlay {

 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 z-index: -1;
 text-align: center;
 background-color: rgba(0, 0, 0, 0.5);
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

}

.project-icons {

 position: absolute;
 top: 0;
 width: 100%;
 text-align: center;
 margin-top: -20px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .project-icons a {

 display: inline-block;
 width: 40px;
 height: 40px;
 font-size: 14px;
 margin: 0 3px;
 line-height: 40px;
 text-align: center;
 color: #111;
 background-color: #fff;
 border-radius: 100px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .project-icons a:hover {

 color: #fff;
 background-color: #bfa67a;

}

.work-item:hover .portfolio-overlay .project-icons {

 position: absolute;
 top: 50%;

}

.works-grid.titles .work-description h3, .works-grid.titles .work-description span,

1. owl-related-works .work-description h3,
2. owl-related-works .work-description span {

 -webkit-transform: none;
 -moz-transform: none;
 -ms-transform: none;
 -o-transform: none;
 transform: none;

}

.works-grid.titles .work-description,

1. owl-related-works .work-description {

 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 margin-top: 20px;
 text-align: center;

}

.works-grid.titles .work-description a,

1. owl-related-works .work-description a {

 color: #111;

} .works-grid.titles .work-description a:hover,

1. owl-related-works .work-description a:hover {

 color: #bfa67a;

}

/* Call to Action Style-2

---

*/

.call-to-action.style-2 {

 padding: 200px 0;

} .call-to-action.style-2 h2 {

 font-size: 32px;
 color: #fff;
 margin: 0 0 25px;

} .call-to-action.style-2 a {

 margin: 10px 4px 0;

}

/* Ipad with Features

---

*/

.promo-device img {

 display: inline-block;

}

.features-icons a {

 position: absolute;

}

.features-text {

 padding-left: 100px;

}

.features-icons .service-item-box {

 padding: 0;
 margin-bottom: 50px;
 background-color: transparent;

}

/* Pricing Tables

---

*/

.pricing-3-col {

 background-color: #f7f7f7;
 text-align: center;

}

.pricing-title {

 background-color: #303030;
 padding: 45px 30px;

} .pricing-title h3 {

 font-size: 18px;
 color: #fff;
 margin-bottom: 30px;

}

.best-price {

 background-color: #bfa67a;

}

.pricing-price {

 font-size: 25px;
 color: #111;
 background-color: #fff;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 width: 110px;
 height: 110px;
 display: inline-block;
 position: absolute;
 left: 50%;
 margin-left: -55px;
 line-height: 1.3;
 padding: 28px 25px;
 -webkit-box-shadow: 0px 0px 5px 0px rgba(14, 16, 9, 0.1);
 -moz-box-shadow: 0px 0px 5px 0px rgba(14, 16, 9, 0.1);
 -ms-box-shadow: 0px 0px 5px 0px rgba(14, 16, 9, 0.1);
 box-shadow: 0px 0px 5px 0px rgba(14, 16, 9, 0.1);

}

.pricing-currency {

 font-family: "Montserrat", sans-serif;

}

.pricing-term {

 font-size: 12px;
 display: block;

}

.pricing-features {

 padding: 100px 40px 40px;
 color: #7a7a7a;

} .pricing-features li {

 padding: 10px 0;

}

.pricing-button {

 padding: 0 40px 50px 40px;

}

/* Fun Facts style-2

---

*/

.result-boxes.style-2 .result-box {

 padding: 20px 0;
 text-align: center;

} .result-boxes.style-2 .statistic span.counter-text {

 color: #fff;
 font-size: 13px;

} .result-boxes.style-2 .statistic span {

 float: none;
 margin-left: 0;
 line-height: 1.2;
 font-size: 50px;

} .result-boxes.style-2 .result-wrap {

 width: auto;

}

/* Testimonials style-2

---

*/

.testimonials.style-2 .testimonial-text {

 color: #7a7a7a;

} .testimonials.style-2 .owl-carousel {

 position: static;

} .testimonials.style-2 .owl-pagination {

 position: static;
 margin-top: 30px;

} .testimonials.style-2 .owl-page span {

 border-color: #a7a7a7;

} .testimonials.style-2 .owl-page.active span {

 background-color: #7a7a7a;
 border-color: #7a7a7a;

} .testimonials.style-2 .testimonial span {

 color: #ababab;
 display: inline-block;
 font-weight: bold;
 font-size: 14px;

} .testimonials.style-2 .testimonial-text {

 margin: 10px 0 20px;
 font-family: "Open Sans", sans-serif;
 font-size: 20px;

}

/* Page Title Style-2

---

*/

.page-title.style-2 {

 background-color: #f7f7f7;
 padding: 60px 0;

} .page-title.style-2 .container {

 height: auto;

} .page-title.style-2 .title-text h1 {

 margin: 0;
 font-size: 28px;

} .page-title.style-2 .breadcrumb {

 position: absolute;
 right: 0;
 width: auto;
 background-color: transparent;
 top: 50%;
 padding: 0;

} .page-title.style-2 .breadcrumb a, .page-title.style-2 .breadcrumb > li + li:before {

 color: #7a7a7a;

} .page-title.style-2 .breadcrumb > .active, .page-title.style-2 .breadcrumb a:hover {

 color: #111;

}

/*-------------------------------------------------------*/ /* Portfolio /*-------------------------------------------------------*/ .works-grid.titles h3,

1. owl-related-works h3 {

 font-size: 14px;

}

.call-to-action.bg-light {

 background-color: #f7f7f7;

}

.portfolio-description {

 padding-left: 10%;

} .portfolio-description p, .portfolio-description ul, .portfolio-description a.btn {

 margin-bottom: 30px;

} .portfolio-description h2 {

 font-size: 22px;
 margin-bottom: 15px;

} .portfolio-description ul > li {

 line-height: 30px;
 color: #111;

} .portfolio-description ul > li a {

 color: #7a7a7a;

} .portfolio-description ul > li a:hover {

 color: #bfa67a;

}

.related-projects .work-container {

 margin-bottom: 0;

} .related-projects .heading-inline, .related-projects .customNavigation {

 display: inline-block;

} .related-projects .customNavigation a {

 background-color: #f2f2f2;
 color: #111;
 width: 30px;
 height: 30px;
 text-align: center;
 padding: 0;
 line-height: 30px;
 border: none;

} .related-projects .customNavigation i {

 font-size: 14px;
 line-height: 30px;

} .related-projects .customNavigation a:hover {

 background-color: #bfa67a;
 color: #fff;

}

1. owl-related-works .owl-item .work-item {

 margin: auto 15px;

}

/*-------------------------------------------------------*/ /* 404 /*-------------------------------------------------------*/ .page-404 h1 {

 font-size: 200px;

} .page-404 a, .page-404 p {

 font-size: 14px;

}

/* Intro

---

*/

.section-wrap.intro {

 padding: 170px 0 150px;

}

.intro.style-2 .intro-text p {

 font-size: 50px;
 font-weight: 700;
 line-height: 1.5;
 font-family: "Montserrat", sans-serif;
 color: #111;

}

/* Portfolio Masonry

---

*/

.masonry-grid {

 width: 100%;

} .masonry-grid .work-item {

 width: 50%;
 float: left;

} .masonry-grid .work-item.quarter {

 width: 25%;

} .masonry-grid .work-description {

 width: 100%;
 text-align: center;
 margin-top: -24px;
 top: 50%;
 left: 0;
 padding: 0 15px;

} .masonry-grid .work-img img {

 -webkit-transition: all 1.5s linear;
 -moz-transition: all 1.5s linear;
 -ms-transition: all 1.5s linear;
 -o-transition: all 1.5s linear;
 transition: all 1.5s linear;

} .masonry-grid .work-description h3, .masonry-grid .work-description span {

 -webkit-transform: translate(0);
 -moz-transform: translate(0);
 -ms-transform: translate(0);
 -o-transform: translate(0);
 transform: translate(0);

} .masonry-grid .work-description h3 {

 font-size: 20px;

} .masonry-grid .work-overlay {

 border: none;

}

/*-------------------------------------------------------*/ /* Portfolio About Me /*-------------------------------------------------------*/ .about-me .my-photo {

 width: 100%;

}

.about-me .info {

 padding-left: 7%;

}

/*-------------------------------------------------------*/ /* Youtube Video bg /*-------------------------------------------------------*/

1. ytb-wrap {

 background-size: cover;

}

1. ytb-wrap .hero-text {

 color: #fff;
 text-shadow: none;
 font-weight: normal;
 line-height: 1;
 font-family:  "PT Serif",sans-serif,"Montserrat", sans-serif;
 letter-spacing: 0.02em;
 margin: 0px;
 border-width: 0px;
 border-style: none;
 font-size: 100px;
 text-transform: none;

}

/*-------------------------------------------------------*/ /* Typography /*-------------------------------------------------------*/ .section-headings p {

 margin-bottom: 30px;

}

blockquote {

 padding: 0 0 20px;
 margin: 0;
 border: none;

}

blockquote > p {

 font-size: 18px;
 line-height: 30px;
 font-style: italic;
 margin-bottom: 5px !important;
 position: relative;

}

blockquote > span {

 font-size: 14px;

}

.blockquote-style-1 {

 padding: 8% 10%;
 border: 4px solid #e5e5e5;

}

.blockquote-style-2 {

 padding: 20px 40px;
 border-left: 3px solid #333333;

}

.dropcap.style-1 {

 float: left;
 color: #333;
 font-size: 52px;
 line-height: 46px;
 padding-top: 4px;
 padding-right: 10px;

}

.dropcap.style-2 {

 float: left;
 color: #fff;
 text-align: center;
 background-color: #333333;
 width: 38px;
 height: 38px;
 font-size: 24px;
 line-height: 38px;
 margin: 10px 10px 0 0;

}

.highlight {

 padding: 3px 5px;
 color: #fff;
 background-color: #bfa67a;

}

.bullets li, .arrows li, .arrows-2 li, .numbers li {

 margin-bottom: 10px;

}

.bullets {

 list-style-type: disc;
 margin-left: 17px;

}

.bullets li:before {

 font-size: 18px;
 color: #333333;
 padding-right: 0.5em;
 line-height: 1;
 vertical-align: middle;

}

.arrows i {

 margin-right: 5px;

}

.arrows i, .arrows-2 i {

 color: #333333;

}

.arrows-2 i {

 font-size: 12px;
 margin-right: 7px;

}

ol.numbers {

 padding-left: 20px;

}

.section-columns p {

 margin-bottom: 40px;

}

/*-------------------------------------------------------*/ /* Shortcodes /*-------------------------------------------------------*/ /* Accordions

---

*/

.accordion > .panel-content {

 padding: 10px 0 10px 20px;

} .accordion > .acc-panel > a {

 display: block;
 position: relative;
 text-decoration: none;
 font-size: 12px;
 padding: 13px 20px;
 background-color: #fff;
 color: #7a7a7a;
 margin-bottom: 10px;
 border: 3px solid #d1d1d1;
 -webkit-border-radius: 0;
 border-radius: 0;
 font-family: "Montserrat", sans-serif;
 text-transform: uppercase;
 font-weight: 700;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .accordion > .acc-panel > a.active {

 color: #111;
 background-color: #fff;
 border-color: #333;

} .accordion > .acc-panel > a:after {

 font-family: "ElegantIcons";
 position: absolute;
 right: 10px;
 top: 2px;
 color: #7a7a7a;
 font-weight: normal;
 font-size: 26px;

} .accordion > .acc-panel > a:after {

 content: "\35";

} .accordion > .acc-panel > a.active:after {

 content: "\33";
 color: #333;

} .accordion > .acc-panel > a:hover {

 color: #fff;
 background-color: #333;
 border-color: #333;

} .accordion > .acc-panel > a:hover:after {

 color: #fff;

}

/* Tabs

---

*/

.nav.nav-tabs {

 border-bottom: none;

} .nav.nav-tabs > li {

 margin-bottom: 0;

} .nav.nav-tabs > li.active > a {

 border: 3px solid #333;
 background-color: #fff;
 padding: 13px 20px;
 color: #333;

} .nav.nav-tabs > li > a {

 padding: 13px 20px;
 background-color: #fff;
 border: 3px solid #d1d1d1;
 -webkit-border-radius: 0;
 border-radius: 0;
 margin-right: 10px;
 font-family: "Montserrat", sans-serif;
 color: #7a7a7a;
 font-size: 12px;
 text-transform: uppercase;
 font-weight: 700;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

} .nav.nav-tabs > li > a:hover {

 color: #fff;
 background-color: #333;
 border-color: #111;

}

.tab-content {

 padding: 20px 0;

} .tab-content > .tab-pane > p {

 margin-bottom: 20px;

}

/* Buttons

---

*/

.section-buttons .btn {

 margin-bottom: 20px;

}

.btn {

 font-family: "Montserrat", sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 letter-spacing: 0.02em;
 -webkit-border-radius: 0;
 border-radius: 0;
 border: 3px solid transparent;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 color: #fff;
 background-color: #111;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;

} .btn.btn-color {

 background-color: #bfa67a;

} .btn.btn-transparent {

 background-color: transparent;
 border: 3px solid #fff;

} .btn.btn-stroke {

 color: #111;
 border: 3px solid #111;
 background-color: transparent;

} .btn.btn-dark {

 background-color: #333;

} .btn.btn-white {

 background-color: #fff;
 color: #111;

} .btn.btn-light {

 background-color: #f5f5f5;
 color: #111;

} .btn:hover {

 -webkit-transition: all 0.2 ease-in-out;
 -moz-transition: all 0.2 ease-in-out;
 -ms-transition: all 0.2 ease-in-out;
 -o-transition: all 0.2 ease-in-out;
 transition: all 0.2 ease-in-out;
 color: #fff;
 background-color: #bfa67a;
 border-color: transparent;

} .btn:focus {

 outline: none;
 color: #fff;

} .btn.btn-white:focus {

 color: #111;

} .btn.btn-color:hover {

 background-color: #111;

}

.btn-lg {

 font-size: 14px;
 padding: 13px 34px;

}

.btn-md {

 font-size: 11px;
 padding: 10px 25px;

}

.btn-sm {

 font-size: 10px;
 padding: 8px 22px;

}

/* Pie Charts

---

*/

.pie-chart {

 margin-bottom: 40px;

}

.chart {

 position: relative;
 display: inline-block;
 width: 174px;
 height: 174px;
 text-align: center;

} .chart canvas {

 position: absolute;
 top: 0;
 left: 0;

}

.percent {

 display: inline-block;
 line-height: 174px;
 z-index: 2;
 font-size: 24px;
 font-family: "Montserrat", sans-serif;
 color: #111;

} .percent:after {

 content: '%';
 margin-left: 0.1em;
 font-size: .9em;

}

/* Alert Boxes

---

*/

.alert {

 padding: 14px 20px;
 margin-bottom: 20px;
 border: none;
 -webkit-border-radius: 0;
 border-radius: 0;
 color: #fff;

}

.alert-dismissible .close {

 right: 0;
 top: 0;
 color: inherit;
 position: relative;

}

.close {

 opacity: 1;
 text-shadow: none;

}

.alert-success {

 background-color: #aec2a1;

}

.alert-info {

 background-color: #a0b7cb;

}

.alert-warning {

 background-color: #ccbfa9;

}

.alert-danger {

 background-color: #cba0a0;

}

/*-------------------------------------------------------*/ /* Form Elements /*-------------------------------------------------------*/ input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], select, textarea {

 position: relative;
 height: 47px;
 line-height: 47px;
 border: 2px solid #e3e3e3;
 background-color: transparent;
 width: 100%;
 margin-bottom: 16px;
 padding: 0 16px;
 color: #7a7a7a;
 -webkit-transition: border-color 0.3s ease-in-out;
 -moz-transition: border-color 0.3s ease-in-out;
 -ms-transition: border-color 0.3s ease-in-out;
 -o-transition: border-color 0.3s ease-in-out;
 transition: border-color 0.3s ease-in-out;

}

textarea#comment {

 height: 190px;
 padding: 0 16px;
 margin-bottom: 25px;

}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {

 border-color: #bfa67a;
 outline: none;
 box-shadow: none;

}

textarea {

 height: auto;
 padding: 0px 16px;

}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

 color: #7a7a7a;

}

input:-moz-placeholder, textarea:-moz-placeholder {

 color: #7a7a7a;
 opacity: 1;

}

input::-moz-placeholder, textarea::-moz-placeholder {

 color: #7a7a7a;
 opacity: 1;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

 color: #7a7a7a;

}

select {

 line-height: 1;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 cursor: pointer;

}

select::-ms-expand {

 display: none;

}

.select {

 position: relative;
 cursor: pointer;

} .select i {

 position: absolute;
 top: 14px;
 right: 18px;
 pointer-events: none;
 font-size: 18px;

}

/* Checkboxes & Radio Buttons

---

*/

input[type="checkbox"] {

 display: none;

}

input[type="checkbox"] + label:before {

 width: 22px;
 height: 22px;
 background-color: #e3e3e3;
 content: "";
 display: inline-block;
 font-size: 13px;
 margin: -4px 12px 0 0;
 text-align: center;
 vertical-align: middle;
 cursor: pointer;

}

input[type="checkbox"]:checked + label:before {

 content: "\f00c";
 font-family: "FontAwesome";
 color: #111;

}

input[type="checkbox"] + label, input[type="radio"] + label {

 cursor: pointer;
 margin-bottom: 0;
 font-family: "Open Sans", sans-serif;
 text-transform: none;
 letter-spacing: normal;
 color: #7a7a7a;
 font-size: 15px;

}

.radio-buttons > li, .checkboxes > li {

 padding: 7px 0;

}

input[type="radio"] {

 display: none;

}

input[type="radio"] + label:before {

 display: inline-block;
 content: "";
 width: 22px;
 height: 22px;
 background-color: #e3e3e3;
 border-radius: 40px;
 margin: -3px 10px 0 0;
 outline: none;
 vertical-align: middle;
 cursor: pointer;
 margin-bottom: 0;

}

input[type="radio"]:checked + label:before {

 width: 22px;
 height: 22px;
 background-color: #111;
 border: 6px solid #e3e3e3;

}

input[type="radio"]:focus {

 outline: none;

}

label {

 font-weight: normal;
 color: #111;
 font-size: 12px;
 font-family: "Montserrat", sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.05em;
 vertical-align: middle;

}

/*-------------------------------------------------------*/ /* Footer /*-------------------------------------------------------*/ .footer.minimal {

 padding: 20px 0;
 text-align: center;

} .footer.minimal .copyright {

 display: block;
 margin-top: 70px;
 font-size: 10px;
 font-family: "Montserrat", sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.05em;

} .footer.minimal .copyright a {

 color: #909090;

}

.socials.footer-socials a {

 margin: 0 2px;

} .socials.footer-socials a:hover i {

 color: #fff;
 background-color: #bfa67a;

} .socials.footer-socials i {

 width: 37px;
 height: 37px;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 background-color: #1b1b1b;
 color: #dbdbdb;
 line-height: 37px;
 text-align: center;
 font-size: 14px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

}

/*-------------------------------------------------------*/ /* Footer Type-2 /*-------------------------------------------------------*/ .footer.footer-type-2 {

 background-color: #111;

}

.footer-widgets {

 padding: 100px 0;

} .footer-widgets h5 {

 margin-bottom: 24px;
 font-size: 16px;
 color: #fff;

} .footer-widgets a {

 color: #7a7a7a;

} .footer-widgets a:hover {

 color: #fff;

}

.footer-links ul > li {

 padding: 13px 0;
 border-bottom: 1px solid #292929;
 line-height: 24px;

} .footer-links li {

 padding-bottom: 7px;

} .footer-links li:last-child {

 padding-bottom: 0;

}

.footer-get-in-touch p {

 margin-bottom: 7px;

}

p.footer-address {

 margin-bottom: 24px;

}

.footer-entry {

 padding: 9px 0 14px;
 border-bottom: 1px solid #292929;

} .footer-entry p {

 margin-bottom: 1px;

} .footer-entry span {

 color: #4c4c4c;
 font-size: 12px;

}

.footer-entry:first-child, .footer-links li:first-child {

 padding-top: 0;

}

.footer-entry:last-child, .footer-links li:last-child {

 border-bottom: none;
 padding-bottom: 0;

}

.footer-socials .social-icons a {

 margin-right: 3px;
 float: left;
 display: inline-block;
 width: 32px;
 height: 32px;
 overflow: hidden;
 background-color: transparent;
 color: #7a7a7a;
 line-height: 32px;
 text-align: center;
 font-size: 13px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;

}

.social-icons.light a {

 background-color: #f7f7f7;

} .social-icons i {

 display: block;
 width: 32px;
 height: 32px;
 line-height: 32px;
 position: relative;

} .social-icons a:hover {

 color: #fff;

}

.bottom-footer {

 background-color: #0c0c0c;
 padding: 34px 0;

}

.copyright span {

 font-size: 13px;
 line-height: 32px;

} .copyright span a {

 color: #7a7a7a;

} .copyright span a:hover {

 color: #fff;

}

/*-------------------------------------------------------*/ /* Footer Type-3 /*-------------------------------------------------------*/ .footer-type-3 {

 padding: 100px 0;
 font-size: 13px;
 line-height: 37px;

} .footer-type-3 .footer-socials {

 text-align: right;

} .footer-type-3 .footer-socials i {

 background-color: transparent;
 color: #7a7a7a;

} .footer-type-3 .footer-socials a:hover i {

 background-color: transparent;
 color: #111;

} .footer-type-3 a {

 color: #7a7a7a;

} .footer-type-3 a:hover {

 color: #111;

}

/*# sourceMappingURL=style.css.map */