@import url(main.css);

@font-face {
  font-family:"Paralines";
  src:url("../fonts/Paralines-Regular.otf");
  src:local("Paralines");
  src:url("../fonts/Paralines-Regular.otf") format("opentype");
}

body {
  font-family:'Sunflower', sans-serif;
  color:#343434;
  font-weight:400;
}

.section-padding {
  padding:100px 0;
}

p {
  line-height:2;
  margin:0;
  font-size:16px;
  color:#7e7e7e;
  font-family:'Sunflower', sans-serif;
}

.section-head {
  margin-bottom:30px;
  padding-bottom:20px;
  text-align:center;
  position:relative;
}

.section-head h4 {
  font-weight:700;
  font-size:28px;
  margin-bottom:15px;
  font-family:'Goudy Bookletter 1911', serif;

}
/*.section-head h4:after {
  content:"";
  height:2px;
  width:80px;
  background:#f1f1f1;
  position:absolute;
  bottom:0;
  left:calc(50% - 40px);
}*/
.ctit {
  /*text-transform:uppercase;
  font-weight:700;*/
  font-size:13px;
  letter-spacing:1px;
}

.bghalf {
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  height:100%;
  width:50%;
}

.btn-bg-md {
  border:1px solid #f77b56;
  background:#f77b56;
  color:#fff;
  padding:10px 30px;
  display:inline-block;
  border-radius:3px;
  -webkit-transition:all .5s;
  transition:all .5s;
}

.btn-bord-md {
  border:1px solid #fff;
  background:transparent;
  padding:10px 30px;
  display:inline-block;
  border-radius:3px;
  -webkit-transition:all .5s;
  transition:all .5s;
}

.btn-bg-md:hover,
.btn-bord-md:hover {
  border-color:#f77b56;
  color:#fff;
  background:#f77b56;
}

.overlay {
  position:relative;
}
.overlay:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background:rgba(12, 12, 12, 0.7);
  z-index:1;
}
.overlay .container, .overlay .container-fluid {
  position:relative;
  height:100%;
  z-index:7 !important;
}

.button-top {
  position:fixed;
  bottom:-200px;
  right:20px;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  border-radius:50%;
  font-size:16px;
  color:#fff;
  background:#515A5F;
  z-index:99999999;
  opacity:.5;
  -webkit-transition:all .5s;
  transition:all .5s;
  cursor:pointer;
}
.button-top:hover {
  opacity:.8;
}

.button-show {
  bottom:20px;
}

/* -------------------------------------------------------
                     Navbar 
-------------------------------------------------------- */
.navbar-default {
  padding:20px 0 30px;
  background:none;
  border:none;
  border-radius:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:99;
}
.navbar-default .navbar-nav > li > a {
  margin:0 !important;
  color:#eee !important;
  padding:0 !important;
}
.navbar-default .navbar-nav > li {
  font-size:16px;
  text-transform:uppercase;
  margin:25px 20px 0;
  padding:5 10px;
  background:none;
  cursor:pointer;
  position:relative;
}
/*.navbar-default .navbar-nav > li:last-child {
	border:1px solid #eee;
	padding:10px;
	margin-top:15px;
}*/
.navbar-default .navbar-nav > li .active {
  color:#f77b56 !important;
  background:none;
}

.nav-scroll {
  background:rgba(255, 255, 255, 0.85);
  border-bottom:1px solid rgba(12, 12, 12, 0.04);
  min-height:60px;
  line-height:60px;
  padding:0;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.nav-scroll .logo {
  /*color:#666;*/
  padding-top:5px;
  padding-bottom:10px;
  -webkit-filter:grayscale(90%);
  -moz-filter:grayscale(90%);
  filter:grayscale(90%);
}
.nav-scroll .navbar-nav > li > a {
  color:#111 !important;
}

.logo {
  float:left;
  padding-top:15px;
  /*font-family:'louis george', sans-serif;
  text-transform:uppercase;
  font-size:28px;
  color:#ff3333;*/
}

/* -------------------------------------------------------
                     Side Menu 
-------------------------------------------------------- */
.side-menu.static {
  top:0;
  left:0;
}

.side-menu {
  position:fixed;
  width:270px;
  background:#fff;
  border-right:1px solid #f4f4f4;
  height:100vh;
  z-index:500;
  text-align:center;
  padding:30px 15px;
}
.side-menu .logo {
  float:none;
  color:#343434;
  font-size:40px;
  margin-bottom:30px;
}
.side-menu .menu-links {
  height:70%;
  margin-bottom:30px;
}
.side-menu .menu-links li {
  padding:14px 0;
  font-size:11px;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:1px;
}
.side-menu .menu-links .active {
  color:#f77b56;
}
.side-menu .simplebar-scrollbar {
  background:#bbb;
  width:6px;
}
.side-menu .social-icon span {
  width:30px;
  height:30px;
  line-height:28px;
  font-size:13px;
  border:2px solid transparent;
  text-align:center;
  border-radius:50%;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.side-menu .social-icon span:hover {
  border-color:#f77b56;
  color:#f77b56;
}

.main {
  width:calc(100% - 270px);
  position:relative;
  margin-left:270px;
  overflow:hidden;
  z-index:1;
}
.main nav {
  display:none;
}

@media screen and (max-width:991px) {
  .main {
    width:100%;
    margin-left:0;
  }
  .main nav {
    display:block;
  }

  .side-menu.static {
    display:none;
  }
}
.push-bar {
  margin-top:20px;
  float:right;
  cursor:pointer;
}
.push-bar span {
  width:25px;
  height:2px;
  background:#fff;
  margin:5px;
  display:block;
}

.nav-scroll .push-bar {
  margin-top:25px;
}
.nav-scroll .push-bar span {
  background:#343434;
}

.side-menu.push-menu {
  top:0;
  right:-270px;
  border-left:1px solid #f4f4f4;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.side-menu.push-menu .menu-links li {
  -webkit-transform:translateY(-10px);
          transform:translateY(-10px);
  opacity:0;
  -webkit-transition:all .5s;
  transition:all .5s;
}

.push-menu-active {
  right:0 !important;
}
.push-menu-active .menu-links li {
  -webkit-transform:translateY(0px) !important;
          transform:translateY(0px) !important;
  opacity:1 !important;
  -webkit-transition-duration:.5s;
          transition-duration:.5s;
  -webkit-transition-property:all;
  transition-property:all;
  -webkit-transition-timing-function:ease;
          transition-timing-function:ease;
}
.push-menu-active .menu-links li:first-child {
  -webkit-transition-delay:.1s;
          transition-delay:.1s;
}
.push-menu-active .menu-links li:nth-child(2) {
  -webkit-transition-delay:.2s;
          transition-delay:.2s;
}
.push-menu-active .menu-links li:nth-child(3) {
  -webkit-transition-delay:.3s;
          transition-delay:.3s;
}
.push-menu-active .menu-links li:nth-child(4) {
  -webkit-transition-delay:.4s;
          transition-delay:.4s;
}
.push-menu-active .menu-links li:nth-child(5) {
  -webkit-transition-delay:.5s;
          transition-delay:.5s;
}
.push-menu-active .menu-links li:nth-child(6) {
  -webkit-transition-delay:.6s;
          transition-delay:.6s;
}
.push-menu-active .menu-links li:nth-child(7) {
  -webkit-transition-delay:.7s;
          transition-delay:.7s;
}
.push-menu-active .menu-links li:last-child {
  -webkit-transition-delay:.8s;
          transition-delay:.8s;
}

.push-page {
  position:relative;
  right:0;
  -webkit-transition:all .5s;
  transition:all .5s;
}

.push-page-active {
  right:270px;
}

.push-bar-close {
  position:absolute;
  top:20px;
  right:20px;
  padding:10px;
  cursor:pointer;
}
.push-bar-close span {
  width:20px;
  height:2px;
  margin:-2px auto;
  background:#343434;
  display:block;
}
.push-bar-close span:first-child {
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg);
}
.push-bar-close span:last-child {
  -webkit-transform:rotate(-45deg);
          transform:rotate(-45deg);
}

/* -------------------------------------------------------
                     Header 
-------------------------------------------------------- */
.header {
  position:relative;
  height:100vh;
  width:100%;
  overflow:hidden;
}
.header2 {
  position:relative;
  height:58vh;
  width:100%;
  overflow:hidden;
}
.header .owl-carousel, .header2 .owl-carousel {
  height:100%;
  position:absolute;
  top:0;
  left:0;
  width:100%;
}
.header .owl-carousel .item {
  height:100vh !important;
  width:100%;
}
.header2 .owl-carousel .item {
  height:58vh !important;
  width:100%;
}
.header .owl-carousel .item:after, .header2 .owl-carousel .item:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background:rgba(1, 1, 1, 0.7);
  z-index:4;
}
.header .owl-carousel .item .v-middle, .header2 .owl-carousel .item .v-middle {
  z-index:99;
}
.header .owl-carousel .slide-1 {
  background-size:cover !important;
  background-image:url(../img/1.jpg) !important;
}
.header .owl-carousel .slide-2 {
  background-size:cover !important;
  background-image:url(../img/bg2.jpg) !important;
}
.header .owl-carousel .slide-3 {
  background-size:cover !important;
  background-image:url(../img/bg3.jpg) !important;
}
.header2 .caption-2 {
  padding-top:50px;
}
.header2 .caption-2 h1 {
  font-family:'Goudy Bookletter 1911', serif;
  font-size:3em;
  font-weight:300;
  letter-spacing:4px;
  color:#fff;
  margin:0 auto 15px;
  width:70%;
  line-height:1.5em;
}
/*.header2 .caption-2 h1 span.type1 {
	font-size:260%;
	letter-spacing:2px;
	font-weight:600;
}
.header2 .caption-2 h1 span.type2 {
	font-size:85%;
}*/
.header .caption-1 p {
  color:#fff;
  font-weight:300;
  font-size:18px;
  letter-spacing:2px;
}
.header .caption-1 .botn {
  margin-top:30px;
  padding:10px 25px;
  border:1px solid #fff;
  background:#fff;
  color:#212121;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.header .caption-1 .botn:hover {
  background:#f77b56;
  border-color:#f77b56;
  color:#fff;
}
.header .caption-2 {
  padding-top:30px;
}
.header .caption-2 h1 {
  font-family:'Goudy Bookletter 1911', serif;
  font-size:4.5em;
  font-weight:300;
  letter-spacing:4px;
  color:#fff;
  margin:0 auto 25px;
  width:70%;
  line-height:1.4em;
}
.header .caption-2 p {
  font-size:18px;
  font-weight:300;
  color:#fff;
  letter-spacing:2px;
}
.header .caption-2 .botn2 {
  margin-top:30px;
  padding:10px 30px;
  border:2px solid #999;
  /*border-radius:20px;*/
  color:#999;
  -webkit-transition:all .5s;
  transition:all .5s;
  font-size:20px;
}
.header .caption-2 .botn2:hover {
  border-color:#ddd;
  color:#ddd;
}
.header .caption-2 .botn2:hover i {
  padding-left:10px;
}
.header .caption-2 .botn2 i {
  padding-left:6px;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.header .caption-3 {
  padding-top:30px;
}
.header .caption-3 h1 {
  font-family:'Source Sans Pro', sans-serif;
  font-weight:300;
  font-size:70px;
  text-transform:uppercase;
  letter-spacing:4px;
  color:#fff;
  margin-bottom:15px;
}
.header .caption-3 p {
  font-size:14px;
  font-weight:300;
  text-transform:uppercase;
  color:#fff;
  letter-spacing:4px;
}
.header .caption-3 .botn3, .header .caption-3 .botn4 {
  margin:30px 5px 0;
  padding:10px 25px;
  border:1px solid #fff;
  background:#fff;
  border-radius:20px;
  color:#212121;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.header .caption-3 .botn3:hover, .header .caption-3 .botn4:hover {
  background:transparent;
  color:#f77b56;
  border-color:#f77b56;
}
.header .owl-dots {
  position:absolute;
  text-align:center;
  width:100%;
  bottom:5vh;
}
.header .owl-dots .owl-dot span {
  background:transparent;
  border:1px solid #fff;
  margin:0 3px;
}
.header .owl-dots .owl-dot span:hover {
  background:transparent !important;
  border-color:#f77b56;
}
.header .owl-dots .active span {
  background:#f77b56 !important;
}

.bg1 {
  background-image:url(../img/home-header.jpg);
  background-size:cover;
  background-attachment:fixed;
  background-position:center center; 
}

.bg2 {
  background-image:url(../img/about-header.jpg);
  background-size:cover;
  background-attachment:fixed;
  background-position:center center;
}

.bg3 {
  background-image:url(../img/contact-header.jpg);
  background-size:cover;
  background-attachment:fixed;
  background-position:center center;
}
.bg3 .item:after {
  background:rgba(1, 1, 1, 0.4) !important;
}

.bg4 {
  background-image:url(../img/bg4.jpg);
  background-size:cover;
  background-attachment:fixed;
}
.bg4 .item:after {
  background:rgba(1, 1, 1, 0.5) !important;
}

.bg5 {
  background-image:url(../img/bg5.jpg);
  background-size:cover;
  background-attachment:fixed;
}

.bgvideo .item:after {
  background:rgba(1, 1, 1, 0.5) !important;
}

.header .tabs {
	position:absolute;
	background:rgba(255,255,255,0.1);
	padding:15px 0;
    width:100%;
    bottom:0px;
    z-index:100;
}
.header .tabs .tab {
	border-right:1px solid #777;
	color:#999;
	font-size:18px;
	cursor:default;
	transition:all .3s ease-in-out;
}
.header .tabs .tab:hover {
	color:#fff;
}


/* -------- Hero -------- */

.hero .overlay:after {
  background:rgba(12, 12, 12, 0.7);
}
.hero .hero-content {
  margin-bottom:80px;
}
.hero h6 {
  margin-bottom:15px;
  line-height:1.5em;
  font-size:20px;
  color:#f77b56;
  text-align:center;
  /*padding-top:25px;*/
}
.hero h4 {
  margin-bottom:30px;
  letter-spacing:1px;
  line-height:1.5em;
  text-align:center;
  font-family:'Goudy Bookletter 1911', serif;
}
.hero h3 {
  margin-bottom:10px;
  letter-spacing:1px;
  line-height:1em;
  text-align:center;
  font-family:'Goudy Bookletter 1911', serif;
  font-size:38px;
}
.hero p {
  font-size:16px;
  line-height:1.7em;
  text-align:center;
}
.hero .buton {
  padding:10px 22px;
  font-size:11px;
  text-transform:uppercase;
  border:1px solid #888;
  border-radius:20px;
  margin-top:50px;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.hero .buton:hover {
  background:#f77b56;
  border-color:#f77b56;
  color:#fff;
}
.hero .hero-video {
  padding:90px 0;
  color:#fff;
  background-attachment:fixed;
  background-size:cover;

}
.hero .bg1 {
  background-image:url(../img/ergate-way.jpg);
}
.hero .bg2 {
  background-image:url(../img/award.jpg);
}
.hero .bg3 {
  background-image:url(../img/media-relations.jpg);
}
.hero .bg4 {
  background-image:url(../img/speaking-opportunities.jpg);
}
.hero .bg5 {
  background-image:url(../img/digital.jpg);
}
.hero .bg6 {
  background-image:url(../img/experiences.jpg);
}

.hero .hero-video .icon {
  font-size:40px;
  margin-bottom:30px;
}
.hero .hero-video h3 {
  font-family:'Goudy Bookletter 1911', serif;
  font-size:50px;
  line-height:1.2em;
  letter-spacing:0.05em;
  margin-bottom:20px;
}
.hero .hero-video h5 {
  font-size:20px;
  text-transform:uppercase;
  letter-spacing:0.2em;
  color:#f77b56;
}

/* -------------------------------------------------------
                     Services 
-------------------------------------------------------- */
.services .item {
  padding:50px 25px 40px;
  border:1px solid #f4f4f4;
  border-radius:5px;
}
.services .item:hover .icon {
  color:#f77b56;
  top:-30px;
}
.services .item .icon {
  float:left;
  font-size:40px;
  position:absolute;
  left:40px;
  top:-20px;
  padding:0 15px;
  color:#9e9e9e;
  background:#fff;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.services .item h6 {
  margin-bottom:12px;
  font-size:14px;
  color:#444;
}

/* -------------------------------------------------------
                     Numbers 
-------------------------------------------------------- */
.numbers {
  color:#fff;
  position:relative;
}
.numbers .mgauto {
  width:245px;
  margin:auto;
}
.numbers .item {
  padding:140px 10px;
  background:#232323;
}
.numbers .item .icon {
  float:left;
  font-size:50px;
  padding-top:5px;
  color:#f77b56;
}
.numbers .item .content {
  margin-left:80px;
}
.numbers .item h5 {
  font-weight:900;
  margin-bottom:15px;
}
.numbers .spacial {
  background:#212121;
}

/* -------------------------------------------------------
                     Portfolio 
-------------------------------------------------------- */
.portfolio {
  overflow:hidden;
}
.portfolio .filtering span {
  padding:0 10px;
  margin:0 15px;
  color:#999;
  letter-spacing:1px;
  font-weight:600;
  font-size:12px;
  text-transform:uppercase;
  cursor:pointer;
}
.portfolio .filtering .active {
  color:#111;
}
.portfolio .item-img {
  margin:15px auto;
  position:relative;
  overflow:hidden;
}
.portfolio .item-img:after {
  content:"";
  width:100%;
  height:300%;
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg);
  background:rgba(255, 255, 255, 0.05);
  position:absolute;
  top:-30%;
  left:-100%;
  opacity:0;
  -webkit-transition:left .5s;
  transition:left .5s;
  z-index:9;
}
.portfolio .item-img:hover:after {
  left:120%;
  opacity:1;
}
.portfolio .item-img:hover .item-img-overlay {
  opacity:1;
  -webkit-transform:translateY(0);
          transform:translateY(0);
}
.portfolio .item-img:hover h6, .portfolio .item-img:hover .icons {
  -webkit-transform:translateY(0);
          transform:translateY(0);
}
.portfolio .item-img h6 {
  position:relative;
  color:#fff;
  margin-bottom:30px;
  -webkit-transform:translateY(-15px);
          transform:translateY(-15px);
  -webkit-transition:all .5s;
  transition:all .5s;
}
.portfolio .item-img .icons {
  -webkit-transform:translateY(15px);
          transform:translateY(15px);
  -webkit-transition:all .5s;
  transition:all .5s;
}
.portfolio .item-img .icon {
  width:35px;
  height:35px;
  line-height:35px;
  border-radius:50%;
  background:#fff;
  color:#212121;
  font-weight:bold;
  margin:0 2px;
  -webkit-transition:all .5s;
  transition:all .5s;
  cursor:pointer;
}
.portfolio .item-img .icon:hover {
  background:#f77b56;
  color:#fff;
}
.portfolio .item-img-overlay {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0, 0, 0, 0.8);
  color:#fff;
  opacity:0;
  -webkit-transition:all .5s;
  transition:all .5s;
  z-index:2;
  -webkit-transform:translateY(10px);
          transform:translateY(10px);
}
.portfolio .load {
  margin:30px auto 0;
  border:1px solid #eee;
  padding:12px 30px;
  color:#555;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.portfolio .load:hover {
  background:#111;
  border-color:#111;
  color:#fff;
}

/* -------------------------------------------------------
                    Clients
-------------------------------------------------------- */
.clients {
  background-image:url(../img/2.jpg);
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  position:relative;
}
.clients .client-say {
  color:#fff;
}
.clients .client-say span {
  font-size:40px;
  margin-bottom:30px;
}
.clients .client-say .client-item p {
  font-size:20px;
  letter-spacing:1px;
  color:#eee;
  font-style:italic;
  margin-bottom:15px;
}
.clients .client-say .client-item p i {
  font-size:16px;
  padding:0 10px;
}
.clients .client-say .client-item h5 {
  font-size:15px;
  font-weight:700;
  margin-bottom:12px;
  color:#f77b56;
  font-family:'Petit Formal Script', cursive;
}
.clients .client-say .client-item h6 {
  color:#999;
  font-size:12px;
  text-transform:capitalize;
  margin-bottom:30px;
}
.clients .owl-theme .owl-dots span {
  width:10px;
  height:10px;
  border:1px solid #eee;
  border-radius:50%;
  background:transparent;
  margin:0 2px;
}
.clients .owl-theme .owl-dots .active span {
  background:#eee;
}

.clients.overlay:after {
  background:rgba(12, 12, 12, 0.8);
}

/* -------------------------------------------------------
                    Price
-------------------------------------------------------- */
.price {
  background:#f8f8f8;
}
.price .item {
  background:#fff;
  padding:50px;
}
.price .item .type {
  margin:0 0 50px;
  color:#f77b56;
  font-family:'Petit Formal Script', cursive;
}
.price .item .type h5 {
  font-size:22px;
}
.price .item .mount {
  margin:0 0 50px;
}
.price .item .mount h3 {
  font-size:60px;
  font-weight:700;
}
.price .item .mount h3 span {
  font-size:20px;
  font-weight:400;
  padding-right:5px;
}
.price .item .features {
  margin:0 0 50px;
}
.price .item .features p {
  padding-bottom:15px;
  margin-bottom:15px;
  line-height:1.4;
  border-bottom:1px solid #f8f8f8;
}
.price .item .features p:last-child {
  border:0;
  padding:0;
  margin:0;
}
.price .item .order div {
  border-radius:20px;
  padding:10px;
  width:90%;
  background:#343434;
  border-color:#343434;
  letter-spacing:.5px;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.price .item .order div:hover {
  background:#f77b56;
  border-color:#f77b56;
}
.price .spacial {
  position:relative;
  overflow:hidden;
}
.price .spacial .pop {
  background:#f77b56;
  padding:10px 0;
  text-align:center;
  width:200px;
  position:absolute;
  top:35px;
  right:-50px;
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg);
}
.price .spacial .pop h6 {
  color:#fff;
  font-size:12px;
}
.price .spacial .order div {
  background:#f77b56;
  border-color:#f77b56;
}

/* -------------------------------------------------------
                     Team 
-------------------------------------------------------- */
.team .item {
  position:relative;
}
.team .item:hover .info {
  background:rgba(12, 12, 12, 0.85);
}
.team .item .info {
  text-align:center;
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  padding-top:35%;
  overflow:hidden;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.team .item .info:hover .team-info {
  opacity:1;
  -webkit-transform:translateY(0px);
          transform:translateY(0px);
}
.team .item .info:hover .social-icon {
  opacity:1;
}
.team .item .info .team-info {
  padding:30px 0;
  background:#fff;
  position:absolute;
  bottom:10%;
  left:10%;
  width:80%;
  opacity:0;
  -webkit-transform:translateY(100px);
          transform:translateY(100px);
  -webkit-transition:all .5s;
  transition:all .5s;
}
.team .item .info h5 {
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  margin-bottom:10px;
  color:#f77b56;
}
.team .item .info h6 {
  font-size:16px;
  font-weight:700;
}
.team .item .social-icon {
  text-align:center;
  color:#fff;
  opacity:0;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.team .item .social-icon span {
  margin:10px;
}
.team .item:hover .social-icon {
  opacity:1;
}
.team .item:hover .totop, .team .item:hover .tobotm {
  -webkit-transform:translateY(0px);
          transform:translateY(0px);
  opacity:1;
}

/* -------------------------------------------------------
                    Twitty
-------------------------------------------------------- */
.twitty {
  background-image:url(../img/3.jpg);
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  position:relative;
}
.twitty .twitty-say {
  color:#fff;
}
.twitty .twitty-say span {
  font-size:40px;
  margin-bottom:30px;
}
.twitty .twitty-say .twitty-item p {
  font-size:18px;
  color:#eee;
  margin-bottom:30px;
}
.twitty .twitty-say .twitty-item h6 {
  color:#f77b56;
  font-size:12px;
  letter-spacing:0;
  text-transform:capitalize;
  margin-bottom:30px;
}
.twitty .owl-theme .owl-dots span {
  width:10px;
  height:10px;
  border:1px solid #eee;
  border-radius:50%;
  background:transparent;
  margin:0 2px;
}
.twitty .owl-theme .owl-dots .active span {
  background:#eee;
}

.twitty.overlay:after {
  background:rgba(12, 12, 12, 0.8);
}

/* -------------------------------------------------------
                    Blog
-------------------------------------------------------- */
.blog .item {
  padding:50px 25px;
  border:1px solid #f1f1f1;
  position:relative;
  background-size:cover;
  background-position:50% 0% !important;
}
.blog .item:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(12, 12, 12, 0.8);
}
.blog .item:hover:after {
  opacity:0;
}
.blog .item:hover h5, .blog .item:hover p, .blog .item:hover span {
  color:#fff;
}
.blog .item:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#fff;
  z-index:1;
  -webkit-transition:all .4s;
  transition:all .4s;
}
.blog .item .content {
  position:relative;
  z-index:7;
}
.blog .item h5 {
  font-size:24px;
  font-weight:900;
  line-height:1.5;
  margin-bottom:30px;
}
.blog .item .info {
  margin-bottom:15px;
}
.blog .item .info span {
  color:#999;
  text-transform:uppercase;
  font-size:11px;
  margin-right:10px;
}
.blog .item .info span:last-child {
  margin:0;
}
.blog .item .info span i {
  padding-right:4px;
}
.blog .item p {
  font-size:16px;
  margin-bottom:30px;
}
.blog .item .more {
  font-weight:900;
}
.blog .item .more:hover i {
  padding-left:10px;
}
.blog .item .more i {
  padding-left:2px;
  -webkit-transition:all .4s;
  transition:all .4s;
}
.blog .post-1 {
  background-image:url(../img/blog/1.jpg);
}
.blog .post-2 {
  background-image:url(../img/blog/2.jpg);
}
.blog .post-3 {
  background-image:url(../img/blog/3.jpg);
}
.blog .subscribe {
  margin-top:80px;
}
.blog .subscribe input {
  width:95%;
  border:0;
  border-radius:20px;
  padding:10px 15px;
  background:#f4f4f4;
}
.blog .subscribe input[type="submit"] {
  background:#212121;
  color:#fff;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.blog .subscribe input[type="submit"]:hover {
  background:#f77b56;
}

/* -------------------------------------------------------
                    Contact
-------------------------------------------------------- */
.contact .info {
  background:#212121;
  background-image:url(../img/dotted-map.png);
  background-size:cover;
  padding-top:80px;
  padding-left:50px;
}
.contact .info h3 {
  font-weight:700;
  color:#fff;
  margin-bottom:80px;
}
.contact .info .item {
  margin-bottom:50px;
  color:#fff;
}
.contact .info .item:last-child {
  margin-bottom:0;
}
.contact .info .icon {
  font-size:25px;
  color:#f77b56;
  margin-bottom:20px;
}
.contact .info h6 {
  margin-left:15px;
  font-size:12px;
  display:inline-block;
}
.contact .info h5 {
  font-size:14px;
  line-height:1.8;
}
.contact .cont-form {
  padding:80px 60px;
  background:#f8f8f8;
}
.contact input, .contact textarea {
  width:100%;
  padding:10px;
  margin-bottom:10px;
  background:#fff;
  border:1px solid #eee;
}
.contact textarea {
  min-height:140px;
  min-width:100%;
  height:140px;
}
.contact input[type="submit"] {
  background:#343434;
  color:#fff;
  border:0;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.contact input[type="submit"]:hover {
  background:#f77b56;
}

/* -------------------------------------------------------
                    Branding
-------------------------------------------------------- */
.branding .item {
  padding:30px;
  border-right:1px solid #f77b56;
}
.branding .item img {
  opacity:.6;
  transition:all .3s ease-in-out;
}
.branding .item:hover img {
  opacity:1;
  transform:scale(1.1);
}

.branding .bord {
  width:100%;
  margin:10px auto;
  border-bottom:1px solid #f77b56;
}
.branding .no-bord {
  border:0;
}

/* -------------------------------------------------------
                    Footer
-------------------------------------------------------- */
footer {
  background:#111;
}
footer .main-footer {
  padding:80px 0;
}
footer .main-footer p {
  color:#ddd;
}
footer .main-footer .logo {
  margin-bottom:30px;
  display:block;
  float:none;
}
footer .main-footer .social-icon span {
  width:40px;
  height:40px;
  line-height:40px;
  border-radius:50%;
  color:#888;
  background:#171717;
  -webkit-transition:all .5s;
  transition:all .5s;
}
footer .main-footer .social-icon span:hover {
  background:#f77b56;
  color:#fff;
}
footer .sub-footer {
  text-align:center;
  padding:20px 0;
  border-top:2px solid #151515;
}

/* -------------------------------------------------------
                    Responsive
-------------------------------------------------------- */
@media screen and (max-width:767px) {
  * {
    background-position:50% 0%;
  }

  .navbar-default .logo {
    margin-left:20px;
  }
  .navbar-default .navbar-toggle {
    background:none !important;
    margin-top:15px !important;
    border:none !important;
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background:transparent !important;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background:#fff;
  }
  .navbar-default .navbar-nav li a {
    color:#111 !important;
  }
  .navbar-default .navbar-nav > li > a {
    padding-bottom:0 !important;
  }
  .navbar-default .navbar-collapse {
    text-align:center;
    border:none;
    border-top:1px solid rgba(12, 12, 12, 0.04);
    background:#fff;
    margin-top:5px;
  }

  .nav-scroll .navbar-toggle .icon-bar {
    background:#111;
  }

  .header h1 {
    font-size:40px !important;
    line-height:1.4;
  }
  .header .caption-2 h1, .header2 .caption-2 h1 {
	width:100%;
  }
  .header2 .caption-2 h1 {
	font-size:2.5em;
  }
  .portfolio .filtering span {
    margin:10px 2px;
  }
  .branding .item {
	  border-right:none;
  }
  .bg1, .bg2, .bg3 {
	  background-attachment: scroll;
  }
  .hero .bg1, .hero .bg2, .hero .bg3, .hero .bg4, .hero .bg5, .hero .bg6 {
	  background-attachment: scroll;
  }
}
@media screen and (max-width:991px) {
  .navbar-default .navbar-nav > li {
    margin:25px 15px 0;
  }

  .services .item {
    margin-bottom:80px;
  }

  .numbers .item {
    padding:140px 30px 140px 40px;
  }

  .portfolio .items {
    width:100%;
  }

  .price .item, .team .item, .blog .item {
    margin-bottom:50px;
  }

  .subscribe input {
    margin-bottom:30px;
  }

  .branding .item {
    padding:30px 0;
    text-align:center;
  }
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

::-moz-selection { color: #000; background:rgba(247, 123, 86, 0.5); } /* Code for Firefox */
::selection { color:#000; background:rgba(247, 123, 86, 0.5); }

/* ---------------------  End --------------------- */