/*

Template: Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Version: 5.0.5
Design and Developed by: potenzaglobalsolutions.com

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.

*/


/*================================================
[  Table of contents  ]
================================================
 :: Header
     - topbar
     - search
     - Cart
     - FullWidth
     - Light
     - Dark
     - Left-menu
     - Logo-center
     - Fancy
     - fancy without-topbar
     - Side menu icon
     - Vertical header
    - One page  Header
 :: Slider (all home page main sliders )
 ::   - Slider-parallax one page
 ::   - Mobile slider
 :: Background
 :: Home page section
 :: Decolines
 :: Awesome features
 :: Feature Step
 :: About Us
 :: Resume
 :: Portfolio
 ::  - Portfolio  item
 ::  - Portfolio-item-2
 ::  - Portfolio single page
 :: Our Blog
 :: Our services
 :: Creativity
 :: Our History
 :: Our Service Objects
 :: Sidebar
 :: About me
 :: Team page
 :: Error 404
 :: Coming soon
 :: Register
 :: Login
 :: maintenance
 :: Our clients
 :: Process
 :: Careers
 :: Sitemap
 :: Privacy-policy
 :: Page sidebar
 :: Terms and conditions
 :: Footer
 :: Boxed

 v1.2
 :: index portfolio 4
 :: index portfolio 04 about
 :: index portfolio single

======================================
[ End table content ]
======================================*/
/*************************
      Cookie
*************************/
/*Cookies
---------------------------------------------*/
.cookie_box {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 400px;
  padding: 20px;
  background: #fff;
  z-index: 2;
  text-align: center;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.hide {
  display: none;
}

.cookie_box h3 {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-size: 30px;
}

.cookie_box button {
  padding: 8px 25px;
  background: #027cb7;
  color: #fff;
  font-size: 18px;
  border: 0;
  outline: 0;
  cursor: pointer;
}

.cookie_box button:focus {
  background: #054d6f;
}

.container-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.entry-content-homepage{
  font-size: 15px;
    line-height: 1.5;
    color: #302e2e;
}

.center {
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}
.center-1 {
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 10%;
}
/*************************
      Header
*************************/
.color-head {color: gold;}
/*mega-menu */
.mega-menu .menu-logo { padding: 25px 0 25px; }
.mega-menu .menu-logo a img { height: 150px; }
.mega-menu .menu-logo-cookie a img { height: 150px; }
.mega-menu .drop-down-multilevel.right-menu { right: 0px;  }
.mega-menu > section.menu-list-items { padding: 0; }
.mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 17px; font-weight: 600; line-height: 30px; padding-top: .5rem; color: black; }
.mega-menu .cookie > li > a { text-transform: uppercase; font-size: 15px; font-weight: 500; line-height: 20px; padding-top: 2rem; color: black; }
.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
.mega-menu .menu-links > li.active .drop-down li.active a { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down a:hover { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down li.active a i { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down a i:hover { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #84ba3f; background: #f7f7f7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #84ba3f; background: #f7f7f7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #84ba3f; background: #f7f7f7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #84ba3f; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #84ba3f; }
.mega-menu .row  { margin-left: 0px; margin-right: 0px; }
.mega-menu .col-md-12  { padding-left: 0px; padding-right: 0px; }
.mega-menu.desktopTopFixed .menu-logo { padding: 0px; }
.mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; }
.mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 100px; }
.mega-menu .badge  { color: #ffffff; }
.mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #fafafa; }



/*************************************
      slider-parallax one page
**************************************/
.slider-parallax { height: 60vh; position: relative; }
.slider-parallax-blog { height: 80vh; position: relative; }
.slider-parallax-blogz { height: 20vh; position: relative; }
.slider-content-middle { position: absolute; display: inline-block; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform: translate(0,-50%); }
/*scroll-down*/
.scroll-down { text-align: center; width: 34px; height: 58px; display: inline-block; border-radius: 20px; border:2px solid #fff; position: absolute; left: 50%; bottom: 60px;
margin-left: -17px; line-height: 50px; }
.scroll-down i { height: 10px;  width: 4px; background: #fff; display: inline-block; border-radius: 3px; -webkit-animation-name:fadebounce;  -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s;
 animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -o-animation-iteration-count:infinite;
 animation-iteration-count:infinite; }
@-moz-keyframes fadebounce {
0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; }
100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
}
@-webkit-keyframes fadebounce {
0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; }
100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
}
@-o-keyframes fadebounce {
0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; }
50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; }
100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; }
}
@-ms-keyframes fadebounce {
0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; }
50% { -ms-transform:translateY(25px); transform:translateY(25px); opacity:1; }
100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; }
}
@keyframes fadebounce {
0% { transform:translateY(0); opacity:1; }
50% {transform:translateY(25px);opacity:1; }
100% {transform:translateY(0);opacity:1; }
}


 /*************************************
    			Background
 **************************************/
/*images background*/
 .white-bg { background: #fff; }
 .gray-bg { background: #f7f7f7; }
 .dark-gray-bg { background: #666666; }
 .theme-bg { background: #84ba3f; }
 .black-bg { background: #323232; }
 .dark-theme-bg { background: #050801; }
 .green-button-bg { background: #4e7c11; padding: .4rem; border-radius: .5rem; }
 .green-bg { background: #6ea821; padding: 2rem; border-radius: 2rem; }
 .power-bg { background: yellow; padding: 1rem; border-radius: .5rem; }
 .transparant { background: none }

 .bg-overlay-black-10:before {  background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-20:before {  background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-30:before {  background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-40:before {  background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-50:before {  background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-60:before {  background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-70:before {  background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-80:before {  background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-90:before {  background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-10:before {  background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-20:before {  background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-30:before {  background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-40:before {  background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-50:before {  background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-60:before {  background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-70:before {  background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-80:before {  background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-white-90:before {  background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-theme-20:before {  background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-theme-50:before {  background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-theme-70:before {  background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-theme-90:before {  background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90 { position: relative; }

/***************************
         blog
***************************/
.blog-entry { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.blog-entry:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.blog-entry .entry-image img { width: 100%; }
.blog-entry .blog-detail { background: #ffffff; padding: 30px; border-top: 0px; }
.blog-entry .blog-detail .entry-title a { font-size: 22px; font-weight: 500; line-height: 24px; color: #353535; line-height: 28px; }
.blog-entry .blog-detail .entry-title a:hover { color: #84ba3f; }
.blog-entry .entry-meta ul li { display: inline-block; margin-right: 12px; }
.blog-entry .entry-meta ul li i { color: #84ba3f; padding-right: 6px; }
.blog-entry .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; }
.blog-entry .entry-meta ul li a i { padding-right: 6px; color: #84ba3f; }
.blog-entry .entry-meta ul li a:hover { color: #84ba3f; }
.blog-entry .social strong { display: inline-block; margin-right: 10px; }
.blog-entry .entry-button { display: inline-block;}
.blog-entry .social ul { display: inline-block; }
.blog-entry .social ul li { display: inline-block; padding: 0px 6px; }
.blog-entry .social ul li a:hover { color: #353535; }
.blog-entry .entry-share { margin-top: 20px; display: block; }

/*blog-entry blockquote*/
.blog-entry.blockquote { background: #84ba3f; border: 0px; padding: 36px 30px; }
.blog-entry.blockquote blockquote { background: #84ba3f; border-left: 0px; color: #ffffff; padding: 0px; position: relative; margin-top: 0 !important; padding-top: 60px; }
.blog-entry.blockquote blockquote:before { content: "\201C"; font-family: Georgia, serif; font-size: 100px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; top: -20px; }
.blog-entry.blockquote .blog-detail { border: 0px; background: #84ba3f; padding: 0px; }
.blog-entry.blockquote .blog-detail .entry-title a { color: #ffffff; }
.blog-entry.blockquote .blog-detail .entry-title a:hover { color: #323232; }
.blog-entry.blockquote .social ul li a { color: #ffffff; }
.blog-entry.blockquote .social ul li a:hover { color: #323232; }
.blog-entry.blockquote .entry-meta ul li a { color: #ffffff; }
.blog-entry.blockquote .entry-meta ul li i { color: #ffffff; }
.blog-entry.blockquote .entry-meta ul li a i { color: #ffffff !important; }
.blog-entry.blockquote .entry-meta ul li a:hover { color: #323232; }
.blog-entry.blockquote .button.arrow.white:hover { color: #323232; }

 /*blog pages*/
 /*blog-grid-3-column*/
 .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; }
 .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; }

/*************************************
	    	   blog page
**************************************/
 .owl-carousel img { width: 100%; }
/*pagination-nav*/
.pagination { margin:0px; }
.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px !important; color: #626262; border-radius: 3px; }
.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 3px; }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 3px; }
.pagination>.active>a, .pagination>.active>a:hover { color: #626262; }
.pagination > li > a, .pagination > li > span {   background: #f6f7f8; border:0px; text-align: center; }
.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover  {  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); background-color:#84ba3f; color: #ffffff;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#84ba3f; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }
.dataTables_paginate li.paginate_button.previous a, .dataTables_paginate li.paginate_button.next a { width: inherit; height: inherit; background: transparent !important; color: inherit !important;  box-shadow: none !important; }
 /*timeline blog*/
.blog .timeline { list-style: none;  padding: 20px 0 20px;  position: relative; }
.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " ";  width: 4px;  background-color: #f7f7f7;  left: 50%;  margin-left: -1.5px; }
.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; }
.blog .timeline > li:before,
.blog .timeline > li:after { content: " "; display: table; }
.blog .timeline > li:after { clear: both; }
.blog .timeline > li:before,
.blog .timeline > li:after { content: " "; display: table; }
.blog .timeline > li:after { clear: both; }
.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #f7f7f7;
  padding: 20px;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #f7f7f7;
  border-right: 0 solid #f7f7f7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff;
  border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; }
.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #f7f7f7; background: #fff;
  border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #f7f7f7; top: 16px; right: -73px; /*z-index: 100;*/ }
.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; }
.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; }
.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.blog .timeline-title {  margin-top: 0; color: inherit; }
.blog .timeline-body > p,
.blog .timeline-body > ul { padding:20px;  margin-bottom: 0; }
.blog .timeline-body > p + p { margin-top: 5px; }
.blog .timeline-footer { padding:20px; background-color:#f4f4f4; }
.blog .timeline-footer > a { cursor: pointer; text-decoration: none; }
.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom:    0px; }
.blog .timeline > li:nth-child(2){ margin-top: 60px; }
.blog .timeline > li:nth-child(3){ margin-top: 60px; }
.blog .timeline .entry-title i { font-size: 24px;}
.blog .timeline-inverted .timeline-badge { margin-top: 70px}
.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; }
.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; }
.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; }
.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
.blog .timeline li.entry-date span { background: #f7f7f7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 25px;border-radius: 30px;}
.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
.blog .timeline li.entry-date-bottom a {  background: #f7f7f7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 25px; border-radius: 30px; }
.blog .timeline li.entry-date-bottom a:hover {  background: #84ba3f; color: #fff; }
.blog .timeline li:hover .timeline-panel { border-color: #84ba3f; }
.blog .timeline li:hover .timeline-badge a { color: #fff; }
.blog .timeline li:hover .timeline-badge{ background: #84ba3f; border-color: #84ba3f;  }
.blog .timeline li:hover .timeline-panel:before { border-left-color: #84ba3f; border-right-color: #84ba3f; }
.blog .blog.timeline .entry-quote p { font-size: 16px; }
/* blog 2 column masonry left sidebar */
.blog.timeline-sidebar .timeline > li { width: 89%; }
.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;}
.blog.timeline-sidebar .timeline:before { left: 54px; }
.blog.timeline-sidebar .timeline li.entry-date { text-align: left;}
.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;}
.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; }
.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; }
.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; 	}
.blog.timeline-sidebar .timeline li.entry-date { top: 3px; }
.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 10px 25px; }
.blog.timeline-sidebar .timeline li.entry-date-bottom {  bottom: -48px; }
.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 10px 25px; }
.blog.timeline-sidebar .timeline li .share ul li { width: auto; }

/*blog-single*/
.blog-single .blog-entry { box-shadow: none; }
.blog-single .blog-entry .blog-detail { padding: 0; margin-top: 20px; }

.blog-single .blockquote { font-style: italic;  line-height: 30px; background: #f6f7f8 !important;  }
.blog-single .blog-entry.blockquote blockquote { background: #f6f7f8;color: #626262;  }
.blog-single .blog-entry.blockquote blockquote cite {  color: #84ba3f; }
.blog-single .entry-share .tags { display: inline-block; }
.blog-single .blog-entry.blockquote blockquote:before { color: #323232; top: 20px; }
.page-item.active .page-link { background: #84ba3f; border-color: #84ba3f; }

/*************************************
	    	 error 404
**************************************/
.error-block { position: relative; z-index: 9; padding: 20px 0  130px 0px; }
.error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; }
.error-block .error-text h2 {   font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0;  }
.error-block .error-text  span { display: inline-block; position: absolute; right: -86px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 124px; line-height: 90px; color: rgba(0, 0, 0, 0.1); font-weight: bold; }
.error-block h1 { font-size: 87px; padding-top: 110px; }
.error-block p { font-size: 33px; }

.error-text-02 { position: relative; text-align: center;  }
.error-text-02 h2 {   font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0;  }
.error-text-02  span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; }
.error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }


/*************************************
	    	 maintenance
**************************************/
img.logo-small { height: 40px; margin: 30px 0; position: relative; }
.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; }
.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; }
.maintenance-main p { font-size: 26px; line-height: 35px; margin-bottom: 70px;}
.maintenance-form { width: 76%; margin: 0 auto; }
.maintenance-form p { font-size: 19px; }
.maintenance-form input { width: 50%; margin: 0 auto; }
.maintenance-form #mc_embed_signup_scroll p { margin-bottom: 20px !important; }


/*maintenance 2 */
.maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
.maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; }
.progress-new { margin-top: 50px; height: 50px; background: #f6f7f8; border-radius: 0; margin-bottom: 50px; margin-left: auto; margin-right: auto; width: 50%; }
.progress-bar-new { line-height: 50px; background-color: #84ba3f; color: #ffffff; font-size: 20px; padding-left: 20px; }
.progress-bar-new span { position: absolute; right: 30px; color: #323232; font-weight: bold; font-size: 20px; }

/*************************
   BG - Images
*************************/
.parallax {   background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important;  position: relative; z-index: 0; background-origin: initial; background-position: center center !important; background-repeat: no-repeat;  }
.gradient-overlay{position:relative;}
.gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;}

/*************************************
          Footer
**************************************/
.footer.black-bg{background: #1a1a1a;}
.footer.black-bg p { color: rgba(255,255,255,0.5); }
.footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); }
.footer.black-bg .social-icons li a:hover { color: rgba(255,255,255,1) !important; }
.footer p{font-size: 14px;}
.footer-logo img { width: 65%; }
.footer h6{font-size: 14px;}
.addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; }
.addresss-info i{  color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; }
.addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; }
.addresss-info li a { color: rgba(255,255,255,0.5); }
.footer a{font-size: 14px;}

.addresss-info.text-black li, .addresss-info.text-black p, .addresss-info.text-black li a  { color: #626262; }
 .addresss-info.text-black i { color: #84ba3f; font-size: 20px; width: 40px; }


/*footer-widget*/
.footer-widget { padding: 20px 0; border-top: 1px solid #262626;}
.footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;}
.footer-widget a { color: #84ba3f; }
.footer-widget a:hover { color: #84ba3f; }
.footer-widget-social {margin-top: 5px; }
.footer-widget-social li  { display: inline-block;}
.footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.footer-widget-social a i:hover{background: #84ba3f;}
.footer .footer-nav ul li {    display: inline-block;}
.footer .footer-nav ul li a { margin: 0 5px; color: #323232;}
.footer .footer-nav ul li a:hover { color: #84ba3f; }
.footer .social ul li {display: inline-block;}
.footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s}
.footer .social ul li a i:hover{color: #84ba3f;}
.footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 3px; padding: 0px 10px;}
.footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; }
.footer .usefull-link ul li a{color: #323232;}
.footer .usefull-link ul li a:hover { color: #84ba3f; }
.footer .copyright { padding: 30px 0 20px;}
.footer .copyright ul li a {color: #323232;}
.footer .copyright ul li a:hover {color: #84ba3f;}
img#logo-footer{ height: 40px; width: auto; }
.footer.light .footer-nav ul li a{color: #fff;}
.footer.light .footer-nav ul li a:hover { color: #323232; }
.footer.light h6{color: #fff;}
.footer.light .about-content p{color: #fff;}
.footer.light .usefull-link ul li a{color: #fff;}
.footer.light .usefull-link ul li a:hover {color: #323232;}
.footer.light .copyright ul li {color: #fff;}
.footer.light .copyright ul li a {color: #ffffff; font-size: 14px;}
.footer.light .copyright ul li a:hover {color: #323232; }
.footer.light.footer-topbar .copyright ul li { color: #ffffff }
.footer.light .copyright p {color: #fff;}
.footer.light .social ul li a i {color: #84ba3f;}
.footer.light .social ul li a:hover i {color: #323232;}
.footer .footer-text p{color:black !important; padding-top: 10px;}
.footer .footer-social ul li a{color:black !important; padding-top: 10px; font-size: large;}
.footer .footer-social ul li a:hover { color: #84ba3f !important; }
.footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;}
.footer.footer-one-page .contact-add i { font-size: 20px }
.footer.footer-one-page h5 { color: rgba(255,255,255,0.5); }
.footer.footer-one-page p { color: rgba(255,255,255,0.5); }
.footer-one-page.white-bg .footer-Newsletter .form-control:focus { background: rgba(0,0,0,0.06); }

/*************************************
         V.1.3 home page
**************************************/
/*blog 01*/
.blog-banner { height: 70vh; }
.blog-banner span { letter-spacing: 4px; margin-bottom: 20px; display: block; }

/*blog 02*/
.blog-overlay { position: relative; /*height: 100%; */text-align: left; z-index: 2; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.blog-overlay:before { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); content: ""; left: 0; right: 0; z-index: 1; }
.blog-overlay .blog-name { padding-left: 30px; position: absolute; bottom: 20px; left: 0; right: 0; width: 100%; z-index: 2; }
.blog-overlay .blog-name span { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.blog-overlay.white-bg:before, .blog-overlay.dark-theme-bg:before, .blog-overlay.theme-bg:before { display: none; }
.blog-overlay .blog-image { overflow: hidden; position: relative;  }
.blog-overlay .blog-image img { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.blog-02 .isotope, .blog-02 .masonry { margin: 0; }

.blog-overlay .blog-icon {  position: absolute; top: 0px;  width: 100%; z-index: 2; }
.blog-overlay .blog-icon .date { background: #050801; padding: 10px 15px; text-align: center; color: #ffffff; }
.blog-overlay .blog-icon .link { font-size: 20px; padding: 10px 15px; text-align: center; color: #ffffff; }

.blog-overlay blockquote { border:0; font-size: 16px; font-style: italic; }
.blog-overlay blockquote.quote:before { top: -40px; }
.blog-overlay.white-bg blockquote, .blog-overlay.white-bg cite { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

.blog-overlay:hover .blog-image img { -webkit-transform:scale(1.20);  -moz-transform:scale(1.20); -ms-transform:scale(1.20);  -o-transform:scale(1.20);  transform:scale(1.20); }
.blog-overlay:hover:before  { z-index: 1; }

.blog-overlay.white-bg .blog-icon .link { color: #323232; }
.blog-overlay.white-bg:hover { background: #050801; }
.blog-overlay.white-bg:hover a, .blog-overlay.white-bg:hover span  { color: #ffffff; }
.blog-overlay.white-bg:hover span a  { color: #84ba3f; }
.blog-overlay.white-bg:hover .blog-icon .link  { color: #ffffff; }
.blog-overlay.white-bg:hover blockquote, .blog-overlay.white-bg:hover cite { color: #ffffff; }
.blog-overlay.white-bg a:hover { color: #84ba3f; }

.blog-overlay.dark-theme-bg:hover { background: #ffffff; }
.blog-overlay.dark-theme-bg:hover a, .blog-overlay.dark-theme-bg:hover span  { color: #323232; }
.blog-overlay.dark-theme-bg:hover span a  { color: #84ba3f; }
.blog-overlay.dark-theme-bg:hover .blog-icon .date { color: #ffffff; }
.blog-overlay.dark-theme-bg a:hover { color: #84ba3f; }

/*blog-fashion */
.blog-fashion-banner .blog-overlay { height: auto; }
.blog-overlay .tag { background: #84ba3f; color: #ffffff; padding: 2px 10px; }
.blog.blog-simple .tag { background: #84ba3f; color: #ffffff; padding: 2px 10px; }
.blog.blog-simple .entry-meta ul li { display: inline-block; margin-right: 12px; }
.blog.blog-simple .entry-meta ul li i { color: #84ba3f; padding-right: 6px; }
.blog.blog-simple .entry-meta ul li a { color: #353535; line-height: 0px; padding-right: 5px; }
.blog.blog-simple .entry-meta ul li a i { padding-right: 6px; color: #84ba3f; }
.blog.blog-simple .entry-meta ul li a:hover { color: #84ba3f; }

.blog.blog-simple.blog-left .blog-image { width: 48.9%; margin-right: 5%;  float: left; position: relative; }
.blog.blog-simple.blog-left .blog-name { width: 44%; float: left; }

/*blog 02*/
.header.light.line-header { border-bottom: 0; box-shadow: none; }
.mega-menu .menu-logo img.logo-big { height: 100px; }
.header.light.line-header .mega-menu .menu-logo > li { line-height: 0; }
.header.line-header .mega-menu > section.menu-list-items .menu-bar { border-top: 5px double rgba(0, 0, 0, 0.1); border-bottom: 5px double rgba(0, 0, 0, 0.1); float: left; width: 100%; }
.header.line-header .mega-menu.desktopTopFixed > section.menu-list-items .menu-bar { float: right; width: auto; border:0; }
.header.magazine-header .mega-menu.desktopTopFixed .add-banner { display: none; }
.header.magazine-header .mega-menu.desktopTopFixed .menu-logo { padding: 0; }
.header.logo-center.magazine-header .mega-menu .menu-logo img { height: 34px; }
.header.logo-center.magazine-header .mega-menu.desktopTopFixed .menu-logo img { height: 28px; }

/*Slider */
#main-slider { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
#main-slider .carousel-item img { width: 100%; }
#main-slider .carousel-item .slider-content { z-index: 0; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; transition: opacity 500ms; }
#main-slider .carousel-item.active .slider-content { z-index: 0; opacity: 1; -webkit-transition: opacity 100ms; -ms-transition: opacity 100ms; -moz-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; }
#main-slider .slider-content{ display: inline-block; left: 0; position: absolute; text-align: center; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; }
#main-slider .carousel-indicators { bottom: 30px; }
.carousel-indicators li{ cursor: pointer; width: 14px !important; height: 14px !important;  border: 2px solid #fff !important; margin: 1px !important; }

#main-slider .slider-content h3 { font-size: 36px; margin: 20px 0px 0px; font-weight: 600; line-height: 60px; text-transform: uppercase;  }
#main-slider .slider-content h1 { font-size: 50px; color: #fff; margin: 10px 0px 40px; font-weight: 700; line-height: 50px; }
#main-slider .slider-content span { font-size: 18px; line-height: 20px; letter-spacing: 2px; font-weight: 600; display: block; }
#main-slider .slider-content .post-by img { width: 50px; height: 50px; display: inline-block; border-radius: 50%; margin-right: 15px; }

#main-slider .slider-content .slider-left { width: 60%; float: left; }
#main-slider .slider-content .slider-right { float: right; width: 30%; vertical-align: top; }

#main-slider .carousel-control.left,
#main-slider .carousel-control.right { opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; }
#main-slider .carousel-control.left span { padding: 15px; }
#main-slider .carousel-control.right span { padding: 15px; }
#main-slider .carousel-control .fa-angle-left,
#main-slider .carousel-control .fa-angle-right { position: absolute; top: 50%;  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 5; display: inline-block; }
#main-slider .carousel-control .fa-angle-left { left: 0px; }
#main-slider .carousel-control .fa-angle-right { right: 0px; }
#main-slider .carousel-control i { color: #fff; line-height: 36px; font-size: 32px; padding: 15px 20px; }

/*-- Animation --*/
.carousel .carousel-item.active .animated1 { -webkit-animation: lightSpeedIn 1s ease-in 200ms both; -o-animation: lightSpeedIn 1s ease-in 200ms both; -ms-animation: lightSpeedIn 1s ease-in 200ms both; -moz-animation: lightSpeedIn 1s ease-in 200ms both; animation: lightSpeedIn 1s ease-in 200ms both; }
.carousel .carousel-item.active .animated2 { -webkit-animation: bounceInRight 1s ease-in-out 500ms both; -o-animation: bounceInRight 1s ease-in-out 500ms both; -ms-animation: bounceInRight 1s ease-in-out 500ms both; -moz-animation: bounceInRight 1s ease-in-out 500ms both; animation: bounceInRight 1s ease-in-out 500ms both; }
.carousel .carousel-item.active .animated3 { -webkit-animation: bounceInLeft 1s ease-in-out 500ms both; -o-animation: bounceInLeft 1s ease-in-out 500ms both; -ms-animation: bounceInLeft 1s ease-in-out 500ms both; -moz-animation: bounceInLeft 1s ease-in-out 500ms both; animation: bounceInLeft 1s ease-in-out 500ms both; }
.carousel .carousel-item.active .animated4 { -webkit-animation: flipInX 1s ease-in 500ms both; -o-animation: flipInX 1s ease-in 500ms both; -ms-animation: flipInX 1s ease-in 500ms both;  -moz-animation: flipInX 1s ease-in 500ms both; animation: flipInX 1s ease-in 500ms both;}
.carousel .carousel-item.active .animated5 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both; -o-animation: bounceInLeft 1s ease-in-out 100ms both; -ms-animation: bounceInLeft 1s ease-in-out 100ms both; -moz-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both; }
.carousel .carousel-item.active .animated6 { -webkit-animation: bounceIn 1s ease-in 500ms both; -o-animation: bounceIn 1s ease-in 500ms both; -ms-animation: bounceIn 1s ease-in 500ms both;
  -moz-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both;  }
.carousel .carousel-item.active .animated7 { -webkit-animation: fadeInDown 0.7s ease-in 1000ms both; -o-animation: fadeInDown 0.7s ease-in 1000ms both;  -moz-animation: fadeInDown 0.7s ease-in 1000ms both;  -ms-animation: fadeInDown 0.7s ease-in 1000ms both; animation: fadeInDown 0.7s ease-in 1000ms both; }
.carousel .carousel-item.active .animated8 { -webkit-animation: fadeInUp 0.7s ease-in 1000ms both; -o-animation: fadeInUp 0.7s ease-in 1000ms both;  -moz-animation: fadeInUp 0.7s ease-in 1000ms both;  -ms-animation: fadeInUp 0.7s ease-in 1000ms both; animation: fadeInUp 0.7s ease-in 1000ms both; }

.carousel-fade .carousel-inner .carousel-item { -webkit-transition-property: opacity;  transition-property: opacity; }
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}

.play-video.border-video { width: 70px; height: 70px; background: rgba(255, 255, 255, 0.2); box-shadow: none !important; border:5px solid rgba(255, 255, 255, 0.6) !important; }
.play-video.border-video a {  width: 70px; height: 70px; line-height: 70px; top: -4px; }
.play-video.border-video a i { line-height: 60px; }
.play-video.border-video:after { display: none; }
.play-video.border-video:hover  { border:5px solid rgba(255, 255, 255, 0.8) !important; color: #ffffff; }

.video-attribute { position: absolute; bottom: 10px; right: 10px; }
.video-attribute .length { background: rgba(0, 0, 0, 0.8); padding: 1px 8px; color: #ffffff; border-radius: 2px; font-size: 13px; }
.video-attribute .quality { background: #dd3333; padding: 0px 8px; color: #ffffff; margin-left: 2px; border-radius: 2px; font-size: 13px; }

.popup-video-image.border-video a i { font-size: 14px; width: 70px; height: 70px; line-height: 62px; background: rgba(255, 255, 255, 0.2); box-shadow: none; border:5px solid rgba(255, 255, 255, 0.6);  }
.popup-video-image.border-video a i:hover  { border:5px solid rgba(255, 255, 255, 0.8); }
.blog-box.blog-2.blog-border .blog-info { border:1px solid rgba(0, 0, 0, 0.1); }
.blog-box.blog-2.blog-border .blog-info .tag { border-bottom: 2px solid #84ba3f; }
.blog-box.blog-2.blog-border .blog-info span i { color: rgba(0,0,0,0.5); }
.video-section .blog-box.blog-2:hover { box-shadow: none; }

.top-view-video { padding: 30px; }
.top-view-video span { font-size: 12px; }
.top-view-video .view-video-number { display: table-cell; width: 20px; }
.top-view-video .view-video-name { padding-left: 16px; display: table-cell; vertical-align: top; }

.sidebar-widget .recent-post.medium .recent-post-image { width: 150px; }
.sidebar-widget .recent-post.medium .recent-post-image img { width: inherit; height: inherit; border-radius: inherit; }


/*cookies page*/
.cookies-policy:before { content: ""; position: absolute; z-index: 3; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 0 17px 15px 17px; top: -15px; left:45px; border-bottom-color: #f7f7f7; }