@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(https://fonts.googleapis.com/css?family=Abel);

body {font-family: 'Raleway', sans-serif; color: #777; line-height: 1.9; font-size: 16px; letter-spacing: 1.4px; -webkit-font-smoothing: antialiased; padding-top: 60px;}

a {
  color: #d6b161;
  -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out;  -ms-transition: all .25s ease-in-out;   -o-transition: all .25s ease-in-out;      transition: all .25s ease-in-out;
}

a:hover, a:focus {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.divider {
  background-color: #9e9b7e;
  height: 2px;
  width: 60px;
  margin: 20px 0;
}

a, b, div, ul, li {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  -moz-outline-: none;
}

img:not([draggable]), embed, object, video {
  height: auto;
}



.logo{max-width: 180px !important; margin-top: 15px; margin-bottom: 40px}
.logoAlt{display: none; max-width: 200px; margin-top: 15px; margin-bottom: 15px}
.navbar-collapse{margin-top: 10px}
.agency-hist {background: url('../imgs/testimonialsBackground.jpg') center top; position: relative; padding: 70px 0; color: #fff!important;}
.tagline{text-align: right; margin: 14px 0px 50px 0px; font-family: 'Shadows Into Light'; color: rgba(26,8,4,1.0); text-align: right; font-size: 41px}



.statistic-bg {background: url('../imgs/map.jpg') center top; position: relative;}
.statistic-bg:before {position: absolute; content: ''; top: 0; left: 0; background: rgba(5,5,5,0.7); width: 100%; height: 100%; z-index: 2;}
.statistic-bg.landing-statistics {background: url('../imgs/map.jpg') center top; position: relative;}
.statistic-bg.landing-statistics:before {background: rgba(59, 164, 245, 0.7);}
.statistic-bg span.percentfactor, .statistic-bg .fact p, .statistic-bg .stats-icon span {color: #fff;}

/***********************************************************************************************/
/* =Help classes*/
/***********************************************************************************************/
.pad-sec {padding: 120px 0;}
.pad-sec-100 {padding: 100px 0;}
.pad-sec-80 {padding: 80px 0;}
.pad-sec-70 {padding: 70px 0;}
.pad-sec-60 {padding: 60px 0;}
.pad-sec-40 {padding: 40px 0;}
.pad-top-20 {padding-top: 20px;}
.pad-top-30 {padding-top: 30px;}
.pad-top-40 {padding-top: 40px;}
.pad-top-50 {padding-top: 50px;}
.pad-top-45 {padding-top: 45px}
.pad-top-60 {padding-top: 60px;}
.pad-top-80 {padding-top: 80px;}
.pad-top-100 {padding-top: 100px;}
.pad-top-120 {padding-top: 120px;}
.pad-top-140 {padding-top: 140px;}
.pad-bt-120 {padding-bottom: 120px;}
.pad-bt-100 {padding-bottom: 100px;}
.pad-bt-80 {padding-bottom: 80px;}
.pad-bt-60 {padding-bottom: 60px!important;}
.pad-bt-40 {padding-bottom: 40px!important;}
.pad-bt-20 {padding-bottom: 40px;}
.pad-rt-60 {padding-right: 60px;}
.pad-lf-60 {padding-left: 60px;}
.pad-lf-20 {padding-left: 20px;}
.pad-thb {padding-top: 15px; padding-bottom: 15px;}
.sep-section {height: 1px; border-bottom: 1px solid #EAEAEA;}

.grey-bg {background: #f5f5f5;}
.grey-l-bg {background: #f7f7f7;}
.l-grey-bg {background: #fafafa;}
.dark-bg {background: #1b1b1b;}
.bt-0 {border-bottom: 0!important;}

/***********************************************************************************************/
/* =Typography */
/***********************************************************************************************/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
  color: #1f2021;
  text-transform: uppercase;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 0;
  margin-bottom: 20px;
}

h1, .h1 {
  font-family: 'Abel', sans-serif;
  font-weight: 300;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 64px;
  line-height: 1.5;
  margin-bottom: 0;
}

h2 {
  font-size: 24px;
  line-height: 1.5;
}

h3 {
  font-size: 20px;
  line-height: 1.5;
}

h4 {
  font-size: 16px;
  padding-bottom: 20px;
  line-height: 1.4;
}

h5 {
  font-size: 14px;
  line-height: 1.6;
}

h6 {
  font-size: 12px;
}

/***********************************************************************************************/
/* =Buttons */
/***********************************************************************************************/

.btn {
  font-size: 13px;
  letter-spacing: 1px;
  padding: 14px 25px;
  border-radius: 1px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 0;
}

.btn-lg {
  padding: 17px 34px;
  letter-spacing: 1.3px;
}

.btn-md {
  padding: 13px 27px;
}

.btn-sm {
  padding: 10px 37px;
  font-size: 12px;
  -webkit-border-radius: 2px; -moz-border-radius: 2px;      border-radius: 2px;
}

.btn-xs {
  padding: 6px 18px;
  font-size: 12px;
}

.btn-rounded {
  border-radius: 4px;
}

.btn-primary {
  text-transform: uppercase;
  background-color: #d6b161;
  border-color:#d6b161;
  color: #222;
}

.btn-light-solid {background: #fff;color: #222;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, 
.btn-primary.active, .open>.dropdown-toggle.btn-primary, .btn-light-solid:hover, 
.btn-light-solid:focus, .btn-light-solid:active, .btn-light-solid:visited {
  color: #fff;
  background-color: #222;
  border-color: #222;
}

.btn-colored {
  background-color: #d6b161;
  color: #fff;
}

.btn-colored:hover, .btn-colored:focus, .btn-colored:active {
  background-color: #222;
  color: #fff;
}

.btn-dark-border {
  background: transparent;
  border: 1px solid #222;
  color: #222;
}

.btn-dark-border:hover {
  background: #222;
  border: 1px solid #222;
  color: #fff;
}

.btn-clean {
  color: #fff;
  border: 1px solid #fff;
}

.btn-clean:hover, .btn-clean:visited, .btn-clean:active, .btn-clean {
  color: #fff;
}

.btn-clean-2 {
  border-color: #6B6B6B;
  color: #1f2021;
  text-transform: uppercase;
  letter-spacing: 0;
  background: transparent;
}

.btn-gray {
  color: #777;
  background: #e5e5e5;
}

.btn-yellow {
  background-color: #ffba00;
  color: #fff;
  -webkit-transition: all .25s ease; -moz-transition: all .25s ease;  -ms-transition: all .25s ease;   -o-transition: all .25s ease;      transition: all .25s ease;
}

.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
  background-color: #222;
  border-color: #222;
  box-shadow: none;
  color: #fff;
}

.btn-dark {
  color: #FFF;
  text-transform: uppercase;
  background: rgba(34,34,34, .9);
  font-weight: 400;
  border-color: rgba(0,0,0, .7);
}

.btn-dark:hover, .btn-dark:active, .btn-dark:focus, .btn-dark:visited {
  color: rgba(255,255,255, .85);
  background: rgba(0,0,0, .7);
  outline: 0;
  box-shadow: none;
}


/***********************************************************************************************/
/* =Preloader */
/***********************************************************************************************/ 

#preloader {
  background-color: #FFF;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999;
}

#loading-animation {
  background-image: url("../imgs/loading.gif") ;
  opacity: 0.7;
  background-position: center center;
  background-repeat: no-repeat;
  height: 200px;
  left: 50%;
  margin: -100px 0 0 -100px;
  position: absolute;
  top: 50%;
  width: 200px;
  border-radius: 4px;
}

#loading-animation.load-const {
  background-image: url("../imgs/loading-c.gif") ;
}

#loading-animation.load-port {
  background-image: url("../imgs/loading-p.gif") ;
}

/***********************************************************************************************/
/* =Navbar */
/***********************************************************************************************/

.navbar-brand {
  padding-top: 9px;
}

.navbar-default {
  background-color: #fff;
  border: 2px solid #f0f0f0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  background: transparent;
  color: #d6b161;
}

.navbar-innovation .navbar-nav > .active > a, .navbar-innovation .navbar-nav > .active > a:hover, 
.navbar-innovation .navbar-nav > .active > a:focus {
  background: transparent;
  color: #ffba00;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #d6b161!important;
}

.navbar-innovation .navbar-nav > li > a:hover, .navbar-innovation .navbar-nav > li > a:focus {
  color: #ffba00!important;
}

.navbar-innovation .navbar-nav>li>.dropdown-menu {
  border-top: 3px solid #ffba00;
  margin-top: -1px!important;
}

.navbar-nav {
  margin: 7.5px -10px;
}

.navbar-default .navbar-nav > li > a {
  color: #060606;
  text-transform: uppercase;
  -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out;  -ms-transition: color .3s ease-in-out;   -o-transition: color .3s ease-in-out;      transition: color .3s ease-in-out;
}

.navbar-nav > li > a {
  text-align: center;
}

.nav > li > a {
  padding: 13px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #626262;
}

.navbar-toggle{float: none}
.navbar-header{text-align: center}

.dropdown-menu {
  top: 120%;
  font-size: 12px;
  text-transform: uppercase;-webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
  border-top: 0;
  padding: 12px 5px;
  border-top: 3px solid #d6b161;
  -webkit-transition: all .35 ease-in; -moz-transition: all .35 ease-in;  -ms-transition: all .35 ease-in;   -o-transition: all .35 ease-in;      transition: all .35 ease-in;
}

.dropdown-menu>li>a {
  padding: 5px 15px;
  line-height: 1.7;
  letter-spacing: 2px;
  text-transform: none;
  font-size: 13px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #fff;
  color: #35d3b7;
}

.navbar-innovation .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #ffba00;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background-color: #fff;
  color: #d6b161;
}

.navbar-innovation .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #ffba00!important;
}

.navbar-default .dropdown:hover>.dropdown-menu {
  display: block;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: 430px!important;
}

/************************************************************************
// =Navigation>Sticky Header
*************************************************************************/

.sticky-header {
  height: 80px;
  width: 100%;
  z-index: 56;
  padding: 27px 0;
  position: absolute;
  top: 0;
}

.sticky-header .logo,
.sticky-header .top-bars {
  padding-left: 0;
}

.sticky-header .logo img {
  max-height: 50px;
}

.sticky-header .top-bars {
  text-align: right;
  font-size: 28px;
  color: black;
}

.sticky-header .top-bars .fa-wrap {
  margin-right: 3px;
  float: right;
}

.sticky-header .top-bars .fa {
  cursor: pointer;
}

.sticky-header .top-bars .fa:hover {
  color: #7e7d7d;
}

.sticky-header .navbar.active {
  position: fixed;
  display: block;
  width: 100%;
  opacity: 0.95;
  background: #fff;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgb(242, 242, 242);
}

/***********************************************************************************************/
/* =Hero Section */
/***********************************************************************************************/

#hero-section {
  position: relative;
  display: table;
  width: 100%;
  height: 100vh; 
  min-height: 100%;
  -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover;      background-size: cover;
}

.hero-content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 2;
}

.hero-content h1, p.hero, .hero-slider-content h1 {
  color: #fff;
}

.div-line {
  width: 50px;
  background-color: #fff;
  height: 3px;
  margin: 20px 0;
}

p.hero {
  line-height: 1.5;
  margin: 0;
  font-family: 'Abel', sans-serif;
  letter-spacing: 6px;
  font-size: 20px!important;
  margin-bottom: 10px!important;
  text-transform: uppercase;
}

.hero-content p, .hero-slider-content p {
  color: #fff;
  margin-bottom: 10px;
  line-height: 2.2;
  font-size: 14px;
  font-weight: 300;
}

.hero-content .call-to-action, .hero-slider-content .call-to-action {
  padding-top: 30px;
}

span.spacebtn {
  padding: 10px;
}

ul.caption-slides {
  padding-left: 0;
}

ul.caption-slides li {
  text-align: center;
}

.caption-slides .div-line {
  text-align: center;
  margin: 20px auto;
}

.creative-hero-page {
  background: url("../imgs/temp/hero.jpg") no-repeat center center;
  height: 100%;
  -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover;      background-size: cover;
}

.creative-hero-page:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.creative-hero-page-2 {
  background: url("../imgs/temp/hero-slide-6.jpg") no-repeat center center;
  height: 100%;
  width: 100%;
  -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover;      background-size: cover;
}

.creative-hero-page-2:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.creative-hero-page-3 {
  background: url("../imgs/temp/hero-slide-8.jpg") no-repeat center center;
  height: 100%;
  -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover;      background-size: cover;
}

.creative-hero-page-3:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.creative-hero-page-4 {
  background: url("../imgs/temp/hero-bg.jpg") no-repeat center center;
  height: 100%;
  -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover;      background-size: cover;
}

.creative-hero-page-4:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.creative-hero-page-5 {
  background: url("../imgs/temp/hero-slide-1.jpg") no-repeat center center;
  height: 100%;
  -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover;      background-size: cover;
  width: 100%;
}

.creative-hero-page-5:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.hero-video-section {
  background: url("../imgs/temp/hero-slide-7.jpg") no-repeat center center;
  position: relative;
  display: table;
  width: 100%;
  height: 100vh; 
  min-height: 100%;
  -webkit-background-size: cover; -moz-background-size: cover;   -o-background-size: cover;      background-size: cover;
}

.hero-video-section:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.3);
  width: 100%;
  height: 100%;
  z-index: 2;
}

#hero-video-section .container {
  position: relative;
  z-index: 3;
}

.agency-hist:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.8);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.agency-hist .container {
  position: relative;
  z-index: 3;
}

.agency-hist h2  {
  font-size: 21px;
  color: #ffffff;
  margin: 25px 0px 30px;
  line-height: 1.6;
}

/***********************************************************************************************/
/* =Statistics section*/
/***********************************************************************************************/

#statistic-section {
  padding-top: 90px;
  text-align: center;
  color: #222;
}

#statistic-section .container {
  position: relative;
  z-index: 3;
}

.statistic-percent {
  padding-bottom: 75px;
}

span.percentfactor {
  font-size: 42px;
  margin-bottom: 4px;
}

.fact p {
  margin-top: 10px;
  text-transform: uppercase;
}

.stats-icon span {
  display: block;
  font-size: 36px;
  margin-bottom: 30px;
}

.statistic-bg span.percentfactor, .statistic-bg .fact p, .statistic-bg .stats-icon span {
  color: #fff;
}

/***********************************************************************************************/
/* =Portfolio */
/***********************************************************************************************/

#portfolio-section {
  padding-bottom: 0;
}

.project-item img {
  width: 100%;
}

.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(20,20,20,.7);
  opacity: 0;
  -webkit-transition: all .5s ease; -moz-transition: all .5s ease;  -ms-transition: all .5s ease;   -o-transition: all .5s ease;      transition: all .5s ease;
}

.overlay .overlay-inner {
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
}

.overlay .overlay-inner h4 {
  color: #fff!important;
  margin-bottom: 0!important;
  -webkit-transition: all .5s; -moz-transition: all .5s;  -ms-transition: all .5s;   -o-transition: all .5s;      transition: all .5s;
  -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px);  -ms-transform: translateY(-30px);   -o-transform: translateY(-30px);      transform: translateY(-30px);
}

.overlay .overlay-inner p {
  color: #fff;
  -webkit-transition: all .5s; -moz-transition: all .5s;  -ms-transition: all .5s;   -o-transition: all .5s;      transition: all .5s;
  -webkit-transform: translateY(30px); -moz-transform: translateY(30px);  -ms-transform: translateY(30px);   -o-transform: translateY(30px);      transform: translateY(30px);
}

.project-item:hover .overlay .overlay-inner h4 {
  -webkit-transform: translateY(0); -moz-transform: translateY(0);  -ms-transform: translateY(0);   -o-transform: translateY(0);      transform: translateY(0);
}

.project-item:hover .overlay .overlay-inner p {
  -webkit-transform: translateY(0); -moz-transform: translateY(0);  -ms-transform: translateY(0);   -o-transform: translateY(0);      transform: translateY(0);
}

.project-item a:hover .overlay {
  opacity: 1;
}

ul.filter-list {
  padding: 60px 0 80px 0;
  list-style: none;
}

ul.filter-list li {
  display: inline-block;
  margin-right: 10px;
}

ul.filter-list li a {
  display: block;
  cursor: pointer;
  color: rgb(73, 73, 73);
  font-size: 14px;
  padding: 8px 15px;
  border: 1px solid rgb(181, 181, 181);
}

ul.filter-list li a:hover {
  color: #d6b161;
  border: 1px solid #d6b161;
}

ul.filter-list li a.active {
  color: #d6b161;
  border: 1px solid #d6b161;
}

.gallery-masory {width: 100%;margin-left: 0;margin-right: 0;
}

.portfolio-items .gallery-masory .gallery-item {
  overflow: hidden;
  margin-bottom: 25px;
}

.describe-item {
  position: relative;
}

.wide.container {
  width: 100%!important;
  padding-left: 0;
  padding-right: 0;
}

.wide .gallery-item {
  padding-left: 1px;
  padding-right: 1px;
  margin-bottom: 2px!important;
}

.thin-gall .gallery-item {
  padding-left: 1px;
  padding-right: 1px;
  margin-bottom: 2px!important;
}

.large-gall .gallery-item {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px!important;
}

.p-col-3-p1 .gallery-item {
  margin-bottom: 2px!important;
  padding-left: 1px;
  padding-right: 1px;
}

p.screenshot-portfolio {
  text-align: center;
  color: #fff;
  font-size: 52px!important;
  margin-top: -38px;
  font-weight: 300;
}

#portfolio-section .call-to-action {
  padding-top: 80px;
  padding-bottom: 60px;
}

/***********************************************************************************************/
/* =Process section */
/***********************************************************************************************/

.process-alt-tabs {
  padding-bottom: 35px;
}

.process-alt-tabs > li {
  width: 18.4%;
  display: inline-block;
  vertical-align: top;
  float: none;
  padding: 0;
}

.process-alt-tabs li a {
  text-decoration: none;
  color: #a3a3a3;
  background: none !important;
  border: none !important;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
}

.process-alt-tabs li a:hover {
  color: #111;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  color: #111;
}

.alt-tabs-icon {
  display: block;
  margin-bottom: 16px;
  font-size: 46px;
  letter-spacing: 0;
}

blockquote {
  padding: 0;
  border: none;
}

blockquote p {
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.7;
  margin-bottom: 1em;
  color: #6F6F6F;
}

blockquote footer {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}

p.tab-desc {
  line-height: 28px;
  letter-spacing: 2.2px;
  font-weight: 300;
  font-size: 18px;
}

/***********************************************************************************************/
/* Features services */
/***********************************************************************************************/

.left-features-services, .right-features-services {
  padding-top: 70px;
}

ul.features-list {
  list-style: none;
  padding: 0;
}

ul.features-list li {
  margin-bottom: 22px;
}

.left-features-box, .right-features-box {
  padding-top: 5px;
  -webkit-border-radius: 5px; -moz-border-radius: 5px;   -o-border-radius: 5px;      border-radius: 5px;
}

.features-box-content h6 {
  margin-top: 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.iconbox {
  width: 50px;
  height: 50px;
  text-align: center;
  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;  -ms-transition: all .3s ease-in-out;   -o-transition: all .3s ease-in-out;      transition: all .3s ease-in-out;
}

.iconbox i {
  font-size: 32px;
  color: #111;
}

.iconbox:hover .fa {
  color: #fff;
}

.left-features-box {
  text-align: right;
}

.left-features-box .iconbox {
  float: right;
}

.left-features-box .features-box-content {
  margin-right: 70px;
}

.right-features-box .iconbox {
  float: left;
}

.right-features-box .features-box-content {
  margin-left: 70px;
}
.left-features-img, .features-img {
  text-align: center;
}

.left-features-img img, .features-img img {
  max-width: 100%;
}


/***********************************************************************************************/
/* =Choose Section */
/***********************************************************************************************/

#choose-section .title-section {
  padding-bottom: 80px;
}

.choose-image {
  text-align: center;
}

.choose-title {
  padding-top: 40px;
}

.choose-title p {
  line-height: 25px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1.3px;
  margin-top: 20px;
}

ul.choose-list {
  list-style: none;
  padding: 0;
  padding-top: 50px;
}

ul.choose-list li {
  margin-bottom: 30px;
}

.iconbox {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #35d3b7;
}

.iconbox i {
  font-size: 32px;
  color: #d6b161!important;
}

.choose-box-content {
  margin-left: 70px;
}

.choose-box-content h6 {
  margin-top: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

/***********************************************************************************************/
/* =Content testimonials-section */
/***********************************************************************************************/

#testimonials-section {
  padding: 80px 0;
  text-align: center;
}

ul.testimonials-slider {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.testimonials-slider li img {
  margin-bottom: 35px;
  display: inline-block;
}

ul.testimonials-slider li p {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  margin: 0 0 20px;
  color: #9B9B9B;
  font-style: italic;
}

.testimonials-author {
  color: #000;
}

#testimonials-section .bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #000!important;
  -moz-border-radius: 0!important;
  -webkit-border-radius: 0!important;
  border-radius: 0!important;
  width: 9px;
  height: 9px;
}

#testimonials-section .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000!important;
}

/***********************************************************************************************/
/* =Contact section*/
/***********************************************************************************************/

.contact-head-bg {
  background: url('../imgs/temp/hero.jpg') center top;
  position: relative;
  background-size: cover;
}

.contact-head-bg:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.5);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.contact-head-bg .container {
  position: relative;;
  z-index: 5;
}

.contact-head-bg h2, .contact-head-bg h4, .contact-head-bg .breadcrumb a {
  color: #fff;
}

#contact-section .divider {
  display: inline-block;
}

textarea.form-control {
  min-height: 171px;
}

#contactform .form-group #submit {
  display: block;
  width: 100%;
  margin-top: 20px;
}

.location-section {
  padding-bottom: 120px;
}

.location-item .icon {
  font-size: 36px;
  color: #323232;
  padding-bottom: 20px;
}

.location-item h5 {
  margin-bottom: 20px;
}


.footer-line {
  padding: 15px 0;
  background: #1f2021;
  border-top: 1px solid #535353;
}
.footer-line .col-md-6{text-align: right}
.project-item {
  position: relative;
}

.project-item img {
  width: 100%;
}

.project-item a {
  display: block;
}

/***********************************************************************************************/
/* Responsive Part */
/***********************************************************************************************/


@media screen and (max-width: 1024px) {
	.newsletter-field {width: 60%;}
	.portfolio .item-3-column {width: 50%;}
}

@media screen and (max-width: 992px) {
	.navbar-fixed-top .container {width: 100%!important;}
	.pad-sec {padding: 80px 0;}
	.pad-top-120 {padding-top: 80px;}
	h2 {font-size: 28px;}
	.hero-text, .hero-slider-text {text-align: center;}
	.hero-content .call-to-action, .hero-slider-content .call-to-action {text-align: center;}
	.hero-content p, .hero-slider-content p {font-size: 13px;}
	#feature-section-3 .col-md-5 h4 {padding-top: 40px;}
	#statistic-section {padding-top: 60px;}
	
	/* navbar */
	.logoHolder{text-align: center}
	.navbar-right{float: none !important}
	.navbar-nav>li{float: none; display: inline-block}
	.navbar-collapse{text-align: center}
	.logoAlt{max-width: 290px !important}
	
	.stats-icon span {margin-bottom: 15px;}
  .statistic-percent {padding-bottom: 45px;}
  .choose-title {display: none;}
  ul.choose-list {padding-top: 10px;}
  .history-content {text-align: center;}
  .img-history {margin-top: 80px;}
  .promo-section {text-align: center;}
  .tab-posts-box {margin-top: 60px;}
  .feature-1-content {text-align: center;}
  .feature-1-image {margin-top: 40px;text-align: center;}
  .promo-action {text-align: center;}
  .gallery-masory {width: auto;}
  .section_header {padding-top: 30px;}
  .img-feature {padding-top: 0;}
  .feature-content .view-more {text-align: left;}
  .services-alt-tabs > li {width: 32%;margin-bottom: 10px;}
  .newsletter-title h4 {font-weight: 400;line-height: 1.4;}
  .newsletter-field {width: 100%;margin-bottom: 20px!important;}
  #subscribe-button {width: 100%;}
  .blog-post {margin-bottom: 40px;}

 .construction-h.pad-sec-80 {
  padding: 40px 0;
 }

 .construction-h .img-history {margin-top: 5px;}
  .construction-h .section_header {padding-top: 20px!important;}
  .construction-h .history-content.pad-top-100 {padding-top: 10px;}
  
  .app-hero-img {visibility: hidden;}

}


@media screen and (max-width: 768px) {
	.navbar-nav>li{display: block}
	.logo{margin: 0 auto; margin-top: 15px; margin-bottom: 40px}
	.tagline{text-align: center; font-size: 27px}
	.footer-line .col-md-6{text-align: center}
  .spacebtn {display: block;}
  .nav > li > a {padding: 12px 0;}
  .navbar-default .navbar-nav > li > a {border-top: 1px solid #f0f0f0;}
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 340px;}
  .navbar-innovation .navbar-nav>li>.dropdown-menu {text-align: center;}
  .navbar-default .dropdown:hover>.dropdown-menu {display: block;-webkit-animation: none;-o-animation: none;animation: none;  }
  .burger-menu .icon-wrap {right: 20px;}
  .burger-menu .menu-wrap {margin-top: 20%!important;display: block;}
  .burger-menu .menu-wrap > ul > li {font-size: 20px;}
  .burger-menu .menu-wrap ul ul {font-size: 16px;}
  .burger-menu .menu-wrap > ul > li {margin-bottom: 10px;}
  .hero-content p, .hero-slider-content p {display: none;}
  p.hero {display: block!important;}
  .stats-icon span {display: none;}
  .agency-hist h2 {font-size: 18px;}
  .construct-history h2 {font-size: 18px;}
  #construct-service-section .col-md-3 {margin-bottom: 40px;}
  #construction-services-head {text-align: center;}
  .construction-h .img-history {margin-top: 50px;}
  #about-section-3.grey-l-bg {padding-top: 0;padding-bottom: 20px;}
  .project-desc {padding-bottom: 50px;}
  .project-desc img {width: 100%;}
  #related-projects .project-item {margin-bottom: 30px;}
  .section_header {padding-top: 0px;}
  .img-feature {padding-top: 70px;}
  #about-section-3 .about-post {margin-bottom: 30px;}
  .feature-content .view-more {text-align: center;}
  .product .col-sm-6.text-center {padding: 60px 20px 40px 20px;}
  #features-product {text-align: center;}
  .pad-rt-60 {padding-right: 15px;}
  .pad-lf-60 {padding-left: 15px;}
  .describe-content {padding: 20px 0;}
  .head-title {text-align: center;}
  .breadcrumb {text-align: center;}
  .page-navi .breadcrumb {padding-top: 60px;text-align: center;}
  #module-maps .address a {text-align: center;}
  .portfolio .news-item {width: 100%;}
  .location-section {padding-bottom: 80px;}
  .up-footer {background: #222222;padding: 55px 0 45px;}
  .footer-widget {margin-bottom: 30px;}
  .more-works-widget {margin-bottom: 0;}
  #footer-section {padding: 40px 0;}
  ul.footer-social-links li a {font-size: 13px;}
  p.copyright {padding-top: 10px;}
  .nav-1 {width: 40%;}

}

@media screen and (max-width: 600px) {
	.logoAlt{max-width: 200px !important}
	.navbar-fixed-bottom, .navbar-fixed-top{position: absolute}
  
  h1 {font-size: 36px;}
  h2 {font-size: 20px;}
  h3 {font-size: 18px;}
  p {font-size: 15px;}
  .hero-content {margin-top: -15px!important;}
  p.hero {font-size: 14px;margin-top: 15px;line-height: 1.7;}
  .hero-content p, .hero-slider-content p {font-size: 12px;line-height: 1.7;margin-top: 10px;}
  .spacebtn {display: block;}
  .sticky-header .logo img {display: none;}
  .tab-posts-box ul.nav-tabs {text-align: center;}
  .tab-posts-box ul.nav-tabs li a {padding: 10px 10px;font-weight: 500;font-size: 12px;text-align: center;}
  .slideshow-photo-hero .hero-content {margin-top: 25%!important;}
  .pad-sec {padding: 70px 0;}
  .pad-sec-100 {padding: 70px 0;}
  .pad-sec-80 {padding: 60px 0;}
  .pad-sec-70 {padding: 60px 0;}
  .pad-sec-60 {padding: 50px 0;}
  .pad-sec-40 {padding: 30px 0;}
  .pad-top-20 {padding-top: 20px;}
  .pad-top-30 {padding-top: 30px;}
  .pad-top-40 {padding-top: 34px;}
  .pad-top-50 {padding-top: 36px;}
  .pad-top-45 {padding-top: 34px}
  .pad-top-60 {padding-top: 40px;}
  .pad-top-80 {padding-top: 60px;}
  .pad-top-100 {padding-top: 70px;}
  .pad-top-120 {padding-top: 70px;}
  .pad-top-140 {padding-top: 90px;}
  .pad-bt-120 {padding-bottom: 80px;}
  .pad-bt-100 {padding-bottom: 70px;}
  .pad-bt-80 {padding-bottom: 60px;}
  .pad-bt-60 {padding-bottom: 50px!important;}
  .pad-bt-40 {padding-bottom: 30px!important;}
  .pad-bt-20 {padding-bottom: 35px;}
  .process-alt-tabs > li {width: 45%;}
  ul.filter-list {text-align: center;padding-top: 0;}
  ul.filter-list li {margin-bottom: 20px;}
  ul.filter-list li:last-child {margin-bottom: 0;}
}