.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: "Titillium Web", sans-serif;
	font-weight: 400 !important;
}
#header{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2);
}
.header-pob{
	
}
.header-pob form{
	position: relative;
}
.header-pob input{
	border-radius: 0;
	box-shadow: none;
	border: #292929;
	height: 40px;
	padding-right: 50px;
}
.header-pob button{
	position: absolute;
	top: 0;
	right: 0;
	background: #ffc400;
	color: #fff;
	border: 1px solid #ffc400;
	height: 40px;
	padding: 6px 12px;
}
.header-pob button:hover{
	background: #222;
	border: 1px solid #222;
}
.panel_title {
    margin-bottom: 30px
}
.panel_title div {
    background-color: #eee;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px
}
.panel_title div h4 {
    font-weight: 300;
    letter-spacing: -1px;
    padding-right: 10px;
    font-size: 26px;
    height: 24px;
    line-height: 1;
    text-transform: uppercase;
    background-color: #F8F8F8;
    display: inline-block;
    margin: 0;
    margin-top: -4px
}
.panel_title span {
    font-size: 14px;
    color: #999
}
#top-menu .wrapper>ul li a i,#top-menu .wrapper>ul li a img{
	margin-right:5px;
}
#lang-current{
	cursor: not-allowed;
    font-weight: 900;
    color: #000 !important;
}
@media(min-width:769px){
	.header-logo img{
		float:left;
	}
	.childright{
		left:-100% !important;
	}
	.img-cover300{
		height: 300px;
		overflow: hidden;
	}
	.img-cover300 img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
/* Feel free to change duration  */ 
.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
/* ==================================================================
	SLIDER
================================================================== */

.boxedcontainer {
	max-width: 1170px; 
	margin:auto; 
	padding:0px 30px;
}
.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;
	z-index: 0;
}
.tp-banner{
	width:100%;
	position:relative;
}
.tp-banner-fullscreen-container {
	width:100%;
	position:relative;
	padding:0;
}
.tp-bannertimer {
	display: none;
}
.lightcolor {
	color:#ffffff !important;
}
.slider_layer_05 {
	color:#363a47;
	font-size: 31px;
	padding:0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
	background-color: rgba(255,255,255,0.8);
}
.slider_layer_01 {
	font-weight: 400;
	color:#363a47;
	font-size: 34px;
	padding:7px 60px;
	background-color: rgba(255,255,255,0.8);
}
.slider_layer_02 {
	color:#363a47;
	font-size: 16px;
	font-family: "Droid Serif",Georgia,"Times New Roman",serif;
	font-style: italic;
	line-height: 1.5;
}
.slider_layer_04 {
	color:#363a47;
	font-size: 25px;
	font-family: "Roboto",Georgia,"Times New Roman",serif;
	line-height: 1.5;
	text-transform: uppercase;
}
.slider_layer_03 {
	color:rgba(255,255,255,0.8);
	font-size: 66px;
	line-height: 1.5;
}
.tp-caption .btn {
	font-size: 14px;
	font-weight: bold;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	padding: 9px 30px !important;
}
.text-justify{
	text-align:justify;
}
/* carousel */
#quote-carousel 
{
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
	padding:0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
	color: #FBAA21;
}
.testicontent small{
	margin-top: 10px;
    font-size: 14px;
}


/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 769px) { 
    #quote-carousel 
	{
      margin-bottom: 0;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

#quote-carousel .carousel-control{
	position: absolute;
	padding: 5px 10px;
	background: #FBAA21;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	opacity: 1;
	width: auto;
	top: auto;
	bottom: 0;
	right: auto;
	left: 40px;
	border: 1px solid #FBAA21;
}
#quote-carousel .carousel-control:hover{
	background: #fff;
	color: #FBAA21;
}
#quote-carousel .carousel-control.left {
    left: 0px;
    margin-right: 10px;
    right: auto;
}
.img-testi{
	width: 82px;
    height: 82px;
    overflow: hidden;
    margin-top: 20px;
    border: 2px solid #fff;
    float: right;
}
.img-testi img{
	width:100%;
	object-fit: cover;
    height: 100%;
}
.testicontent{
	background: #fff none repeat scroll 0 0;
	border: medium none;
	color: #666;
	display: block;
	font-size: 14px;
	line-height: normal;
	padding: 20px 20px;
	position: relative;
	margin-bottom: 10px;
}
.testicontent:after{
	content:"";
	width: 0;
    height: 0;
    right: 20%;
    bottom: -15px;
    display: block;
    position: absolute;
    border-top: 15px solid #fff;
    border-right: 10px solid transparent;
    border-left: 30px solid transparent;
}
.footer-top{
    background: #eee;
    padding: 30px;
}
.footer-top .panel_title div h4{
	  background-color: #EEEEEE;
}
.footer-top .panel_title div{
	background-color: #ddd;
}
.bbm{
	background-color: #e0e0e0;
	color: #232323;
	float: left;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
}
.bbm img{
	width: 16px;
	padding-top: 8px;
	padding-left: 2px;
}
#footer .portus-main-article-block .social-icon{
    padding: 8px;	
	background: #fff;
}
#footer .portus-main-article-block .social-icon i.ti, #footer .portus-main-article-block .social-icon i.fa{
    font-size: 21px;	
}
#footer .portus-main-article-block .social-icon:before{
	opacity:0;
}
.text-center{
	text-align:center;
}
.subscribefoot form{
	position: relative;
}
.subscribefoot input{
	width: 100%;
	background: #000;
	border: 1px solid #000;
	height: 40px;
	padding: 6px 12px;
	color: #fff;
}
.subscribefoot button{
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	background: #FFC400;
	border: 1px solid #FFC400;
	padding: 10px 15px;
}
.subscribefoot button:hover{
	background: #F44336;
	border: 1px solid #F44336;
}
.page-header {
    text-align: left;
    background-color: #f2f2f2;
    background-image: url('../images/leafs.png');
	position: relative;
    margin: 0 0 40px 0;
}

.page-header .main-title {
	color: #333333;
}
.page-header .sub-title {
    position: relative;
    margin: 15px 0 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #999999;
}
.page-header i{
	padding-right: 10px;
    padding-left: 5px;
}
@media (min-width: 769px){
	.page-header {
		padding: 50px 0 50px 0;
	}
	.page-header .main-title {
		font-size: 48px;
		position: relative;
		margin: 0;
	}
	
}
@media(max-width:768px){
	.page-header {
		padding: 20px 0 20px 0;
	}
}
.account-wall{
	margin-top: 20px;
    padding: 40px;
    background-color: #fff;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    border-top: 5px solid #FFC400;
}
.icon-form{
	width: 100px;
    height: 100px;
    background: #FFC400;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    line-height: 100px;
    font-size: 45px;
    border-radius: 1000px;
    padding-left: 10px;
}
.pagecontent aside{
	margin-top:0px !important;
}
.video-image img,.portus-video-slider-min img{
	width:100%;
}
.portus-main-article-block .social-icon{
	margin-right: 5px;
}
@media(max-width:460px){
	.portfolioFilter a:after{
		padding-left: 10px;
	}
	.portfolioFilter a:before{
		content: "\f069";
		padding-right: 10px;
		color: #FFC400;
		font-weight: 900;
		font: normal normal normal 14px/1 FontAwesome;
	}
}
@media(max-width:768px){
	#lang-current {
		color: #fff !important;
	}
	.marginbm15{
		margin-bottom:15px;
	}
	.marginbm20{
		margin-bottom:20px;
	}
	.img-cover300{
		position:relative;
	}
	.article-slider-full-small .item-photo .item-content{
		display: block;
		position: absolute;
		left: 20px;
		bottom: 0;
		width: 100%;
		padding: 10px;
		z-index: 3;
		top: 0;
	}
	.article-blog-default .item-content .item-meta .item-meta-i{
		 margin-bottom: 5px;
	}
	.portfolioFilter a{
		border-bottom: 1px solid #eee;
	}
	.contactpage .comment-form{
		width: 100% !important;
		margin: 0 !important;
	}
}
.modal-dialog{
	max-width: 100%;
    padding: 0px 10px;
}
.share-box{
	float: left;
    width: 100%;
}
.height80px{
	height: 80px !important;
}
.hiddentitleheader{
	opacity:0;
	position:absolute;
}
.textcenter{
	text-align: center !important;
}
.marginbottom40{
	margin-bottom:40px !important;
}
.ymcustom{
	position: fixed;top: 350px;right: -53px;z-index: 9999;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.gmaps{
	height:250px;width:100%;
}
.modal{
	z-index: 1000000;
}
.width100{
	width:100% !important
}
.fontweight{
	font-weight: bold !important;
}
.forgotpass{
	color: #FFC400 !important;
}
.linkpremium{
	color:#2D8CAF !important
}
.marginbottom20{
	margin-bottom: 20px !important;
}
.marginleft80{
	margin-left:80px !important;
}
.paddingtop10{
	padding-top: 10px !important;
}