body, #loading-wrap {
  background: #888;
}

/* Preloading */

#loading-wrap {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:999999; 
}

#loading {
  width:200px;
  height:200px;
  color:#000;
  position:absolute;
  left:50%; 
  top:50%; 
  margin:-200px 0 0 -100px;
  border:0px solid #000;
  text-align:center;
  border: 0px solid;
  font-size:40px;   
}

#loading i {
  font-size:140px;
  color: #F9F9EA;
  color: rgba(249, 249, 249, 0.95);
  line-height:200px;      
}

/* Pattern Strip */

.pattern-strip{
  background:url(../img/background/pattern-1.png) center center;
}

/* Mobile menu */

.animated {
  visibility:hidden;
}

.select-menu {
  display: none;
}

/*	Base */

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

html {
	overflow-y:scroll;
	background:#fff;	
}

body {
	margin: 0;
	padding: 0;                      
  font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #c0c8cc;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;	
	cursor:default;
  overflow:hidden;
  font-style: normal;
  font-weight: 400;
  padding-top: 150px;
}

a {
  color: #F9F9F9;
  color: rgba(249, 249, 249, 0.7);
  text-decoration:none;
}

a:hover, a:active, a:focus {
  color: #F9F9EA;
  color: rgba(249, 249, 249, 0.95);
  text-decoration:none;
}

p {
  font-family: 'Open Sans', sans-serif;
  margin: 0px 0px 20px 0px;
  text-align:center;
  font-style: normal;
  font-weight: 400;  
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  color: #F9F9EA; 
  color: rgba(249, 249, 249, 0.95);
  line-height:1.2em;    
  margin:0px 0px 10px 0px;
  font-weight:300;
  text-align:center;
}

h1, h1 a {
  font-size:54px;     
  letter-spacing: 2px;
  margin:0px 0px 40px 0px;   
}

h2, h2 a {
  font-size:54px;
  font-weight:200;
}

h3, h3 a {
  font-size:24px;
  text-transform:uppercase;
}

h4, h4 a {
  font-size:20px;
  text-transform:uppercase;
}

h5, h5 a{
  font-size:18px;
}

h6, h6 a{
  font-size:14px;
  font-weight:300;
}

ul{
  list-style:none;
  padding:0px;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left:5px solid;
  border-color:#F9F9F9;
  border-color: rgba(249, 249, 249, 0.5);  
}

.relative{
  position:relative;
}

.clear {
  clear:both;
}

.center {
  text-align:center;
}

.right {
  text-align:right;  
}

.vh-center{ 
  
  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;
  
  /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;
  
  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  
  /* W3C */
  display:box;
  box-pack:center;
  box-align:center;      
} 

/* Header */

.top{
  background:#fff;
}     

.logo {
  position:relative; 
  padding:16px 0px;
  margin-top: -3px;
}

.slogan{
  text-align:left;
}

/* Navigation */

.navigation {
  margin:0px auto;
  text-align:center;
  position:fixed;
  width: 100%;
  top:0;
  z-index:999;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  float:left;  
  background: #34373d;
}
     
ul.nav {
	margin: 0px auto;
  padding: 0px;
	list-style: none;
	font-size: 1em;
  float:right;
}

ul.nav li span {
	display: block;
}  
     
ul.nav li {
	float: left;
	text-align: center;   
}    
     
ul.nav a {
  color: #96989c;
	text-decoration: none;
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-o-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
	display: block;
	width: auto;  
  padding:13px;
  text-transform:uppercase;
}    
    
ul.nav li:hover a, ul.nav li:hover {
  color: #FFF;
}    

.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: transparent;
}

ul.nav li.active a {
  color: #F9F9EA;
	color: rgba(249, 249, 249, 0.95);
}

/* Footer */

.footer{
  background:url(../img/background/back-footer.jpg) center center;
}

.footer-inner{
  position:relative;
  background:url(../img/background/pattern-1.png) center center;
  padding:140px 0px 135px 0px;
}
 
.footer .f-block{
  height:80px;
  
  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;
  
  /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;
  
  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  
  /* W3C */
  display:box;
  box-pack:center;
  box-align:center;      
}

.footer .f-block h5{
  padding-top:10px;
}

.footer .f-block .social-2{
  padding-top:10px;
}

/* Promo Box */
 
.promo-box{
  background:url(../img/background/back-2.jpg) center center no-repeat;
} 
 
.promo-box-inner{
  padding:160px 20px 130px 20px;
  background:rgba(0, 216, 180, 0.9);
} 

/* Promo Box 2 */
 
.promo-box-2{       
  background:#269fee;
} 

.promo-box-2-inner{
  padding-top:120px;
  padding-bottom:120px;
  position:relative;
  width:50%;
  text-align:center;
} 

.promo-box-2-img{
  position:absolute; 
  top:0px; 
  left:100%; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

/* Promo Phone */

.device-phone{
  position:absolute;
  bottom:0px;
  right:-460px;
}

@media (max-width: 1199px) {

  .device-phone{
    right:-390px;
  }

}

@media (max-width: 991px) {

  .device-phone{
    right:-340px;
  }

}

@media (max-width: 768px) {

  .device-phone{
    right:-300px;
  }

}

@media (max-width: 599px) {

  .device-phone{
    width:70%;
    right:-90%;
  }

}

/* Promo Box 3 */

.promo-box-3{
  background:url(../img/background/pattern-2.png) center center #ff5959;
  padding:110px 20px;
} 

/* Service */

.service h3{
  text-transform:none;
}

.service{
  position:relative;
  display: block;
  text-align:center;
  background:rgba(50, 53, 60, 0.5);
  padding:55px 20px;
  margin-bottom:30px;
  border-radius: 3px;
}

.service img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}        
    
.service:hover .service-text{
  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;
  
  /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;
  
  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  
  /* W3C */
  display:box;
  box-pack:center;
  box-align:center;   
}

.service .service-text{
  display:block;
  position:absolute;  
  top:0px;
  left:0px;
  height:100%;
  color:#97999d;
  background:#fff;
  padding:30px;
  border-radius: 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
	-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;
}

.service:hover .service-text:hover{
  display:block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
	-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;
}

/* Referencies */

.ref-box{
  display:block;
  background: #32353c;
  margin-bottom:50px;
  text-align:center;
  border-radius: 4px 4px 3px 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
	-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;
}

.ref-box-text{
  padding: 30px;
}

.ref-box:hover{
  background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.ref-box:hover .ref-box-text, .ref-box:hover h4, .ref-box:hover h5 {
  color: #555;
}

.ref-box img{
  border-radius: 3px 3px 0px 0px;
}

/* Publications */
.publication-box{
    display:block;
    background: #32353c;
    margin-bottom:50px;
    text-align:center;
    border-radius: 4px 4px 3px 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -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;
}

/* Event */

.event p{
  margin:0px;
  text-align:center;
}

.event-item{
  margin:10px 0px;
  padding:42px;
  background:rgba(50, 53, 60, 0.5);
  border-radius:3px;
}

.event-location{
  position:absolute; 
  top:0; 
  background:transparent; 
  text-align:center; 
  font-size:30px; 
  width:100%;
}

/* Team */

.team:hover .ref-box-text h5{
  color:#444851;
}

.team:hover .ref-box-text{
  color:#97999d;
}

/* Clients */

.clients{
  background:#32353c;
}  
 
.clients .col-md-4{
  text-align:center;
} 
 
.clients h4{
  color:#555a65;
  font-weight:400;
}  
 
.clients-inner{
  position:relative;
}

/* Image Overlay */
 
.portfolio-item{
  position:relative;
  display:block;
  width:25%;
  float:left;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  
	-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;
}

.portfolio-item:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}   
        
.portfolio-item i{
  background:#5ae0b8;
  position:absolute;
  top:50%;
  left:50%;
  width:50px;
  height:50px;
  font-size:20px;
  line-height:50px;
  text-align:center;
  margin-left:-25px;
  margin-top:-25px;
  border-radius:3px;
  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;

	-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;
}

.portfolio-item:hover i{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  
	-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;
}

/* Google Map */

.google-map {
  position: relative;
  width: 100%;
  height: 150px;
  padding: 0px;
  border: 0px;
  margin-bottom: -7px; 
  border-radius:3px;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
  z-index:1;
}

/* Iframe For Video */

.video-content {
  max-width: 100%;
  padding: 0px;
  margin: 0px;
  margin-bottom: -5px;
  border: none;
}
        
/* Parallax */

.parallax {
  width: 100%;
}

.parallax .parallax-text-container {
  width: 100%;
  height:800px;
}

.parallax .parallax-text-container-2 {
  width: 100%;
  height:400px;
}

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

.parallax h1{
  text-transform:uppercase;
}

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

.parallax .parallax-text-container, .parallax .parallax-text-container-2 {
  display: table;
  padding: 0 !important;
  margin: 0 !important;
  text-align:center;
}

.parallax .parallax-text-item {
  display: table-cell;
  vertical-align: middle;
  font-weight:700;
  color:#FFFFFF;
  line-height:1em;
} 

/* Social Icons */

.social, .social-2, .social-3 {
  display:inline-block;
}

.social i, .social-2 i, .social-3 i{
  display:block;
  color:#eb5e5e;
  background:rgba(0, 0, 0, 0.2);
  font-size:30px;
  line-height:110px;
  width:80px;
  height:80px;
  padding-right:15px;
  margin-right:10px;
  margin-bottom:10px;
  text-align:right;
  border-radius:3px;
  float:left;
	-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;
}   

.social i:hover{
  background:rgba(255, 255, 255, 1);
}  

.social-2 i{
  color:#bebebe;
  background:transparent;
  font-size:18px;
  line-height:60px;
  width:60px;
  height:60px;
  text-align:center;
  padding:0px;
}   

.social-2 i:hover{
  color:#fff;
  background:#5ae0b8;
} 

.social-3{
  padding-top:17px;
} 

.social-3 i{
  color:#bebebe;
  background:transparent;
  border-radius:50%;
  font-size:20px;
  line-height:30px;
  width:30px;
  height:30px;
} 

.social-3 i:hover{
  color:#5ae0b8;
} 

/* Button */

.btn {
  display: inline-block;
  padding: 18px 36px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.428571429;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  color: #F9F9F9;
  color: rgba(249, 249, 249, 0.7);
  background:transparent; 
  border: 1px solid;
  border-color: #F9F9F9;
  border-color: rgba(249, 249, 249, 0.7);
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
  margin-bottom:5px;
}

.btn:hover, .btn:active, .btn:focus {
  color: #F9F9ea;
  color: rgba(249, 249, 249, 1);
  border-color: #F9F9ea;
  border-color: rgba(249, 249, 249, 1);  
}

/* Load More Button */
 
.load-more{
  display:block;
  padding:25px;
  padding-bottom:15px;
  text-align:center;
  background:#a5acb0;
} 
 
.load-more:hover{
  background:#5ae0b8;
} 
 
/* Bact to top */

.back-to-top{
  position:absolute;
  top:15px;
  left:50%;
  margin-left:-30px;
  width:60px;
  height:60px;
  background:#444851; 
  border:0px;
  border-radius:3px;
  padding:0px;
  -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
      -ms-transition: 0.2s ease-in-out;
       -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out; 
}

.back-to-top:hover{
  background:#5ae0b8; 
}

.back-to-top i{
  display:block;
  width:60px;
  height:60px;
  text-align:center;
  font-size:26px;
  line-height:60px;
  color:#fff;
}

/* SLIDERS */

/* Flex Center Nav*/
.center-nav-content-slider {
  margin: 0px;  
  border: 0px solid #000; 
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  -o-border-radius: 0px; 
  border-radius: 0px; 
  box-shadow: 0 0px 0px rgba(0,0,0,0); 
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); 
  -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); 
  -o-box-shadow: 0 0px 0px rgba(0,0,0,0); 
  zoom: 1;
}

.center-nav-content-slider .flex-direction-nav {
  height: 0px; 
  border-bottom:0px solid #CCCCCC;
}

.center-nav-content-slider .flex-direction-nav a {
  width: 60px; 
  height: 60px;  
  line-height:60px; 
  margin: -25px 0px 0px 0px; 
  display: block;  
  position: absolute;
  padding-bottom:0px;
  top: 50%;
  z-index: 10; 
  cursor: pointer; 
  font-size:0px; 
  text-indent: -2500px; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity:.7;
  -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
      -ms-transition: 0.2s ease-in-out;
       -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;          
  font-family:FontAwesome;
  font-style:normal;
  display:inline-block;
  text-align:center;
  font-size:26px;
  color:#fff;        
  background:#404751; 
  border-radius:3px;  
}

.center-nav-content-slider .flex-direction-nav a:hover,.center-nav-content-slider .flex-direction-nav a:focus {
  text-decoration:none;
}

.center-nav-content-slider .flex-direction-nav .flex-next {
  text-indent: 0px;
  right:15px;
}

.center-nav-content-slider .flex-direction-nav .flex-prev {
  text-indent: 0px;
  left:auto;
  right:auto;
  left: 15px;
}

.center-nav-content-slider .flex-direction-nav .flex-prev:before {
  content:"\f104";
}  

.center-nav-content-slider .flex-direction-nav .flex-next:before {
  content:"\f105";
}

.center-nav-content-slider .flex-direction-nav .flex-next:hover  {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity:1;
}

.center-nav-content-slider .flex-direction-nav .flex-prev:hover {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity:1;
}
      
.center-nav-content-slider .flexslider:hover .flex-next:hover, .center-nav-content-sliderv .flexslider:hover .flex-prev:hover {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity:1;}
.center-nav-content-slider .flex-direction-nav .flex-disabled {opacity: .6!important; filter:alpha(opacity=60); cursor: default;}
.center-nav-content-slider .flex-control-nav {display:none;}
            
/*  flex bottom nav*/

.bottom-nav-content-slider {margin: 0px;  border: 0px solid #000; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,0); -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); zoom: 1;}
.bottom-nav-content-slider .flex-direction-nav {display:none;}

.bottom-nav-content-slider .flex-control-nav {width: 100%; position: absolute; bottom: -15px; text-align: center;}
.bottom-nav-content-slider .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.bottom-nav-content-slider .flex-control-paging li a {width: 15px; height: 15px; display: block; 
  background: transparent;
  cursor: pointer; text-indent: -9999px;
  border:2px solid;
  border-color: #F9F9F9;
  border-color: rgba(249, 249, 249, 0.5); 
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  -o-border-radius: 0px; 
  border-radius: 0px; 
}

.bottom-nav-content-slider .flex-control-paging li a:hover { 
  background:transparent;
  border-color: #F9F9ea;
  border-color: rgba(249, 249, 249, 0.95);  
}

.bottom-nav-content-slider .flex-control-paging li a.flex-active { 
  background:transparent;
  border-color: #F9F9ea;
  border-color: rgba(249, 249, 249, 0.95);  
  cursor: default; 
}
      
/* Owl Carousel carousel-top navigation */

.owl-theme .owl-controlls .owl-buttons div{
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
  width: 50px;
  height: 50px; 
  position: absolute;
  cursor: pointer;
  z-index: 100;    
  top:0px;
  line-height:30px;
  font-size:50px;
  font-family:FontAwesome;
  font-weight:bold;
  font-style:normal;
  text-align:center;
}

.owl-theme .owl-controlls {
  margin-top: 0px;
  text-align: center;
  position: absolute;
  right: 0;
  left:0;
  margin:0px auto;
  top: -50px;
  width:100px;
}
     
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controlls.clickable .owl-buttons div:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity:1;
	text-decoration: none;
}

.owl-prev {
  left: 0px;   
}

.owl-next {
  right: 0px;
}

.owl-prev:before {
  content:"\f104";
  margin:0px auto;
  color:#FFFFFF;
}  

.owl-next:before {
  content:"\f105";
  margin:0px auto;
  color:#FFFFFF;
}

.owl-prev.disabled, .owl-next.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity:0.5;
}

/* Tags */

.tag {
  height:36px;
  font-size:13px;
  line-height:28px;
  color:#97999d;
  background:#fff;
  border-radius:3px;
  padding:5px 16px;
  margin-right:8px;
  margin-bottom:8px;
  float:left;
}

.tag:hover {
  color:#fff;
  background:#5ae0b8;
}

/* Spacer Classes */

.spacer5 {
  height: 5px !important;
}
  
.spacer10 {
  height: 10px !important;
}
  
.spacer15 {
  height: 15px !important;
}
  
.spacer20 {
  height: 20px !important;
}

.spacer25 {
  height: 25px !important;
}
  
.spacer30 {
  height: 30px !important;
}

.spacer35 {
  height: 35px !important;
}
  
.spacer40 {
  height: 40px !important;
}
  
.spacer45 {
  height: 45px !important;
}
  
.spacer50 {
  height: 50px !important;
}

.spacer55 {
  height: 55px !important;
}

.spacer60 {
  height: 60px !important;
}

.spacer65 {
  height: 65px !important;
}
  
.spacer70 {
  height: 70px !important;
}

.spacer75 {
  height: 75px !important;
}

.spacer80 {
  height: 80px !important;
}

.spacer85 {
  height: 85px !important;
}

.spacer90 {
  height: 90px !important;
}

.spacer95 {
  height: 95px !important;
}

.spacer100 {
  height: 100px !important;
}

.spacer120 {
  height: 120px !important;
}

.spacer140 {
  height: 140px !important;
}

/* Blog */

.blog{
  color:#97999d;
  background:#ecedef;
  margin:0px;
}

.blog-detail{
  color:#97999d;
  background:#ecedef;
}

.blog h2, .blog h4{
  color:#97999d;
  text-align:center;
}

.blog-detail h2{
  color:#97999d;
}

.blog h5{
  color:#aeaeae;
  text-align:left;
}

.post-img img{
  border-radius: 3px 0px 0px 3px;
}

.post-text{
  background:#fff;
  padding:40px;
  border-radius: 0px 3px 0px 0px;
}

.post-text a:hover h5{
  color:#5ae0b8;
}

.post-info-1, .post-info-2{
  width:50%;
  color:#fff;
  background:#5ae0b8; 
  float:left;
  padding:10px 20px;
}       

.post-info-2{
  background:#5ae0b8; 
  opacity:.85;
}    

.post-info-2 i{
  font-size:18px;
  padding-right:15px;
}       

.blog .load-more, .blog-detail .load-more{
  border-radius:3px;
}

.blog .load-more h4{
  color:#fff;
}

/* Sidebar */

.sidebar-item{
  background:#fff;
  padding:30px;
  margin-bottom:20px;
  text-align:center;
  line-height:35px;
  border-radius:3px;
}

.sidebar-item h5{
  color:#444851;
}

.sidebar-list a{
  color:#97999d;
}

.sidebar-list a:hover{
  color:#5ae0b8;
}

.sidebar-list .sidebar-comment{
  color:#444851;
  line-height:20px;
  padding-bottom:8px;    
  border-radius:3px;
}

.sidebar-item .text-widget{
  line-height:20px;
}

.sidebar-item .flickr-images{
  display:block;
  overflow:hidden;
}

.sidebar-item .flickr-images img{
  width:23%;
  margin-right:2%;
  margin-bottom:5px;
  float:left;
  border-radius:3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity:0.7;
}

.sidebar-item .flickr-images img:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity:1;
}

/* Post */

.post-content-image img{
  border-radius:3px 3px 0px 0px;
}

.post-content{
  border-radius:0px 0px 3px 3px !important;
}

.post-content h3{
  color:#444851;
  font-size:28px;
  text-transform:none;
  padding-bottom:5px;
}

.post-content, .post-comment, .post-form {
  background:#fff;
  padding:40px 40px 20px 40px;
  border-radius:3px 3px 0px 0px;
}

.post-content a{
  color:#97999d;
}

.post-content a:hover{
  color:#444851;
}

/* Blog Form */

.blog-form{
  background:#fff;
  padding:40px;
  border-radius:3px;
}

.blog-form h4{
  color:#444851;
  padding-bottom:30px;
  text-transform:none;
}

.blog-form input, .blog-form textarea{
  border:1px solid #e1e2e6;
  border-radius:3px;
}

.blog-form input{
  height:40px;
  margin-bottom:20px;
  -webkit-box-shadow:inset 0 0 0px #000;
     -moz-box-shadow:inset 0 0 0px #000;
          box-shadow:inset 0 0 0px #000;
}

.blog-form textarea{
  resize:none; 
  -webkit-box-shadow:inset 0 0 0px #000;
     -moz-box-shadow:inset 0 0 0px #000;
          box-shadow:inset 0 0 0px #000;
}

/* Comment */

.publish-comment .btn{
  background:#a5acb0;
  width:100%;
  border:0px;
  border-radius:3px;
  padding:25px;
  font-family: 'Roboto', sans-serif;
  color: #F9F9EA; 
  font-size:20px;
  line-height:1.2em;    
  font-weight:300;    
  text-transform:uppercase;
}

.publish-comment .btn:hover{
  background:#5ae0b8;
}

.comment-title{
  color:#444851;
}

.comment-title a{
  color:#96989c;
}

.comment-title a:hover{
  color:#5ae0b8;
}

.post-comment{
  padding:30px 40px 30px 40px;
  margin-bottom:20px;
  border-radius:3px;
}

.comment-reply{
  padding-left:20px;
  padding-right:20px;
}

.comment-reply .post-comment{
  background:#f7f8fa;
}

.post-comment p{
  padding:0px;
  margin:0px;
}

.lm-comments, .lm-back{
  background:#c0c8cc;
}

.lm-back, .lm-next{
  width:50%;
  float:left;
  margin:0px;
}

.lm-back{
  border-radius:3px 0px 0px 3px !important;
}

.lm-next{
  border-radius:0px 3px 3px 0px !important;
}