/* Theme Name: Wolf - Responsive Non Profilt Template
 Author: klbtheme
 Author URI: http://klbtheme.com/ */

/** TABLE OF CONTENTS
1) Body
2) Typography
3) Page-loader
4) Helper
5) Header
6) Nav
7) Slider
8) About
 8.1) Skill Bar
9) Works
10) Blog
 10.1) blog-post-fullwidth
 10.2) blog-post-timeline
 10.3) blog-detail
  10.3.1) blog-single-fullwidth
  10.3.2) blog-single-rightsidebar
11) References
12) Contanct
 12.1)Form
* */





/* 1) Body
----------------------------------------------------------------------------- */
body {
overflow-x: hidden;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #000000;
line-height: 27px;
letter-spacing: 0.5px;
}

.bbg { background-image:url(../../../images/front-slider/s01.jpg)}

.wrapper {
position: relative;
background: #ffffff;
top: 0;
overflow: hidden;
left: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
z-index: 10;
}
.main-body {
position: relative;
background: #ffffff;
z-index: 6;
}

.resizable_block {
	width:100%;
	height:0;
	padding-bottom:56.25%;
	position:relative;
	overflow:hidden;
}

.resizable_block .fullwidth {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.page-content{

}
/* 2) Typography
----------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0.3px;
font-family: 'Montserrat', sans-serif;
margin-bottom:15px;
text-transform:uppercase;
}
a,
a:focus {
outline: none;
}

hr{
margin:70px 0;
}

/* 3) Page-loader
----------------------------------------------------------------------------- */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-perspective: 12rem;
  -moz-perspective: 12rem;
  -ms-perspective: 12rem;
  -o-perspective: 12rem;
  perspective: 12rem;
  z-index: 2000;
  position: fixed;
  height: 6rem;
  width: 6rem;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pace-load {
  position: relative;

}
.pace-load:before {
  content: "";
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  top: 0;
  transition: all 1s 0.2s;
  left: 0;
  z-index: 1000;
  height: 100%;
}
@media (max-width: 992px) {
  .pace-load:before {
    position: absolute;
  }
}
.pace-load.pace-done:before {
  height: 0;
  background: rgba(255, 255, 255, 0);
}
.pace.pace-inactive .pace-progress {
  display: none;
}
.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 6rem;
  width: 6rem !important;
  line-height: 5.7rem;
  font-size: 14px;
  background: #fff;
  color: #333;
  border: 2px solid #333;
  font-weight: 100;
  text-align: center;
  -webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
  -moz-animation: pace-theme-center-circle-spin linear infinite 2s;
  -ms-animation: pace-theme-center-circle-spin linear infinite 2s;
  -o-animation: pace-theme-center-circle-spin linear infinite 2s;
  animation: pace-theme-center-circle-spin linear infinite 2s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: block;
}
@-webkit-keyframes pace-theme-center-circle-spin {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes pace-theme-center-circle-spin {
  from {
    -moz-transform: rotateY(0deg);
  }
  to {
    -moz-transform: rotateY(0deg);
  }
}
@-ms-keyframes pace-theme-center-circle-spin {
  from {
    -ms-transform: rotateY(0deg);
  }
  to {
    -ms-transform: rotateY(0deg);
  }
}
@-o-keyframes pace-theme-center-circle-spin {
  from {
    -o-transform: rotateY(0deg);
  }
  to {
    -o-transform: rotateY(0deg);
  }
}
@keyframes pace-theme-center-circle-spin {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(0deg);
  }
}

/* 4) Helper
----------------------------------------------------------------------------- */

/* 5) Header
----------------------------------------------------------------------------- */
.header-about{
	text-align: center;
	padding-top: 30px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
	background-image: url(../../../images/page-header.png);
	color: #fff;
	background-repeat: no-repeat;
}

.header-works{
text-align: center;
padding: 70px 0;
background-image:url("../img/header/2.png");
background-position: -10px -375px;
color: #fff;
margin-bottom: 80px;
}

.header-references{
text-align: center;
padding: 70px 0;
background-image:url("../img/header/3.png");
background-position: -10px -375px;
color: #fff;
margin-bottom: 80px;
}

.header-contact{
text-align: center;
padding: 70px 0;
background-image:url("../img/header/4.png");
background-position: -10px -375px;
color: #fff;
margin-bottom: 80px;
}

.header-blog{
text-align: center;
padding: 70px 0;
background-image:url("../img/header/5.png");
background-position: -10px -375px;
color: #fff;
margin-bottom: 80px;
}



/* 6) Nav
----------------------------------------------------------------------------- */

.logo{
text-align:center;
}

.logo img{
margin-top:30px;
margin-bottom:35px;

}

#wrapper {
padding-left: 250px;
transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
	margin-left: -290px;
	left: 270px;
	width: 270px;
	position: fixed;
	height: 100%;
	overflow-y: auto;
	z-index: 999;
	transition: all 0.4s ease 0s;
	overflow-x: hidden;
	background-color: #EBEEF1;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}

ul.nav.navbar-nav{
text-align:center;
margin: 1px -15px;
}

.navbar-nav a {
color: #000;
}

.navbar-nav a:hover,
.navbar-nav a:focus,
.navbar-nav a:active{
text-decoration:none;
color:#81bfb4;
}

li.active a {
    background-color: inherit;
    color: #81bfb4;
}

@media (max-width:767px) {

#wrapper {
padding-left: 0;
}

#sidebar-wrapper {
    left: 0;
    margin-left: 0;
    width: 100%;
    top: 0;
    height: auto;   
}


#wrapper.active {
position: relative;
left: 250px;
}

#wrapper.active #sidebar-wrapper {
left: 250px;
width: 250px;
transition: all 0.4s ease 0s;
}

	
.navbar-toggle{
background-color:#000;
border-color:#000;
margin-bottom: 25px;
margin-right: 15px;
}
	
.navbar-toggle .icon-bar{
background-color:#fff;
}

ul.nav.navbar-nav{
background-color:#fff;
text-align:inherit;
text-transform:capitalize;
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
    margin-left: 0px;
}

	
.logo img{
    position: absolute;
    left: 15px;
    top: 7px;
    width: 75px;
	    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 1px;
}

	
ul.socials{
display:none;
}

.page-content {
    padding-right: 0;
}






}

@media (min-width: 768px){
	
.item-has-children {
    margin-left:0
}


.navbar-nav>li {
float: none;
}
	
.navbar-nav {
float:none
}

.navbar-nav>li>a {
   text-transform: uppercase;
    display: block;
    text-decoration: none;
    padding: 10px 30px;
    position: relative;
    font-size: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
	line-height:27px;
}

ul.navbar-nav li:first-child a {
    box-shadow: none;
}
	
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li>a:active{
background-color:inherit;
color:#81bfb4;
}
	
ul.socials{
list-style:none;
text-align:center;
padding: 0;
bottom:15px;
position:fixed;
left:45px;
}
	

	
	
.download a{
color:#000;
text-transform:uppercase;
}

.download a:hover,
.download a:focus{
color:#81bfb4;
text-decoration:none;
}

ul.socials .social{
display:inline-block;
border-radius: 100%;
width: 35px;
height: 35px;
font-size: 20px;
padding-top: 4.5px;
padding-left: 1px;
background-color:#000;
margin-left: 6px;
margin-right: 6px;
}
	
ul.socials .social a{
color:#fff;
}

ul.socials .social:hover{
background-color:#81bfb4;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}



ul.socials li.download{
display:block;
margin-bottom:25px;
}

.logo-little{
display:none;
}

}

.sub-menu {
    display: none;
	padding: 0;
}

.arrow:before{
content:"\f054";
margin-left:13px;
}

.item-has-children{
margin-left:13px;
}

.submenu-open .arrow:before{
content:"\f078"
}

.sub-menu li{
list-style:none;
}



ul.sub-menu li {
    padding: 10px 0;
    color: #000000;
    position: relative;
    font-size: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    line-height: 27px;
    background: white;
}



.sub-menu li ul.sub-menu li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
    margin-top: 10px;
}

.sub-menu li ul.sub-menu li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.navbar-collapse{
padding:0
}

/* 7) Home
----------------------------------------------------------------------------- */
#rev_slider_6_1_wrapper{
padding-left:250px;
}

@media (max-width:767px) {
	
#rev_slider_6_1_wrapper{
padding-left:0;
}
}

.galleria-theme-classic .galleria-thumbnails-container{
display:none
}

/* 8) About
============================================================================= */

#about{
	margin-bottom: 40px;
}

.m-t-0{
margin-top:0
}


.text-justify{
text-align:justify;
}

@media (max-width: 992px){
.about-img img{
margin-bottom:30px;
}

.res-m-b-60{
margin-bottom:60px;
}
}

.about-img img{
width:100%;
height:auto;
}

.titleline {
    position: relative;
    max-width: 200px;
    border-top: 1px solid #81bfb4;
    margin: 30px auto 30px 0;
}
.titleline:after {
    position: absolute;
    top: -3px;
    left: 0%;
    right: 70%;
    content: '';
    border-top: 5px solid #006699;
}

.socials-about{
list-style:none;
float: left;
padding: 0;
margin-top:30px;
}

.social-about{
display: inline-block;
border-radius: 100%;
width: 35px;
height: 35px;
font-size: 20px;
padding-top: 4.5px;
padding-left: 1px;
background-color: #81bfb4;
margin-right: 12px;
}

.social-about i:after{
top: -8px;
left: -1px;
z-index: -1;
background: #000000;
-webkit-transition: -webkit-transform 0.4s, opacity 0.5s;
-moz-transition: -moz-transform 0.4s, opacity 0.5s;
transition: transform 0.4s, opacity 0.5s;
pointer-events: none;
position: absolute;
width: 35px;
height: 35px;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.social-about i:hover:after{
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}

.m-l-8:before{
margin-left:8px;
}

.m-l-12:before{
margin-left:12px;
}


.social-about a{
text-decoration:none;
color:#fff;
}






/* 8.1) Skill-Bar
============================================================================= */
.skillbar {
position:relative;
display:block;
margin-bottom:15px;
width:100%;
background:#eee;
height:35px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-transition:0.4s linear;
-moz-transition:0.4s linear;
-ms-transition:0.4s linear;
-o-transition:0.4s linear;
transition:0.4s linear;
-webkit-transition-property:width, background-color;
-moz-transition-property:width, background-color;
-ms-transition-property:width, background-color;
-o-transition-property:width, background-color;
transition-property:width, background-color;
margin-bottom:30px;
}

.skillbar-title {
position:absolute;
top:0;
left:0;
width:auto;
font-weight:bold;
font-size:13px;
color:#000;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}

.skillbar-title span {
display:block;
padding:0 20px;
height:35px;
line-height:35px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
text-transform:capitalize;
}

.skillbar-bar {
height:35px;
width:0px;
background:#6adcfa;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.skill-bar-percent {
position:absolute;
right:10px;
top:0;
font-size:11px;
height:35px;
line-height:35px;
color:#ffffff;
color:rgba(0, 0, 0, 0.4);
}


.overlay {
background-image: url("../img/about/overlay-pattern.png") !important;
background-repeat: repeat;
height: 100%;
left: 2%;
position: absolute;
top: 0;
width: 96%;
opacity: 0.7;
}

@media (max-width:490px) {
	
.overlay {
width: 93%;
left: 3.5%;
}


}


@media (max-width:1350px) {
	
.overlay {
    width: 94%;
    left: 3.0%;
}


}

@media (max-width:1050px) {
	
.overlay {
    width: 92%;
    left: 4%;
}


}

@media (max-width:950px) {
	
.overlay {
    width: 95%;
    left: 2.5%;
}


}

@media (max-width:400px) {
	
.overlay {
    width: 92.5%;
    left: 4%;
}


}


@media (max-width:340px) {
	
.overlay {
    width: 90.5%;
    left: 5%;
}


}


/* 9) works
============================================================================= */

#works{
margin-bottom:80px;
}

.cbp-l-grid-blog-title{
font:inherit;
font-size:18px;
}

.cbp-l-grid-blog-date{
font:inherit;
font-size:12px;
}

.cbp-l-grid-blog-comments{
font:inherit;
font-size:12px;
}

.cbp-l-grid-blog-desc{
font:inherit;
font-size:13px;
}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active{
color: #81bfb4;
border-color: #81bfb4;

}

.cbp-l-filters-buttonCenter .cbp-filter-counter{
background-color: #81bfb4;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:after{
border-top: 4px solid #81bfb4;
}

.cbp-l-caption-body .cbp-l-caption-title:after{
display:none;
}



.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap{
background-color:inherit
}


.grey{
filter: gray; /* IE6-9 */
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */

}

.cbp-caption-defaultWrap:hover{
filter: none;
-webkit-filter: grayscale(0%);
}

.cbp-l-caption-alignCenter .cbp-l-caption-body{
padding:0
}

.cbp-caption-activeWrap{
pointer-events:none
}


.cbp-l-caption-title:hover .cbp-caption-defaultWrap{
filter: none;
-webkit-filter: grayscale(0%);
}

.cbp-l-caption-title{
width: 45px;
height: 45px;
border-radius: 100%;
background-color: #81bfb4;
padding-left: 2px;
padding-top: 12.5px;

}

.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover{
border: 1px solid #81bfb4;
color:#81bfb4
}

a.cbp-l-loadMore-link{
position:relative;
}


a.cbp-l-loadMore-link:before{
content: "\f061";
left: 75%;
opacity: 0;
top: 12px;
position: absolute;
font-size: 125%;
color: #000;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
font: normal normal normal 14px/1 FontAwesome;
color:#81bfb4
}

a.cbp-l-loadMore-link:hover:before{
left: 85%;
opacity: 1;
}


/* 10) blog
============================================================================= */

/* 10.1) blog-post-fullwidth
======================================================================== */

#blog{
margin-bottom:71px;
}

a.cbp-l-grid-blog-comments{
color:#81bfb4
}

#js-grid-blog-posts{
margin-bottom:71px;
}

.blog-pages-all{
text-align:center;
}

ul.blog-pages{
text-align:center;
list-style:none;
display: inline-block;
padding: 0;
}

ul.blog-pages li{
float:left;
}

.blog-page{
border: 1px solid #DEDEDE;
min-width: 35px;
display: inline-block;
min-height: 35px;
margin-right:12px;
line-height: 2.4;
}

.blog-page span{
padding: 8px 13px;
}

.blog-page:hover{
border: 1px solid #81bfb4;
}

.blog-page span:hover{
color:#81bfb4
}

li.blog-page a{
text-decoration:none;
color:#000;
}
s
.blog-active{
border: 1px solid #81bfb4;
}

.blog-active span{
color:#81bfb4	
}

.blog-paddding{
padding:0 15px!important;
}

/* 10.2) blog-post-timeline
======================================================================== */

.blog-timeline{
position:relative;
padding: 0;
}

.blog-timeline li{
list-style: none;
display: table;
clear: both;
width:50%;
padding: 0 70px;
position:relative;
}

.blog-timeline-item:before,
.blog-timeline-item:after{
clear:both;
content:"";
display:table;
}

.blog-timeline-item{
background: #F7F6F6;
-webkit-box-shadow: 0 0.2rem 1.8rem 0 rgba(0, 0, 0, 0.24), 0 0.7rem 1rem 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 0.2rem 1.8rem 0 rgba(0, 0, 0, 0.24), 0 0.7rem 1rem 0 rgba(0, 0, 0, 0.19);
position:relative;
}

.timeline-content{
display:inline-block;
    float: right;
    width: 50%;
	    padding: 15px 20px;
}

.timeline-content h6{
margin-bottom:10px;
}

.timeline-content i{
font-size:16px;
}

.timeline-content span{
margin-left: 5px;
font-size:12px;
font-family: 'Montserrat', sans-serif;
}

.timeline-content a{
    margin-left: 10px;
}

.timeline-content p{
margin-bottom:40px;
}

.timeline-content h6>a>i{
color:#81bfb4;
}

.timeline-content h6>i>span{
color:#787878;
}

.blog-timeline-img img{
width: 50%;
position: absolute;
height: 100%;
}

.blog-timeline-img:after{
content: "";
width: 15px;
height: 15px;
left: 49%;
top: 50%;
background: #F7F6F6;
position: absolute;
transform: rotate(45deg);
}

.blog-timeline li:nth-child(even) {
float:right;
}



.timeline-button{
margin-left:0!important;
text-align:center;
display:block;
text-transform:capitalize;
}

@media (max-width:1620px) {
	
.timeline-content a{
margin-left:0;
}

.timeline-content i{
margin-bottom:20px;
}

.blog-timeline li{
padding:0 15px;
}

}

@media (max-width:1224px) {
	
.blog-timeline-img img {
    width: 100%;
    position: inherit;
    height: auto;
}

.timeline-content {
    float: inherit;
    width: auto;
}

.blog-timeline-img:after{
display:none;
}

.timeline-content i {
    margin-left:5px;
}

}

@media (max-width:992px) {
	
	
.blog-timeline li{
width:100%;
margin-bottom: 50px;
}

}

@media (max-width:435px) {
	
.blog-timeline li{
padding:0 15px;
}
	
.timeline-content{
padding: 10px 15px;
}

.timeline-content h4{
font-size:14px;
}

.timeline-content h6 {
    margin-bottom: 5px;
}

.timeline-content i {
    margin-bottom: 10px;
}

.timeline-content p {
    margin-bottom: 20px;
}

}


.blog-timeline-item:hover{
	background:#81bfb4;
	-moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
	color:white
}

.blog-timeline-item:hover a,
.blog-timeline-item:hover i,
 .blog-timeline-item:hover span {
color:#fff;
-moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.blog-timeline-item:hover .blog-timeline-img:after{
background-color:#81bfb4;
-moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}


.timeline-content h4 a:after{
    content: "";
    position: absolute;
    height: 2px;
    background-color: #B5B5B5;
    bottom:-3px;
    left: 0;
    width: 20%;
}

.timeline-content h4 a{
position:relative;
margin:0;
}

.timeline-content h4,
.timeline-content h6{
margin-bottom:20px;
}

.fa-calendar{
font-size:14px!important;
}

.blog-timeline-item:hover .timeline-content h4 a:after{
width: 100%;
 transition:0.99s;
 background-color: #fff;
}

.timeline-button:hover{
text-decoration:underline;
}


/* 10.3) blog-detail
============================================================================= */

/* 10.3.1) blog-single-fullwidth
======================================================================== */
#blog-detail{
margin-bottom:80px;
}

#blog-comment{
display:inline-block;
}

.socials-blog{
list-style: none;
text-align: center;
padding: 0;
margin-top: 30px;
margin-bottom: 60px;
display: inline-block;
}

.social-blog{
display: inline-block;
border-radius: 100%;
width: 35px;
height: 35px;
font-size: 20px;
padding-top: 4.5px;
padding-left: 1px;
background-color: #81bfb4;
margin-right: 12px;
float: left;
color: #fff;
}

.social-blog i:after{
top: -8px;
left: -9px;
z-index: -1;
background: #000000;
-webkit-transition: -webkit-transform 0.4s, opacity 0.5s;
-moz-transition: -moz-transform 0.4s, opacity 0.5s;
transition: transform 0.4s, opacity 0.5s;
pointer-events: none;
position: absolute;
width: 35.5px;
height: 35.5px;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.social-blog i:hover:after{
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}

.date-blog{
list-style: none;font-size: 13px;
position: absolute;color: #000000;left: 1%;bottom: 2%;background-color: rgb(255, 255, 255);padding: 9px 20px;vertical-align: middle;display: inline-block;}

.date-blog span{
font-family: 'Montserrat', sans-serif;font-size: 14px;float: right;margin-left: 10px;margin-top: 0px;}

.blog-img{
width:100%;
margin-bottom: 40px;
position:relative;
}

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

.comment-img{
float:left;
margin-top: 20px;
display:inline-table;
}

.comment-body{
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.comment-author{
text-transform:uppercase;
display:inline-table;
}




#blog-respond .comment-form label{
display:none;
}


.comment-background{
background-color:rgb(247, 247, 247);
margin-bottom:30px;
}
}

.comment-date a{
color:#81bfb4
}


.padding-off{
padding:0;
}


/* 10.3.2) blog-single-rightsidebar
======================================================================== */

#sidebar ul{
list-style:none;
    padding: 0;
	margin-bottom:50px;
	
}	

.sidebar-popular-posts li,
.sidebar-recent-posts li{
margin-bottom:30px;
display: inline-flex;
width: 100%;
background: #F7F6F6;
-moz-transition: all 0.4s ease-out;  /* FF4+ */
-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out;  /* IE10? */
transition: all 0.4s ease-out;  
}

.sidebar-popular-posts li:hover,
.sidebar-recent-posts li:hover{
background: #81BFB4;
}



.sidebar-post-holder{
padding:10px 15px;
}





.sidebar-title{
margin:0;
}

.tagcloud a{
padding: 5px;
display: inline-block;
margin-bottom: 15px;
margin-left: 5px;
border:1px solid;
}

.sidebar-categories a{
outline: none;
padding: 5px;
display: inline-block;
margin-bottom: 15px;
width: 52%;
background: #F7F6F6;
color: #000;
font-weight: bolder;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
text-decoration: none;

}



.box-shadow{
-webkit-box-shadow: 0 0.2rem 1.8rem 0 rgba(0, 0, 0, 0.24), 0 0.7rem 1rem 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 0.2rem 1.8rem 0 rgba(0, 0, 0, 0.24), 0 0.7rem 1rem 0 rgba(0, 0, 0, 0.19);
}


.timeline-content a {
	text-decoration:none;

}


.timeline-content a{
	color:#000
}

.sidebar-post-holder a{
	color:#000
}
.sidebar-popular-posts li:hover,
.sidebar-popular-posts li:hover a,
.sidebar-popular-posts li:hover span{
	text-decoration:none;
	color:#fff;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}



.sidebar-categories i{
	font-size:15px;
	padding-right: 15px;
	
}

.tagcloud a{
	text-decoration:none;
	color:#fff;
	background:#000;
}


.tagcloud a:hover{
 background:#81bfb4;
 color:#fff;
 -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
 
}

.comment-date a{
	text-decoration:none;
	color:#000;

}


.comment-date a:hover{
	color:#81bfb4;
	-moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
 }
 
 .sidebar-recent-posts li:hover,
 .sidebar-recent-posts li:hover a,
 .sidebar-recent-posts li:hover span{
	color:#fff;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
 }
 
 .sidebar-entry-title{
position:relative;
 }

  .sidebar-entry-title a{
text-decoration:none
 }

 
.sidebar-entry-title a:after{
    content: "";
    position: absolute;
    height: 2px;
    background-color: #B5B5B5;
    bottom:-3px;
    left: 0;
    width: 20%;
}

.sidebar-recent-posts li:hover .sidebar-entry-title a:after,
.sidebar-popular-posts li:hover .sidebar-entry-title a:after{
width: 100%;
 transition:0.99s;
 background-color: #fff;
}



 .blog-img:hover a.date-blog{
	 background:#81bfb4;
	 color:#fff;
	     -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
 }

 .sidebar-entry-title a{
	 -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
	position:relative;
 }

 .recent-posts-info a{
	 	 -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
 }
 
 .recent-posts-info i{
margin-right:5px;
 }

/* 11) references
============================================================================= */
#references{
}

.ref-item{
text-align:center;
margin-bottom:48px;	
}

.ref-item img{
width:190px;
height:190px;
border-radius:100%;
max-width: 100%;
height: auto;
}


/* 12) contact
============================================================================= */
.map iframe{
width:100%;
}

.address{
line-height: 24px;
margin:50px 0;

}

.address p{
word-wrap:break-word;	
}

.address i{
font-size:18px;
margin-right:5px;
}

.m-l-23{
margin-left:23px;
}

.m-r-12{
margin-right:12px!important;
}

@media (max-width:992px) {
	
.form-style-9{
margin-top:30px;
}

}

@media (max-width:992px) {
	
.res-padding-off{
padding:0;
}

}
/* 12.1) form
============================================================================= */

.form-style-9{
background: #FAFAFA;
padding: 30px;
}



.form-style-9 ul{
padding:0;
margin:0;
list-style:none;
}
.form-style-9 ul li{
display: block;
margin-bottom: 26px;
min-height: 35px;
position:relative;
}
.form-style-9 ul li  .field-style{
box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
padding: 8px 18px;
outline: none;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
border:1px solid #ddd;
}
.form-style-9 ul li  .field-style:focus{
border:1px solid #81bfb4;
}
.form-style-9 ul li .field-split{
width: 49%;
}
.form-style-9 ul li .field-full{
width: 100%;
}
.form-style-9 ul li input.align-left{
float:left;
}
.form-style-9 ul li input.align-right{
float:right;
}

.form-style-9 ul li textarea{
width: 100%;
height: 100px;
} 

.form-style-9 ul li button{
display: inline-block;
cursor: pointer;
padding:0;
text-decoration: none;
border: 1px solid #ddd;
background-color: #fff;
position:relative;
overflow:hidden;
}

.form-style-9 ul li button span{
display: inline-block;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-webkit-backface-visibility: hidden;
-moz-transition: all 0.3s;
-moz-backface-visibility: hidden;
transition: all 0.3s;
backface-visibility: hidden;
padding: 8px 18px;
}

.form-style-9 ul li button span:hover{
opacity:0
}
 
.form-style-9 ul li button:hover {
border: 1px solid #81bfb4;
color:#81bfb4;
}

.form-style-9 ul li button:before {
content: "\f003";
top: -100%;
position: absolute;
height: 100%;
width: 100%;
font-size: 180%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font: normal normal normal 14px/1 FontAwesome;
opacity:0;
pointer-events: none;
}

.form-style-9 ul li button:hover:before {
top:13px;
opacity:1; 
}