@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600|Cuprum:400,500|Lobster:400,500|PT+Sans&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Exo+2:100,300,300italic,500,500italic,700,700italic&subset=latin,cyrillic);

::-moz-selection { background: #000; color: #ffffff; text-shadow: none; }
::selection { background: #000; color: #ffffff; text-shadow: none; }
:focus { outline-color: transparent!important; outline-style: none!important; }

::-webkit-scrollbar-button {background-repat:no-repeat;width:5px;}
::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 0;border-radius: 0;background-color:#bbb;}
::-webkit-scrollbar-thumb:hover{background-color:#777;}
::-webkit-resizer{background-repeat:no-repeat;width:4px;}
::-webkit-scrollbar{width: 7px;height:7px;}

html {
  overflow-y:scroll;
}

body {
  font: 13px/1.5em 'Open Sans', sans-serif;
  line-height: 1.42857143;
  color: #2f3235;
  background-color: #f6f6f6;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; 
  cursor:default;
  overflow:hidden;
}

p {
  margin:0;
  padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  padding:0px;
  margin:0px;
}
h1 {
  font: 300 45px/1.5em 'Exo 2', sans-serif;
}
h2 {
  font:35px/1.5em 'Open Sans', sans-serif;
}
h3 {
  font: 700 18px/1.5em 'Open Sans', sans-serif;
}
h4 {
  font: 700 16px/1.5em 'Open Sans', sans-serif;
}
h5 {
  font:  700 15px/1.5em 'Open Sans', sans-serif;
}
h6 {
  font: 700 13px/1.5em 'Open Sans', sans-serif;
}
a {
  color: #777;
  text-decoration: none;
}
a:hover{
   color: #000;
   text-decoration: none;
}
a:focus {
   color: #000;
   text-decoration: none;
}
a:focus {
   outline: none;
}
ul {
 margin:0;
 padding:0;
}
li{
  list-style:none;
}

button{
  padding:0px;
  margin:0;
}

hr {
  background:#606060;
  height:1px;
  border:0px;
  margin:20px 0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter:alpha(opacity=20);
  -khtml-opacity:0.2; 
    -moz-opacity:0.2;   
         opacity:0.2; 
}

p {
  margin:0px 0px 15px 0px;
} 

blockquote {   
  position:relative;
  font-style:italic;  
  font-size:20px;
  line-height:30px;
  color:#9aa5ad;
  padding:0px;
  padding-left:80px;
  margin:40px 0px;
  border:0px; 
}

blockquote:before {
  font-family:FontAwesome;
  font-style:normal;
  text-align:center;
  font-size:24px;
  line-height:24px;
  content:"\f097";  
  color: #fff;
  background: #f75050;
  padding:15px;
  position:absolute;
  top:0px;
  left:0px;  
}

.bold, .strong {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}
/*-----------------------*/
/*Header
-------------------------*/
.is-sticky .width-border{
      width: 100%!important;
      border-bottom-right-radius:0px!important;
       border-top-right-radius: 0px!important;
}

.width-border{
    width: 1170px!important;
    border-bottom-right-radius: 7em;
    border-top-right-radius: 7em;
}
.is-sticky .width-no-border{
      width: 100%!important;
}

.width-no-border{
    width: 1170px!important;
}

.header-tree {
 width: 100%;
 position: absolute;
}


.topline {
 background: #fff;
 padding: 50px;
}

.logo {
 text-align:center;
 font-size: 25px;
 font-weight: 100;
 font-family: 'Exo 2' ;
 text-transform: uppercase;
 }

.logos {
 color: #FFFFFF;
 background-color: #000;
 padding: 20px 40px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 } 
.logos:hover {
 color: #000;
 background-color: #fff;
 border:solid 1px #bbb;
 } 

/* -- menu -- */
.is-sticky .navigation {
 -webkit-animation-duration: 1s;
 -ms-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeInDown;
 -ms-animation-name: fadeInDown;
 animation-name: fadeInDown;
}

.navigation {
 cursor: pointer;
 background-color: rgba(255, 255, 255, 0.9);
 -webkit-box-shadow: 0 1px rgba(0,0,0,0.1)
 
 -moz-box-shadow: 0 1px rgba(0,0,0,0.1);
 box-shadow: 0 1px rgba(0,0,0,0.1);
 z-index: 9;
 width: 100%;
}

.main-nav {
 float: left;
 font-size: 0;
}
.main-nav ul {
 margin-bottom: 0;
}
.main-nav ul>li {
 display: inline-block;
}
.main-nav ul>li a {
 font-size: 12px;
 color: #777;
 text-transform: uppercase;
 font-family: 'Exo 2' ;
 padding: 0 5px;
 cursor: pointer;
 line-height: 70px;
 height: 70px;
 text-decoration: none;
 display: inline-block;
 position: relative;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}
.main-nav ul>li a:hover, .main-nav ul>li:hover a {
 text-decoration: none;
 opacity:0.95;
}
.main-nav ul>li.active a {
 color: #57e994;
}

.main-nav li > a.uMenuItemA {
opacity: 0.9;
}

.main-nav li > a.uMenuItemA:before {
/* content: ""; */
/* position: absolute; */
/* top: 49px; */ 
/* left: 35%; */
/* width: 30%; */
/* border: 1px solid #DB2450; */
}

.main-nav ul>li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 background: #000;
 position: absolute;
 height: auto;
 padding: 0;
 z-index: 999;
 min-width: 220px;
 box-shadow: 0 3px 3px rgba(0,0,0,.1);
 -webkit-transform: scale(1, 0);
 -ms-transform: scale(1, 0);
 transform: scale(1, 0);
 -webkit-transform-origin: top;
 -ms-transform-origin: top;
 transform-origin: top;
 -webkit-transition: all 300ms ease-in-out 0s;
 transition: all 300ms ease-in-out 0s;
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
}

.main-nav ul>li ul li {
 color: #fff;
 position: relative;
 display: block; 
}
.main-nav ul>li ul li a:hover {
 color: #eee;
 background:#131517;
}
.main-nav ul>li ul li a {
 background: none;
 height: 0;
 width: 100%;
 line-height:0;
 padding: 20px 24px;
 font-size: 10px;
 color: #9aa5ad;
 font-weight: 400;
 font-family: 'Exo 2';
 text-transform: uppercase;
}
.main-nav ul>li.active ul li a {
 color: inherit;
}
.main-nav ul>li.active ul li a:before {
 content: none;
}
.main-nav ul>li ul li.active a {
 color: #ff4229;
}
.main-nav ul>li ul li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 -webkit-transition: .25s;
 -moz-transition: .25s;
 -o-transition: .25s;
 -ms-transition: .25s;
 transition: .25s;
 position: absolute;
 left: 100%;
 top: 0;
}
.main-nav ul>li:hover>ul {
 opacity: 10;
 filter: alpha(opacity=100);
 visibility: visible;
 -webkit-animation-duration: 0.5s;
 -ms-animation-duration: 0.5s;
 animation-duration: 0.5s;
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeInUp;
 -ms-animation-name: fadeInUp;
 animation-name: fadeInUp;
}
.responsive-menu-open {
 font-size: 21px;
 color: #FFFFFF;
 padding: 0 24px;
 line-height: 64px;
 height: 64px;
 float: right;
 display: none;
 line-height: 70px;
}
.responsive-menu-open:hover {
 color: #000;
}
.responsive-menu {
 position: fixed;
 top: 0;
 bottom: 0;
 left: 100%;
 min-width: 100%;
 background: #FFFFFF;
 z-index: 999;
 padding: 24px;
 overflow-y: scroll;
 -webkit-transition: .25s;
 -moz-transition: .25s;
 -o-transition: .25s;
 -ms-transition: .25s;
 transition: .25s;
}
.responsive-menu.open {
 left: 0;
}
.responsive-menu-close {
 position: absolute;
 top: 24px;
 right: 24px;
 font-size: 48px;
 color: #4B4E57;
}
.responsive-menu-close:hover {
 color: #399BFE;
}
.responsive-nav ul>li {
 list-style:none;
 list-style-type:none; 
}

.responsive-nav ul>li a {
 font-size: 16px;
 color: #4B4E57;
 text-transform: uppercase;
 font-weight: 300;
 line-height: 36px; 
 
}
.responsive-nav ul>li.active>a {
 color: #57e994;
}
.no-scroll {
 overflow: hidden !important;
}

@media all and (max-width: 1200px) {
 .main-nav, .main-nav-one, .two-main-nav, .tree-main-nav, .six-main-nav, .reclama-header-one {
 display: none;
 }
 
 .responsive-menu-open {
 display: inline-block;
 }
 
.logo-one{
 float:none!important; 
} 
 
}

@media all and (max-width: 768px) {
 .responsive-menu-open {
 padding-right: 22px;
 }
}

/* -------------------------------------------------------- */
.navigation .right-icons {
 float: right;
 line-height: 70px;
 padding: 0 30px;
 margin-left: 18px;
}

.navigation .right-icons a {
 margin-left: 12px;
}

.navigation a {
 color: #777;
 cursor: pointer;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.navigation small {
 color: #aaa;
 font-family: 'Exo 2' ;
 font-size: 12px;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.navigation small:hover {
 color: #000;
}

.navigation-divider {
 margin-right: 3px;
 margin-left: 3px;
}

.navigation a:hover {
 color: #000;
}
/*-----------------------*/
/*Header one
-------------------------*/
.logo-one {
 text-align:center;
 font-size: 25px;
 font-weight: 100;
 font-family: 'Exo 2';
 text-transform: uppercase;
 float: left;
 margin-left: 50px;
 margin-top: 25px;
 }

.reclama-header-one {
 float:right;
 margin-right: 50px;
} 


/* -- menu -- */
.is-sticky .navigation-one {
 -webkit-animation-duration: .3s;
 -ms-animation-duration: .3s;
 animation-duration: .3s;
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeInDown;
 -ms-animation-name: fadeInDown;
 animation-name: fadeInDown;
}

.navigation-one {
 cursor: pointer;
 background-color: rgba(255, 255, 255, 0.9);
 -webkit-box-shadow: 0 1px rgba(0,0,0,0.1)
 -moz-box-shadow: 0 1px rgba(0,0,0,0.1);
 box-shadow: 0 1px rgba(0,0,0,0.1);
 border-top:1px solid #eee ;
 z-index: 9;
 width: 100%;
}

.main-nav-one {
 float: left;
 font-size: 0;
}
.main-nav-one ul {
 margin-bottom: 0;
}
.main-nav-one ul>li {
 display: inline-block;
}
.main-nav-one ul>li a {
 font-size: 12px;
 color: #777;
 text-transform: uppercase;
 font-family: 'Exo 2' ;
 padding: 0 5px;
 cursor: pointer;
 line-height: 70px;
 height: 70px;
 text-decoration: none;
 display: inline-block;
 position: relative;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}
.main-nav-one ul>li a:hover, .main-nav-one ul>li:hover a {
 text-decoration: none;
 opacity:0.95;
}
.main-nav-one ul>li.active a {
 color: #57e994;
}

.main-nav-one li > a.uMenuItemA {
opacity: 0.9;
}

.main-nav-one li > a.uMenuItemA:before {
/* content: ""; */
/* position: absolute; */
/* top: 49px; */ 
/* left: 35%; */
/* width: 30%; */
/* border: 1px solid #DB2450; */
}

.main-nav-one ul>li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 background: #000;
 position: absolute;
 height: auto;
 padding: 0;
 z-index: 999;
 min-width: 220px;
 box-shadow: 0 3px 3px rgba(0,0,0,.1);
 -webkit-transform: scale(1, 0);
 -ms-transform: scale(1, 0);
 transform: scale(1, 0);
 -webkit-transform-origin: top;
 -ms-transform-origin: top;
 transform-origin: top;
 -webkit-transition: all 300ms ease-in-out 0s;
 transition: all 300ms ease-in-out 0s;
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
}

.main-nav-one ul>li ul li {
 color: #fff;
 position: relative;
 display: block; 
}
.main-nav-one ul>li ul li a:hover {
 color: #eee;
 background:#131517;
}
.main-nav-one ul>li ul li a {
 background: none;
 height: 0;
 width: 100%;
 line-height:0;
 padding: 20px 24px;
 font-size: 10px;
 color: #9aa5ad;
 font-weight: 400;
 font-family: 'Exo 2';
 text-transform: uppercase;
}
.main-nav-one ul>li.active ul li a {
 color: inherit;
}
.main-nav-one ul>li.active ul li a:before {
 content: none;
}
.main-nav-one ul>li ul li.active a {
 color: #ff4229;
}
.main-nav-one ul>li ul li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 -webkit-transition: .25s;
 -moz-transition: .25s;
 -o-transition: .25s;
 -ms-transition: .25s;
 transition: .25s;
 position: absolute;
 left: 100%;
 top: 0;
}
.main-nav-one ul>li:hover>ul {
 opacity: 10;
 filter: alpha(opacity=100);
 visibility: visible;
 -webkit-animation-duration: 0.5s;
 -ms-animation-duration: 0.5s;
 animation-duration: 0.5s;
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeInUp;
 -ms-animation-name: fadeInUp;
 animation-name: fadeInUp;
}

/* -------------------------------------------------------- */
.navigation-one .right-icons {
    float: right;
    line-height: 60px;
    padding: 10px 30px 0 30px;
    margin-left: 18px;
}

.navigation-one .right-icons a {
 margin-left: 12px;
}

.navigation-one a {
 color: #777;
 cursor: pointer;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.navigation-one small {
 color: #aaa;
 font-family: 'Exo 2' ;
 font-size: 12px;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.navigation-one small:hover {
 color: #000;
}

.navigation-one-divider {
 margin-right: 3px;
 margin-left: 3px;
}

.navigation-one a:hover {
 color: #000;
}

/*-----------------------*/
/*Header-2
-------------------------*/

/*-- top-bar --*/
.top-bar {
 background: rgba(24, 24, 24, 0.96);
 height: 45px;
 position: relative;
 overflow: hidden;
}
.top-bar ul {
}
.top-bar ul li {
 display: inline-block;
}
.top-bar ul li a {
 color: #888888;
 display: inline-block;
 padding: 0 10px;
 line-height: 45px;
}
.top-bar .left-bar-side {
 float: left;
 margin-bottom: 0px;
}
.top-bar .left-bar-side li {
}
.top-bar li:nth-last-child(1) a {
}
.top-bar i {
 margin: 0 4px;
 vertical-align: middle;
}
.top-bar .left-bar-side li {
 border: none;
 margin-right: 0px;
}
.top-bar .left-bar-side li:nth-last-child(1) span {
 display: none;
}
.top-bar .left-bar-side p {
 font-weight: 400;
 color: #AEB5B5;
 line-height: 40px;
 margin: 0px;
 display: inline-block;
 line-height: 45px;
 font-size: 14px;
}
.top-bar .left-bar-side span {
 color: #9c9c9c;
 margin: 0 15px;
}

/* -------------------------------------------------------- */
.two-right-icons {
 float: right;
 margin: 13px 4px;
}

.two-right-icons a {
 margin-left: 5px;
 font-family: 'Exo 2';
 font-size:14px;
 font-weight: 400;
}

.two-right-icons a {
 cursor: pointer;
 color: #AEB5B5;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.two-right-icons small {
 color: #AEB5B5;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.two-right-icons small:hover {
 color: #fff;
}

.two-right-icons-divider {
 margin-right: 3px;
 margin-left: 3px;
}

.two-right-icons a:hover {
 color: #fff;
}

/* -- logo -- */
.logo-two a {
 font-size: 25px;
 font-family:'PT Sans' sans-serif;
 text-transform: uppercase;
 font-weight: 100;
 color: #fff;
 float:left;
 margin: 12px 0;
}

/* -- menu -- */
.is-sticky .two-navigation {
 -webkit-animation-duration: 1s;
 -ms-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeInDown;
 -ms-animation-name: fadeInDown;
 animation-name: fadeInDown;
 background-color: rgba(0, 0, 0, 0.9);
}

.two-navigation {
 background-color: #000;
 -webkit-box-shadow: 0 1px rgba(0,0,0,0.1);
 -moz-box-shadow: 0 1px rgba(0,0,0,0.1);
 box-shadow: 0 1px rgba(0,0,0,0.1);
 z-index: 9;
 width: 100%;
}

.two-navigation a {
 cursor: pointer;
 color: #AEB5B5;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.two-navigation a:hover {
 color: #fff;
}

.two-main-nav {
 float: right;
 font-size: 0;
}
.two-main-nav ul {
 margin-bottom: 0;
}
.two-main-nav ul>li {
 display: inline-block;
}
.two-main-nav ul>li a {
 font-size: 12px;
 color: #AEB5B5;
 text-transform: uppercase;
 font-family: 'Exo 2';
 padding: 0 5px;
 line-height: 60px;
 height: 60px;
 text-decoration: none;
 display: inline-block;
 position: relative;
 cursor: pointer;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}
.two-main-nav ul>li a:hover, .two-main-nav ul>li:hover a {
 text-decoration: none;
 opacity:0.95;
}
.two-main-nav ul>li.active a {
 color: #57e994;
}

.two-main-nav li > a.uMenuItemA {
opacity: 0.9;
}

.two-main-nav li > a.uMenuItemA:before {
/* content: ""; */
/* position: absolute; */
/* top: 49px; */ 
/* left: 35%; */
/* width: 30%; */
/* border: 1px solid #DB2450; */
}

.two-main-nav ul>li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 background: rgba(30,30,30, .97);
 position: fixed;
 height: auto;
 padding: 0;
 margin-left: -70px;
 z-index: 999;
 min-width: 220px;
 box-shadow: 0 3px 3px rgba(0,0,0,.1);
 -webkit-transform: scale(1, 0);
 -ms-transform: scale(1, 0);
 transform: scale(1, 0);
 -webkit-transform-origin: top;
 -ms-transform-origin: top;
 transform-origin: top;
 -webkit-transition: all 300ms ease-in-out 0s;
 transition: all 300ms ease-in-out 0s;
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
}

.two-main-nav ul>li ul li {
 color: #fff;
 position: relative;
 display: block; 
}
.two-main-nav ul>li ul li a:hover {
 color: #FFFFFF;
 background:#131517;
}
.two-main-nav ul>li ul li a {
 background: none;
 height: 0;
 width: 100%;
 line-height:0;
 padding: 20px 24px;
 font-size: 10px;
 color: #AEB5B5;
 font-weight: 400;
 font-family: 'Exo 2';
 text-transform: uppercase;
}
.two-main-nav ul>li.active ul li a {
 color: inherit;
}
.two-main-nav ul>li.active ul li a:before {
 content: none;
}
.two-main-nav ul>li ul li.active a {
 color: #ff4229;
}
.two-main-nav ul>li ul li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 -webkit-transition: .25s;
 -moz-transition: .25s;
 -o-transition: .25s;
 -ms-transition: .25s;
 transition: .25s;
 position: absolute;
 left: 100%;
 top: 0;
}
.two-main-nav ul>li:hover>ul {
 opacity: 10;
 filter: alpha(opacity=100);
 visibility: visible;
 -webkit-animation-duration: 0.5s;
 -ms-animation-duration: 0.5s;
 animation-duration: 0.5s;
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeInUp;
 -ms-animation-name: fadeInUp;
 animation-name: fadeInUp;
}

/*-----------------------*/
/*Header-3
-------------------------*/

.tree-navigation .container {
 width: 100%;
 padding: 15px 40px;
}

.is-sticky .tree-navigation .container {
 width: 100%;
 padding: 0 80px;
 transition: all .5s;
}

/* -- menu -- */
.is-sticky .tree-navigation {
 background-color: rgba(0, 0, 0, 0.9);
 -webkit-box-shadow: 0 1px rgba(0,0,0,0.1);
 -moz-box-shadow: 0 1px rgba(0,0,0,0.1);
 box-shadow: 0 1px rgba(0,0,0,0.1);
 z-index: 9;
 width: 100%;
}

.tree-navigation {
 z-index: 9;
 width: 100%;
}

.tree-main-nav {
 float: left;
 font-size: 0;
}
.tree-main-nav ul {
 margin-bottom: 0;
}
.tree-main-nav ul>li {
 display: inline-block;
}
.tree-main-nav ul>li a {
 font-size: 12px;
 color: #AEB5B5;
 text-transform: uppercase;
 font-family: 'Exo 2';
 padding: 0 5px;
 line-height: 60px;
 height: 60px;
 text-decoration: none;
 display: inline-block;
 position: relative;
 cursor: pointer;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}
.tree-main-nav ul>li a:hover, .tree-main-nav ul>li:hover a {
 text-decoration: none;
 opacity:0.95;
}
.tree-main-nav ul>li.active a {
 color: #57e994;
}

.tree-main-nav li > a.uMenuItemA {
opacity: 0.9;
}

.tree-main-nav li > a.uMenuItemA:before {
/* content: ""; */
/* position: absolute; */
/* top: 49px; */ 
/* left: 35%; */
/* width: 30%; */
/* border: 1px solid #DB2450; */
}

.tree-main-nav ul>li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 background: rgba(30,30,30, .97);
 position: absolute;
 height: auto;
 padding: 0;
 z-index: 999;
 min-width: 220px;
 box-shadow: 0 3px 3px rgba(0,0,0,.1);
 -webkit-transform: scale(1, 0);
 -ms-transform: scale(1, 0);
 transform: scale(1, 0);
 -webkit-transform-origin: top;
 -ms-transform-origin: top;
 transform-origin: top;
 -webkit-transition: all 300ms ease-in-out 0s;
 transition: all 300ms ease-in-out 0s;
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
}

.tree-main-nav ul>li ul li {
 color: #fff;
 position: relative;
 display: block; 
}
.tree-main-nav ul>li ul li a:hover {
 color: #FFFFFF;
 background:#131517;
}
.tree-main-nav ul>li ul li a {
 background: none;
 height: 0;
 width: 100%;
 line-height:0;
 padding: 20px 24px;
 font-size: 10px;
 color: #AEB5B5;
 font-weight: 400;
 font-family: 'Exo 2';
 text-transform: uppercase;
}
.tree-main-nav ul>li.active ul li a {
 color: inherit;
}
.tree-main-nav ul>li.active ul li a:before {
 content: none;
}
.tree-main-nav ul>li ul li.active a {
 color: #ff4229;
}
.tree-main-nav ul>li ul li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 -webkit-transition: .25s;
 -moz-transition: .25s;
 -o-transition: .25s;
 -ms-transition: .25s;
 transition: .25s;
 position: absolute;
 left: 100%;
 top: 0;
}
.tree-main-nav ul>li:hover>ul {
 opacity: 10;
 filter: alpha(opacity=100);
 visibility: visible;
 -webkit-animation-duration: 0.5s;
 -ms-animation-duration: 0.5s;
 animation-duration: 0.5s;
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeInUp;
 -ms-animation-name: fadeInUp;
 animation-name: fadeInUp;
}

/* -------------------------------------------------------- */
.tree-navigation .tree-right-icons {
    float: right;
    line-height: 60px;
    padding: 10px 30px 0 30px;
    margin-left: 18px;
}

.tree-navigation .tree-right-icons a {
 margin-left: 12px;
}

.tree-navigation a {
 cursor: pointer;
 color: #AEB5B5;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.tree-navigation small {
 color: #AEB5B5;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.tree-navigation small:hover {
 color: #fff;
}

.tree-navigation-divider {
 margin-right: 3px;
 margin-left: 3px;
}

.tree-navigation a:hover {
 color: #fff;
}

/* -- Header-4 -- */
.four-navigation .container {
 padding: 15px 40px;
}

.is-sticky .four-navigation .container {
 width: 100%;
 padding: 0 80px;
 transition: all .5s;
}

.is-sticky .four-navigation {
 background-color: rgba(0, 0, 0, 0.9);
 -webkit-box-shadow: 0 1px rgba(0,0,0,0.1);
 -moz-box-shadow: 0 1px rgba(0,0,0,0.1);
 box-shadow: 0 1px rgba(0,0,0,0.1);
 z-index: 9;
 width: 100%;
}

.four-navigation {
 z-index: 9;
 width: 100%;
 margin-top: 50px;
 background:#000;
}

.is-sticky .four-navigation {
 z-index: 9;
 width: 100%;
 margin-top: 0;
}

/* -------------------------------------------------------- */
.four-navigation .four-right-icons {
    float: right;
    line-height: 60px;
    padding: 10px 30px 0 30px;
    margin-left: 18px;
}

.four-navigation .four-right-icons a {
 margin-left: 12px;
}

.four-navigation a {
 cursor: pointer;
 color: #AEB5B5;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.four-navigation small {
 color: #AEB5B5;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.four-navigation small:hover {
 color: #fff;
}

.four-navigation-divider {
 margin-right: 3px;
 margin-left: 3px;
}

.four-navigation a:hover {
 color: #fff;
}
/* -- Header-4 end -- */

/* -- Header-5 -- */
.five-navigation .container {
 padding: 15px 40px;
}

.is-sticky .five-navigation .container {
 width: 100%;
 padding: 0 80px;
 transition: all .5s;
}

.is-sticky .five-navigation {
 background-color: rgba(0, 0, 0, 0.9);
 -webkit-box-shadow: 0 1px rgba(0,0,0,0.1);
 -moz-box-shadow: 0 1px rgba(0,0,0,0.1);
 box-shadow: 0 1px rgba(0,0,0,0.1);
 z-index: 9;
 width: 100%;
}

.five-navigation {
 z-index: 9;
 width: 100%;
 background:#000;
}

.is-sticky .five-navigation {
 z-index: 9;
 width: 100%;
}

/* -------------------------------------------------------- */
.five-navigation .five-right-icons {
    float: right;
    line-height: 60px;
    padding: 10px 30px 0 30px;
    margin-left: 18px;
}

.five-navigation .five-right-icons a {
 margin-left: 12px;
}

.five-navigation a {
 cursor: pointer;
 color: #AEB5B5;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.five-navigation small {
 color: #AEB5B5;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.five-navigation small:hover {
 color: #fff;
}

.five-navigation-divider {
 margin-right: 3px;
 margin-left: 3px;
}

.five-navigation a:hover {
 color: #fff;
}
/* -- Header-5 end -- */


/* -- Header-6 -- */
.six-navigation .container {
 padding: 15px 40px;
}

.is-sticky .six-navigation .container {
 width: 100%;
 padding: 0 80px;
 transition: all .5s;
}

.is-sticky .six-navigation {
 background-color: rgba(255, 255, 255, 0.9); 
 -webkit-box-shadow: 0 1px rgba(0,0,0,0.1);
 -moz-box-shadow: 0 1px rgba(0,0,0,0.1);
 box-shadow: 0 1px rgba(0,0,0,0.1);
 z-index: 9;
 width: 100%;
}

.six-navigation {
 cursor: pointer;
 background-color: rgba(255, 255, 255, 0.9);
 z-index: 9;
 width: 100%;
 margin-top: 50px;
}

.is-sticky .six-navigation {
 z-index: 9;
 width: 100%;
 margin-top: 0;
}

.six-main-nav {
 float: left;
 font-size: 0;
}
.six-main-nav ul {
 margin-bottom: 0;
}
.six-main-nav ul>li {
 display: inline-block;
}
.six-main-nav ul>li a {
 font-size: 12px;
 color: #777;
 text-transform: uppercase;
 font-family: 'Exo 2' ;
 padding: 0 5px;
 cursor: pointer;
 line-height: 70px;
 height: 70px;
 text-decoration: none;
 display: inline-block;
 position: relative;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}
.six-main-nav ul>li a:hover, .six-main-nav ul>li:hover a {
 text-decoration: none;
 opacity:0.95;
}
.six-main-nav ul>li.active a {
 color: #57e994;
}

.six-main-nav li > a.uMenuItemA {
opacity: 0.9;
}

.six-main-nav li > a.uMenuItemA:before {
/* content: ""; */
/* position: absolute; */
/* top: 49px; */ 
/* left: 35%; */
/* width: 30%; */
/* border: 1px solid #DB2450; */
}

.six-main-nav ul>li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 background: #000;
 position: absolute;
 height: auto;
 padding: 0;
 z-index: 999;
 min-width: 220px;
 box-shadow: 0 3px 3px rgba(0,0,0,.1);
 -webkit-transform: scale(1, 0);
 -ms-transform: scale(1, 0);
 transform: scale(1, 0);
 -webkit-transform-origin: top;
 -ms-transform-origin: top;
 transform-origin: top;
 -webkit-transition: all 300ms ease-in-out 0s;
 transition: all 300ms ease-in-out 0s;
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
}

.six-main-nav ul>li ul li {
 color: #fff;
 position: relative;
 display: block; 
}
.six-main-nav ul>li ul li a:hover {
 color: #eee;
 background:#131517;
}
.six-main-nav ul>li ul li a {
 background: none;
 height: 0;
 width: 100%;
 line-height:0;
 padding: 20px 24px;
 font-size: 10px;
 color: #9aa5ad;
 font-weight: 400;
 font-family: 'Exo 2';
 text-transform: uppercase;
}
.six-main-nav ul>li.active ul li a {
 color: inherit;
}
.six-main-nav ul>li.active ul li a:before {
 content: none;
}
.six-main-nav ul>li ul li.active a {
 color: #ff4229;
}
.six-main-nav ul>li ul li ul {
 opacity: 0;
 filter: alpha(opacity=0);
 visibility: hidden;
 -webkit-transition: .25s;
 -moz-transition: .25s;
 -o-transition: .25s;
 -ms-transition: .25s;
 transition: .25s;
 position: absolute;
 left: 100%;
 top: 0;
}
.six-main-nav ul>li:hover>ul {
 opacity: 10;
 filter: alpha(opacity=100);
 visibility: visible;
 -webkit-animation-duration: 0.5s;
 -ms-animation-duration: 0.5s;
 animation-duration: 0.5s;
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeInUp;
 -ms-animation-name: fadeInUp;
 animation-name: fadeInUp;
}

/* -------------------------------------------------------- */
.six-navigation .six-right-icons {
    float: right;
    line-height: 60px;
    padding: 10px 30px 0 30px;
    margin-left: 18px;
}

.six-navigation .six-right-icons a {
 margin-left: 12px;
}

.six-navigation a {
 color: #777;
 cursor: pointer;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.six-navigation small {
 color: #aaa;
 font-family: 'Exo 2' ;
 font-size: 12px;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.six-navigation small:hover {
 color: #000;
}

.six-navigation-divider {
 margin-right: 3px;
 margin-left: 3px;
}

.six-navigation a:hover {
 color: #000;
}
/* -- Header-6 end -- */

/* -- Header-7 -- */
.seven-navigation .container {
 padding: 15px 40px;
}

.is-sticky .seven-navigation .container {
 width: 100%;
 padding: 0 80px;
 transition: all .5s;
}

.is-sticky .seven-navigation {
 background-color: rgba(255, 255, 255, 0.9); 
 -webkit-box-shadow: 0 1px rgba(0,0,0,0.1);
 -moz-box-shadow: 0 1px rgba(0,0,0,0.1);
 box-shadow: 0 1px rgba(0,0,0,0.1);
 z-index: 9;
 width: 100%;
}

.seven-navigation {
 background-color: rgba(255, 255, 255, 0.9);
 z-index: 9;
 width: 100%;
}

.is-sticky .seven-navigation {
 width: 100%;
}

/* -------------------------------------------------------- */
.seven-navigation .seven-right-icons {
 float: right;
 line-height: 80px;
 padding: 0 30px;
 margin-left: 18px;
}

.seven-navigation .seven-right-icons a {
 margin-left: 15px;
}

.seven-navigation a {
 color: #777;
 cursor: pointer;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.seven-navigation small {
 color: #aaa;
 font-family: 'Exo 2' ;
 font-size: 12px;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}

.seven-navigation small:hover {
 color: #000;
}

.seven-navigation-divider {
 margin-right: 3px;
 margin-left: 3px;
}

.seven-navigation a:hover {
 color: #000;
}
/* -- Header-7 -- */
/*-----------------------*/
/*user
-------------------------*/
.social-accounts {
 padding: 10px 0 3px 10px!important;
 display: inline-block!important;
}
.open-sans {
font-family: 'Open Sans', sans-serif !important;
}
.info-property {
 border: 1px solid #dddddd;
 margin-top: 30px;
}
h5.tittle-head {
 margin: 0px;
 padding: 15px;
 font-size: 12px;
 background: #f8f8f8;
 border-bottom: 1px solid #dddddd;
}
.info-property .inner {
 padding: 20px;
 background: #fff;
}
.info-property .inner p {
 font-size: 12px;
 text-transform: uppercase;
 color: #666666;
}
.info-property .inner p span {
 font-weight: bold;
 color: #222222;
}
.info-property .inner p {
 margin-bottom: 20px;
}
.info-property.more .inner {
 padding-bottom: 0px;
}
.info-property.more li {
 padding-left: 30px;
 margin-bottom: 15px;
}
.info-property.more li p {
 font-weight: bold;
 font-size: 12px;
 margin-bottom: 0px;
}
.info-property.more li:before {
 content: "\f0da";
 font-family: FontAwesome;
 padding: 0px;
 color: #666666;
 padding-left: 20px;
 left: 0px;
 font-size: 16px;
 font-weight: 100;
 position: absolute;
}
/*-----------------------*/
/* 404
-------------------------*/
.error-page-area{}
.error-content{
 text-align:center;
}
.error-image{
 padding:50px 0 30px;
}
.error-image h1{
 font-size:150px;
 font-weight:bold;
 line-height:120px;
 animation-name: 404;
 animation-duration: 33s;
 animation-delay: 3s;
 animation-iteration-count: 10;
}
@keyframes 404 {
 100%{color: #000;}
}
.error-heading{}
.error-heading h2{
 font-size:28px;
 line-height:34px;
 font-weight:normal;
 margin-bottom: 7px;
 text-transform: uppercase;
 color:#333;
 margin-top:18px;
 margin-bottom:10px;
}
.error-heading h3{
 border-bottom: 1px solid #eee;
 font-size:16px;
 line-height:24px;
 font-weight:normal;
 color: #555454;
 margin-bottom: 20px;
 padding-bottom: 19px;
 text-transform: uppercase;
}


/*=======================================================
      Video background
========================================================*/
/*----- Homepage Slider --------*/
#slider .item {
  overflow:hidden;
  max-height:500px;
}
#slider .item img {
display: block;
width: 100%;
height: auto;
}

#slider .item h1 {
  color:#fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 100px;
    text-align: right;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.79)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c9000000', GradientType=0);
}

#slider .item p {
    position: absolute;
    bottom: 0;
    padding-right: 130px;
    width: 100%;
    padding: 50px;
    color:#fff;
    text-align: right;
 }


 @media screen and (max-width: 500px) {
#slider .item p {
   bottom: -20px
}
.blog .col-md-2 {text-align: center;margin: 30px 0;}

.gallery .btn-mod.btn-large {width: 100%;text-align: center;margin: 30px 0;}
.gallery .col-md-2 {width: 100%;}


}

.slider-bg{
position: relative;
 background: #eee;
}
.slider{}
.slider-pic img{
position: relative;
 z-index: -1;
}

.slider-pic{
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
transition: all 0.3s;
background: -moz-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(16, 14, 13, 1)), color-stop(100%, rgba(16, 14, 13, 0)));
background: -webkit-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); 
background: -o-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); 
background: -ms-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%);
 background: linear-gradient(to bottom, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 );
}

/*----- Video Preview --------*/
.fullscreen-bg {
    overflow: hidden;
    z-index: -100;
    position: relative;
    height: 100%;
    width: 100%;
    padding-top:45%;
}
 
.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
 
.overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
 
.overlay h1 {
    text-align:center;
    color:#fff;
    font-size: 70px;
    margin-top:17%;
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../images/video.jpg') center center / cover no-repeat;
    }
 
    .fullscreen-bg__video {
        display: none;
    }
}

/*=======================================================
      Breadcrumb
========================================================*/
.page-title {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.page-title .inner {
	background: rgba(39,45,50,.32);
	padding-top: 230px;
}
.page-title .title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	line-height: 50px;
	padding: 0 18px;
	background: #080808;
	display: inline-block;
	color: #777;
	position: relative;
	left: -15px;
	z-index: 7;
}

@media all and (max-width: 768px) {
	.page-title {
		/* margin-top: 164px; */
	}
	.page-title .inner {
		padding-top: 200px;
	}
}


.breadcrumb {
  padding: 0 14px;
  top: 0;
  float: right;
  font-family:'Exo 2';
  line-height: 30px;
  border-radius: 0;
  background: #151515;
  display: table;
  color: #787D85;
  font-size: 14px;
  font-weight: 300;
  float:right;
  z-index: 9;
  position: relative;
}
.breadcrumb a {
  color: #787D85;
  transition:all ease-in-out .3s;
}
.breadcrumb a:hover {
  color: #FFFFFF;
}

.section-overlay:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .85;
    z-index: 0;
      background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.79)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.79) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c9000000', GradientType=0);

}

/*-----------------------------*/
.sub-banner {
  background: url(../images/breadcrubm-01.jpg) fixed repeat;
  display: inline-block;
  width: 100%;
  margin-top: -5px;
}
.sub-banner .overlay {
  padding: 55px 0;
  background: rgba(0, 0, 0, 0.8);
  /* padding-top: 30px; */
}
.sub-banner h2 {
  display: inline-block;
  font-family: 'PT Sans' sans-serif;
  color: #fff;
}
.sub-nav {
  float: right;
  margin-top: 20px;
}
.sub-nav li {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 5px !important;
}
.sub-nav li i {
  color: #fff;
  font-size: 24px;
}
.sub-nav li a {
  color: #fff;
}

/*=======================================================
      Blog
========================================================*/


.blog {
 
}  
 
.blog-post-container {
  position:relative;
  padding-bottom: 40px;
}

.blog-post-media {
  position:relative;
  margin-bottom:20px;
}

.blog-post-media img {
  width:100%;
}

.blog-post-info {
  position:relative;
}

.blog-post-info h3{
  font-size:26px;
  font-weight:700;
  text-transform:uppercase;      
}

.blog-post-info h3 a{
  color:#5d5d5d;
  font-weight:700;
  text-transform:uppercase;  
}

.blog-post-info h3 a:hover{
  color:#00b5ca;
  font-weight:700;
  text-transform:uppercase;  
}

.blog-post-info p {
margin:0 0 15px;
}

.blog-post-text {
  position:relative;
}

.more-link {
  margin-top:20px;
}

.widget {
  margin-bottom:20px;
  display:block;
}
.widget .form-group {
  margin-bottom: 0px;
}

.blog-post-detail-container {
  position:relative;
  padding-bottom: 40px;
}

.blog-post-comments {
  padding:0px;
  margin:0px;
  margin-top:0px;
}

ul.blog-post-comments ul {
  padding-left:60px;
}

.blog-post-comments li {
  position:relative;
  list-style:none;
  padding-left:0px;
  text-align: justify;
  line-height: 22px;
  margin-bottom:20px;
}

.blog-post-comments li span {
  display:block;
  margin-left:60px;
}

.blog-post-comments h6 {
  margin-bottom: 20px;
  top: 10px;
  position: relative;
  display: block;
  clear:none;
  text-align:left;
  color:#7a8188;
  font-size:13px;
  font-weight:400;
  line-height:21px;  
}

.blog-post-comments li h6 span {
 display: inline-block;
 margin-left:0px; 
}

.blog-post-comments li i{
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 25px;
  margin-right: 15px;
  float: left;
  border: 1px solid;
  border-color: #CCCCCC;
  color: #8a8c8c;
  text-align:center;  
}

.share-box {
  margin-top: 12px;
}
  
/*=======================================================
     Blog Masonry (boxed) 
========================================================*/

.blog-boxed {
  position:relative;
  overflow:hidden;
  background:#FFF;
  margin-bottom:30px;
  text-align:center; 
}

.blog-boxed .media-content {
  position: relative;
  overflow: hidden;
  display: block;
}


.blog-boxed img {
  max-width:100%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.blog-boxed:hover img {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.blog-boxed .media-text {
  padding:30px 20px;
}

.blog-boxed h4 a, .blog-boxed h4 {
  color: #55595c;
  font-size: 16px;
  font-weight: 400;
  margin-bottom:0px;
  text-transform:uppercase;
  text-align:center;
}

.blog-boxed h4 a:hover {
  color: #7F7F7F;
}
    
.blog-boxed p {
  margin:15px 0 0;
  text-align:center;
}

/*=======================================================
      Blog Detail 
========================================================*/

.blog-detail {
  position:relative;
}

.blog-img img{width:100%;}
  
.blog-detail ul {
  padding:0px;
  overflow:hidden;
}  
  
.blog-detail ul li > i {
  margin-right:25px;
  font-size:18px;
} 
  
.blog-detail .red, .blog-detail .red i {
  color:#00b5ca;
}
    
.blog-detail .post-data-container {
  background:#fff;
} 

.blog-detail .post-data-container .post-data {
  position:relative;
  padding:45px 40px;
} 
  
.blog-detail .post-data-container .post-data h2 {
  font-size:24px;
  line-height:28px;
  font-weight:bold;
  color:#0e0e0e;
} 
  
.blog-detail .post-data-container .post-data h4 {
  font-size:14px;
  line-height:22px;
  color:#26292b;
} 
    
.blog-detail .post-data-container .post-data p {
  font-size:16px;
  line-height:22px;
  color:#828c92;
} 
    
.blog-detail .post-data-container .post-data .author {
  position:relative;
  padding-left:130px;
} 
  
.blog-detail .post-data-container .post-data .author img {
  position:absolute;
  top:0px;
  left:0px;
  width:100px;
} 
  
.blog-detail .post-data-container .post-data .author h3 {
  font-family: 'Open Sans', sans-serif;
  font-style:italic;
  font-size:16px;
  color:#828c92;
  text-transform:none;
} 
  
.blog-detail .post-data-container .post-data .author h5 {
  font-size:14px;
  color:#2f3235;
  margin:0px;
} 
  
.blog-detail .post-data-container .post-data .author p {
  line-height:24px;
} 

/*---------------*/
.event-area{}
.single-event{margin-bottom: 35px;}
.even-item-img{}
.catitemimage{display: block;
position: relative;}
.catitemimage a{
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: relative;
}
.catitemimage a:before {
  background-color: #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  visibility: visible;
  width: 100%;
}
span.catItemLink:before, span.catItemLink:after {
  background: #ddd none repeat scroll 0 0;
  content: "";
  height: 70px;
  left: 50%;
  margin-left: -1px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: all 0.4s ease-in-out 0s;
  width: 2px;
}
span.catItemLink:after {
  margin-left: -70px;
  margin-top: -35px;
  transform: rotateZ(90deg);
}
span.catItemLink:before {
  margin-top: -95px;
}
.catitemimage:hover span.catItemLink:before{
  margin-top: -35px;
  opacity: 1;
}
.catitemimage:hover > a:before{
  opacity: .5;
}
.catitemimage:hover span.catItemLink:after{margin-left: 0;
opacity: 1;}
div.blog-info-block {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  padding: 60px 15px 15px;
  position: absolute;
  width: 100%;
}
div.blog-info-block .catItemDateCreated{
  border: medium none;
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  position: relative;
  vertical-align: bottom;
}
div.blog-info-block div.event-share {display: inline-block;
position: relative;
top: 15px;
padding-bottom: 18px;
}
span.catItemDateCreated:after{
  background: rgba(213, 213, 213, 0.48) none repeat scroll 0 0;
  content: "";
  height: 12px;
  position: absolute;
  width: 1px;
}
span.catItemDateCreated:after {
  right: 0;
  top: 14px;
}
.catItemDateCreated .blog-date {
  font-size: 24px;
}

.event-content{}
h3.even-title{display: block;
font-size: 28px;
font-weight: 300;
line-height: normal;
margin: 0 0 12px;}
h3.even-title a{color: #444;
text-decoration: none !important;}
h3.even-title a:hover{color: #222;}
.tolbar{margin-bottom: 15px;}
.tolbar span{
color: #444;
display: inline-block;
font-size: 11px;
line-height: 14px;
margin-right: 10px;
padding-right: 10px;
text-transform: uppercase;}
.tolbar span.author{border-right: 1px solid #ddd;}
.tolbar span.cat-link a{margin-right: 5px;}
.tolbar span i{padding-right: 6px;}
.tolbar span a{color: #888;
text-decoration: none !important;}
.even-read{}
.even-read a{padding: 6px 30px;}
.event-content > p {color: #444444;
margin-bottom: 25px;
}
.event-content {
  margin-top: 15px;
}

/*------------------- Blog vid materialov--------------------*/
.blog-page-h .blog-border{padding-left: 25px;
padding-top: 40px;}
.blog-page-h .search-form{}
.blog-page-h .sidebar-p{background: #fff none repeat scroll 0 0;
color: #444444;
margin-bottom: 35px;
padding: 0;}
.blog-page-h h3.blog-right-title{color: #444444;
font-size: 18px;
font-weight: normal;
line-height: 24px;
margin-bottom: 20px;
margin-top: 0;
text-transform: none;}
.blog-page-h .search-form input{box-sizing: border-box !important;
height: auto;
margin-bottom: 20px;
padding: 12px 15px;
width: 100%;
border: none;border:1px solid #ddd}
.blog-page-h .search-form input:focus,.blog-page-h .user-login p input:focus{background: #f5fbfe none repeat scroll 0 0;
border-color: #99baca;
box-shadow: none;
outline: 0 none;border:1px solid #99baca}
.blog-page-h .super-user{}
.blog-page-h .super-user-content{padding-bottom: 40px;}
.blog-page-h .user-img{float: left;
margin-right: 20px;}
.blog-page-h .user-img a{}
.blog-page-h .user-img a img{}
.blog-page-h .user-text{overflow: hidden;}
.blog-page-h .user-text a{color: #000;
display: block;
margin-bottom: 10px;
text-decoration: none;}
.blog-page-h .user-text p{}
.user-login{padding-bottom: 40px;}
.blog-page-h .user-login p{}
.blog-page-h .user-login p span{display: block;
margin-bottom: 5px;}
.blog-page-h .user-login p input{display: block;
margin: 0;
padding: 8px 10px;
width: 100%;
border: none;
border: 1px solid #ddd;}
.blog-page-h .user-login p span.remember-me{cursor: default;
display: inline-block;}
.blog-page-h .user-login input[type=checkbox]{display: inline-block;
margin: 0 5px;
position: relative;
top: 2px;
width: auto;}
.blog-page-h .user-login input[type=submit]{}
ul.forgot-pass{margin-top: 15px;}
ul.forgot-pass li{}
ul.forgot-pass li a{color: #a5a5a5;
display: inline-block;
font-size: 12px;
margin-bottom: 5px;
text-decoration: none;}
ul.forgot-pass li a i{width: 25px;color:#444444}
ul.forgot-pass li a:hover{color:#ddd}
.blog-page-h .blog-comments{overflow: hidden;}
.blog-page-h .blog-user-img{float: left;
margin-right: 20px;}
.blog-page-h .blog-user-img img{}
.blog-page-h .blog-user-text{float: left;}
.blog-page-h .blog-user-text p{font-size: 13px;
margin-bottom: 2px;}
.blog-page-h .blog-user-text p a{color: #444;
text-decoration: none;}
.blog-page-h .blog-user-text p a:hover{color:#727674}
.blog-page-h .blog-user-text span{font-size: 12px;
font-style: italic;
color: #727674;}
.blog-page-h .comments-border{border-bottom: 1px solid #ddd;
margin-top: 20px;
margin-bottom: 40px;}
.blog-page-h .k2-content{padding-bottom: 40px;}
.blog-page-h .k2-content-img{margin-bottom: 0px;}
.blog-page-h .k2-content-img img{width: 100%;height: auto;}
.blog-page-h .k2-text{}
.blog-page-h .k2-text p{}
.blog-page-h .k2-text span{}
.blog-page-h .k2-text span a{color: #a5a5a5;
font-size: 12px;
padding: 0 2px;
text-decoration: none;
text-transform: uppercase;}
.blog-page-h .k2-text span a:hover{color:#444}
.event-share:hover ul.share-menu{opacity:1;top:38px;z-index:999}
ul.share-menu{background: #eee none repeat scroll 0 0;
position: absolute;
width: 100px;
top: 60px;opacity:0;z-index:-99;transition: all 0.4s ease 0s;}
ul.share-menu li.share-title{background: #222 none repeat scroll 0 0;
text-align: center;
padding-left: 0;padding:6px 0;text-transform:uppercase}
ul.share-menu li.share-title:hover{background: #222 none repeat scroll 0 0;}
ul.share-menu li{
border-bottom: 1px solid #fff;}
ul.share-menu li a{color: #444;text-decoration:none;padding: 6px 0 6px 10px;}
ul.share-menu li a i{
width: 20px;}
ul.share-menu li:hover{background: #000000;color:#fff}
ul.share-menu li a:hover{color:#fff}

/*=======================================================
      Landing
========================================================*/

/*----------------------- services ---------------------------------*/

.sec-services-1 {
  padding:50px 0;
  background:#fff;
  text-align:center;
}

.services-1 {
  position:relative;
  margin:0px 0px 30px 0px;
}

.services-1-icon i{
  width:84px;
  height:84px;
  line-height:84px;
  font-size: 40px;
  color:#282A2E;
  margin:0px auto;
  position: relative;
  display: inline-block;
  border: 1px dashed;
  border-color: #000;
  margin-bottom:30px;
  -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.services-1-icon:hover i{
  border-color: #fff;   
}

.services-1-title {
  font-family: 'Exo 2', sans-serif;
  color: #404449;
  font-size: 16px;
  font-weight: 400;
}

.services-2 {
  position:relative;
  text-align:center;
  margin:0px 0px 40px 0px;  
}

.services-2-icon {
  display: inline-block;
  width:100%;
  display: table;  
}

.services-2-icon i {
  width:60px;
  height:60px;
  line-height:60px;  
  background: #282A2E;
  margin:0px auto;
  position: relative;
  display: inline-block;  
  margin-right:15px;
  float:left;
  text-align: center;
  font-size: 28px;    
  color:#fff;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.services-2-icon:hover i {
  background: #fff; 
  color:#282A2E;
}
.services-2-text {
  margin-left:75px;
  overflow:hidden;
}

.services-2-icon h4 {
  font-family: 'Exo 2', sans-serif;
  color: #404449;
  font-size: 16px;
  font-weight: 400;
  margin: 15px 0px 0px 0px;
  text-align:left;
  display: table-cell;
  padding: 0px;
  vertical-align: middle;
  width:100%;
}

.services-2 p {
  color: #7a8188;
  margin: 12px 0px 0px 0px;
  text-align:left; 
}

/*------------------------ parallax --------------------------------*/


.parallax{
  width: 100%;
  padding: 0;
  margin: 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #FFFFFF;
}

.parallax img{
  width: 100%; 
  padding: 0;
  margin: 0;
}

.parallax-2 {
  background-color: #E7EBEF;
}


.parallax .parallax-text-container-home {
  display:table;
  width: 100%;
  height:800px;
  padding: 0;
  margin: 0;
}

.parallax .parallax-text-container-1 {
  width: 100%;
  padding: 0;
  margin: 0;
}

.section-title-white{
  animation:pulse 1s infinite linear;
}

.section-title-white:hover {
  animation-play-state:paused;
}


.parallax .parallax-text-container-2 {
  padding: 0;
  margin: 0;
  text-align: center;  
  width: 100%;
  height:500px;
  display:table;
  text-align: center;
}

.parallax .parallax-text-container-3 {
  padding: 0;
  margin: 0;
  text-align: center;  
  width: 100%;
  height:600px;
}

.parallax .parallax-text-container-4 {
  display:table;
  padding: 0;
  margin: 0;
  text-align: center;  
  width: 100%;
  height:120px;
  padding:0 15px;
}

.parallax .parallax-text-container-5 {
  display:table;
  padding: 0;
  margin: 0;
  text-align: center;  
  width: 100%;
  height:350px;
}

.parallax-text-container-home .parallax-text-item {
  display:table-cell;
  vertical-align:middle;
  color:#fff;
  text-align:center;
}

.parallax-text-container-home .parallax-text-item p{
  text-align:center;
  color:#FFF;
  text-shadow:0px 0px 0px rgba(0, 0, 0, 0);
  font-weight:400;
  font-size:14px;
  line-height:17px;
  font-family:"Open Sans"; 
}

.parallax-text-container-home h2, .parallax-text-container-home h3 {
  color:#FFF;
  text-align:center;
}

.parallax-text-container-1 .parallax-text-item {
  padding:100px 0px;
  text-align:center;
}

.parallax-text-container-2 .parallax-text-item {
  display:table-cell;
  vertical-align:middle;
}

.parallax-text-container-4 .parallax-text-item {
  display:table-cell;
  vertical-align:middle;
  color: #606060;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3em;  
}


.parallax-text-container-5 .parallax-text-item {
  display:table-cell;
  vertical-align:middle;
  color: #606060;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3em;  
}



.parallax p.lead {
  color:#fff;  
}

.parallax-mobile {
  background-position: 50% 0px !important; 
  background-attachment: scroll !important;
}

.parallax-colored {
  background-color: rgba(53,84,117, 0.7);
}

.parallax-colored-dark {
  background-color: rgba(0,0,0, 0.7);
}

/*------------------------ Gallery --------------------------------*/


.parallax{
 background-size: cover;
     background-attachment: fixed;
     background-repeat: no-repeat;
     /* height: 100vh; */
     background-position: 50% 50%;
}

.parallax img{
  width: 100%; 
  padding: 0;
  margin: 0;
}

.parallax-2 {
  background-color: #E7EBEF;
}


.parallax .parallax-text-container-home {
  display:table;
  width: 100%;
  height:800px;
  padding: 0;
  margin: 0;
}

.parallax .parallax-text-container-1 {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.86);
}


.parallax .parallax-text-container-2 {
  padding: 0;
  margin: 0;
  text-align: center;
  width: 100%;
  height: 100vh;
  display:table;
  text-align: center;
}

.parallax .parallax-text-container-3 {
  padding: 0;
  margin: 0;
  text-align: center;  
  width: 100%;
  height:600px;
}

.parallax .parallax-text-container-4 {
  display:table;
  padding: 0;
  margin: 0;
  text-align: center;  
  width: 100%;
  height:120px;
  padding:0 15px;
}

.parallax .parallax-text-container-5 {
  display:table;
  padding: 0;
  margin: 0;
  text-align: center;  
  width: 100%;
  height:350px;
}

.parallax-text-container-home .parallax-text-item {
  display:table-cell;
  vertical-align:middle;
  color:#fff;
  text-align:center;
}

.parallax-text-container-home .parallax-text-item p{
  text-align:center;
  color:#FFF;
  text-shadow:0px 0px 0px rgba(0, 0, 0, 0);
  font-weight:400;
  font-size:14px;
  line-height:17px;
  font-family:"Open Sans"; 
}

.parallax-text-container-home h2, .parallax-text-container-home h3 {
  color:#FFF;
  text-align:center;
}

.parallax-text-container-1 .parallax-text-item {
  padding:100px 0px;
  text-align:center;
}

.parallax-text-container-2 .parallax-text-item {
  display:table-cell;
  vertical-align:middle;
}

.parallax-text-container-4 .parallax-text-item {
  display:table-cell;
  vertical-align:middle;
  color: #606060;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3em;  
}


.parallax-text-container-5 .parallax-text-item {
  display:table-cell;
  vertical-align:middle;
  color: #606060;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3em;  
}



.parallax p.lead {
  color:#fff;  
}

.parallax-mobile {
  background-position: 50% 0px !important; 
  background-attachment: scroll !important;
}

.parallax-colored {
  background-color: rgba(53,84,117, 0.7);
}

.parallax-colored-dark {
  background-color: rgba(0,0,0, 0.7);
}

/*------------------------ Counter --------------------------------*/
.counter-item {
  position:relative;
  margin-bottom:20px;
  text-align:center;
}

.counter-item h5 {
  text-align:center;
  margin-bottom:0px;
  color: #bbb;
}

.counter-item i {
  font-size:40px;
  color: #FFFFFF;
}


.timer {
  color: #e5e5e5;
  font-size: 48px;
  font-weight: 800;
  text-transform: uppercase;
  text-align:center;
  line-height:80px;
}

.counter-item p {
  
}

/*------------------------ Blog --------------------------------*/
.blog h2 {
  padding:5px;
}

.blog .btn-small {
  margin-top:15px;
   float:right; 
}

/*------------------------ Gallery --------------------------------*/

.gallery{
  background:#fff;
}

.gallery h2 {
  padding:5px;
}

.gallery .btn-small {
  margin-top:15px;
   float:right; 
}

.portfolio{
  overflow:hidden;
}

.portfolio li{
  list-style:none;
}

.gallery-grid .img-container{
  margin-bottom:30px;
}                               

.gallery-mansonry .project{
  margin-right:-1px;
  margin-bottom:30px;
}

.gallery-full .project{
  padding:0px;
  margin-right:-1px;
}

  /* -------------------------------------------------------- */
  /*  Portfolio Filter */
  /* -------------------------------------------------------- */

  #portfolio-filter{
    margin: 0px;
    padding: 1px;
    overflow:hidden;
  }
    
  #portfolio-filter li {
    list-style:none;
    float:left;
    margin-right:10px;
    margin-top:5px;
    padding:12px 0px;
  }
    
  #portfolio-filter li a {
    padding:12px 15px;
    margin:0px;
    border:0px;
    border-bottom:1px solid transparent;
    color:#8c9aaa;
  }
 
  #portfolio-filter li:hover a {
    color:#222222;
    border-bottom:1px solid #222222;
    text-decoration:none;
  }
    
  #portfolio-filter li.active a {
    color:#222222;
  }

  /* -------------------------------------------------------- */
  /*  Portfolio - Isotype (filtering tags) */
  /* -------------------------------------------------------- */

  .isotope-item {
    z-index: 2;
  }

  .isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
  }   

  /* Isotope CSS3 transitions */    
  .isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
        -ms-transition-duration: 0.4s;
         -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }

  .isotope {
    -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
        transition-property: height, width;
  }

  .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
        transition-property:         transform, opacity;
  } 

  /* disabling Isotope CSS3 transitions */
  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
        transition-duration: 0s;
  }          

/* -------------------------------------------------------- */
/* Gallery Overlay */
/* -------------------------------------------------------- */
               
.img-container {
  position:relative;
  overflow:hidden;
  background:#222222;
}

.img-container img {
  width:100%;
  height:auto;
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
}

.img-container:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter:alpha(opacity=40); 
  -khtml-opacity: 0.4; 
     -moz-opacity:0.4; 
          opacity:0.4;
}

.img-container i { 
  position: absolute;
  top: 50%;   
  left: 50%;
  width:10px;
  height:10px;
  font-size:10px;
  line-height:10px;
  text-align:center;
  color:#ffffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0); 
  -khtml-opacity: 0; 
     -moz-opacity:0; 
          opacity:0; 
  -webkit-transition: 0.7s ease-in-out;
     -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
       -o-transition: 0.7s ease-in-out;
          transition: 0.7s ease-in-out;   
}  

.img-container:hover i {
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  font-size: 70px;
  line-height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  text-align:center;
  background:rgba(45,45,45,0.8);
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  -o-border-radius: 10%;
  /* border-radius: 50%; */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity=90);
  -khtml-opacity: 0.9;
  -moz-opacity:0.9;
  opacity:0.9;
  -webkit-transform: rotate(720deg);
  -moz-transform: rotate(720deg);
  -o-transform: rotate(720deg);
  -ms-transform: rotate(720deg);
}   
 
/*------------------------ Contact form --------------------------------*/

    
.contact-form{
  background:#f7f8fb;
  border-top:1px solid #eaecf0;
  border-bottom:1px solid #eaecf0;
  text-align:left;
}

.contact-form h4, .contact-form h6, .contact-form p{
  text-align:left;
}


.contact-form .contact-logo {
  float:left;
}

.contact-form .contact-logo-title {
  float:left;
  padding-left:15px;
  font-weight:bold;
  font-size:16px;
  line-height:40px;
}

.contact-form h4{
  padding-top:10px;
}

.contact-form img{
  width:auto;
}

.error {
  margin:6px 6px;
  display: none;
  color: #ff4b64;  
}

#ajaxsuccess {
  font-size: 15px;
  width: 100%;
  display: none;
  clear: both;
  color: #0fa2d5;
  margin:0px;
}

.contact-form .btn {
  float:left;
  margin-top:10px;
}

/* -------------------------------------------------------- */
/* Contact Data */
/* -------------------------------------------------------- */
        
.contact-data h4{
  text-align:left;
  margin-bottom:20px;
}



/* -------------------------------------------------------- */
/*  Buttons  */
/* -------------------------------------------------------- */
  
 
.btn-mod,
a.btn-mod{
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 13px;
  	color: #fff;
  	background: rgba(34,34,34, .9);
	border: 2px solid transparent;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
    
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus{
	font-weight: 400;
	color: rgba(255,255,255, .85);
  	background: rgba(0,0,0, .7);
	text-decoration: none;
    outline: none;
    border-color: transparent;    
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-mod:active{
	cursor: pointer !important;
    outline: none !important;
}

.btn-mod.btn-small{
    height: auto;
  	padding: 6px 17px;
	font-size: 11px;
    letter-spacing: 1px;
} 
.btn-mod.btn-medium{
    height: auto;
  	padding: 8px 37px;
	font-size: 12px;
} 
.btn-mod.btn-large{
    height: auto;
  	padding: 12px 45px;
	font-size: 13px;
} 

.btn-mod.btn-glass{
  	color: rgba(255,255,255, .75);
  	background: rgba(0,0,0, .40);
}
.btn-mod.btn-glass:hover,
.btn-mod.btn-glass:focus{
  	color: rgba(255,255,255, 1);
  	background: rgba(0,0,0, 1);
}

.btn-mod.btn-border{
  	color: #151515;
	border: 2px solid #151515;
  	background: transparent;
}
.btn-mod.btn-border:hover,
.btn-mod.btn-border:focus{
  	color: #fff;
	border-color: transparent;
  	background: #000;
}

.btn-mod.btn-border-c{
  	color: #e41919;
	border: 2px solid #e41919;
  	background: transparent;
}
.btn-mod.btn-border-c:hover,
.btn-mod.btn-border-c:focus{
  	color: #fff;
	border-color: transparent;
  	background: #e41919;
}

.btn-mod.btn-border-w{
  	color: #fff;
	border: 2px solid rgba(255,255,255, .75);
  	background: transparent;
}
.btn-mod.btn-border-w:hover,
.btn-mod.btn-border-w:focus{
  	color: #111;
	border-color: transparent;
  	background: #fff;
}

.btn-mod.btn-w{
  	color: #111;
  	background: rgba(255,255,255, .8);
}
.btn-mod.btn-w:hover,
.btn-mod.btn-w:focus{
  	color: #111;
  	background: #fff;
}

.btn-mod.btn-w-color{
  	color: #e41919;
  	background: #fff;
}
.btn-mod.btn-w-color:hover,
.btn-mod.btn-w-color:focus{
	color: #151515;
  	background: #fff;
}

.btn-mod.btn-gray{
  	color: #777;
  	background: #e5e5e5;
}
.btn-mod.btn-gray:hover,
.btn-mod.btn-gray:focus{
  	color: #444;
  	background: #d5d5d5;
}

.btn-mod.btn-color{
  	color: #fff;
  	background: #e41919;
}
.btn-mod.btn-color:hover,
.btn-mod.btn-color:focus{
  	color: #fff;
  	background: #e41919;
    opacity: .85;
}

.btn-mod.btn-circle{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.btn-mod.btn-round{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.btn-icon{
	position: relative;
    border: none;
    overflow: hidden;
}
.btn-icon.btn-small{
	overflow: hidden;
}
.btn-icon > span{
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-top: -25px;
	position: absolute;
	top: 50%;
	left: 0;
	color: #777;
	font-size: 48px;
	opacity: .2;
	
	-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-icon:hover > span{
	opacity: 0;
    
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
.btn-icon > span.white{
    color: #fff;
}
.btn-icon > span.black{
    color: #000;
}
.btn-full{
	width: 100%;
}

/*-- Katalog statei --*/
.event-info li {
  padding:2px;
  margin-bottom:5px;
}

/*-- Katalog failov --*/

.pic {
    margin-bottom: 30px;
    position: relative;
}

.pic img {
    border-radius: 4px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.pic img:hover {
  border-radius: 4px;
   opacity: 0.7;
}

/*-- News --*/
.post-prev{
  background:#fff;
  padding: 10px;
  margin-bottom: 23px;
  position: relative;
      min-height: 420px;
}
.post-prev-img{
  background:#fff;
  margin-bottom: 23px;
  position: relative;
  overflow: hidden;
  max-height: 150px;
}
.post-prev-img a{
    -webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-prev-img a:hover{
    opacity: .85;
}
.post-prev-img img{
    width: 100%;
}
.post-prev-title{
    margin-bottom: 6px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.post-prev-title a{
    color: #777;
    font-family: 'Exo 2', sans-serif;
    font-size: 12px;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-prev-title a:hover{
    color: #111;
}
.post-prev-info,
.post-prev-info a{
    margin-bottom: 15px;
    font-size: 11px;
    text-decoration: none;
    color: #aaa;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-prev-info a:hover{
    color: #111;
}
.post-prev-text{
    margin-bottom: 22px;
    font-family: 'PT Sans', sans-serif;
    color: #777;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.75;
}


/*-- News - main --*/
.news-posts-style {
    float: left;
    width: 100%;
}
.news-posts-style > div{padding:0}
.news-posts-style .news-post {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}
.cats {
    padding:55px 35px 0;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.cats > a {
    color: #ffffff;
    float: left;
    font-size: 12px;
    margin-right: 5px;
    padding-left: 12px;
    position: relative;
    text-transform: uppercase;
}
.cats > a:before {
    background:#ffffff;
    content:"";
    height:4px;
    left:0;
    position:absolute;
    top:7px;
    width:4px;
}

.news-post img {width:100%}
.news-post-overlay {
    background: rgba(7, 7, 7, 0.63) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.news-post-overlay:before{
    content: "";
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: bottom;
}
.news-post-inner {
    display: inline-block;
    padding: 40px 35px;
    width: 99%;
}
.news-post-inner h3 {
    color: #ffffff;
    float: left;
    font-size: 23px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 100%;
}
.news-post-inner h3 a {cursor:pointer;color:#ddd;transition:all .5s ease-in-out;}
.news-post-inner h3:hover a {color:#fff;}

ul.meta {
    display: inline-block;
    list-style: outside none none;
    margin:0 0 15px;
    padding: 0;
}
ul.meta li {
    color: #a0a0a0;
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    padding-right: 20px;
    position:relative;
    text-transform: uppercase;
}
ul.meta li a{color:inherit}
ul.meta li:before {
    content: "-";
    font-size: 16px;
    line-height: 13px;
    position: absolute;
    right: 5px;
    top: 0;
}
ul.meta li:last-child:before{display:none}

@media (max-width: 768px) {
 .seven-navigation .seven-right-icons {
   float: left;
   margin: 0;
   padding: 0;
 }
  .responsive-menu-open {
    line-height: 75px;
    height: 70px;
  }
  .responsive-menu-close {
    top: 5px;
    right: 30px;
 }
  
  li.uWithSubmenu ul {
    margin-left: 30px;
  }
  
  #slider .item h1 {
	 padding: 200px 0 138px 0;
	  text-align: center;
	}
  
}


.commments-t{margin: 30px 0;}

.commments-t button{padding: 8px 15px;}


#message {
    width: 100%;
    margin-bottom: 20px;
}

#addcBut {
    margin-top: 20px;
}