/**
* Widget Slideshow
**/
.da-slider{
	line-height: 40px;
	.da-arrows{
		display: none;
	}
	.da-dots span{
		background: @a-color;
		width: 18px;
		height: 18px;
		overflow: hidden;
		&:hover{
			transform: rotate(180deg);
			-ms-transform: rotate(180deg); /* IE 9 */
			-webkit-transform: rotate(180deg); /* Safari and Chrome */
			transition: all 0.5s ease-in;
			-webkit-transition: all 0.5s ease-in;
			color: @color;
			&:before{
				content: " ";
				background: #fff;
				width: 18px;
				height: 18px;
				border: #fff;
				.border-radius( 999px );
				position: absolute;
				left: -12px;
			}
		}
		&.da-dots-current{
			background: @color;
			transform: rotate(180deg);
			-ms-transform: rotate(180deg); /* IE 9 */
			-webkit-transform: rotate(180deg); /* Safari and Chrome */
			transition: all 0.5s ease-in;
			-webkit-transition: all 0.5s ease-in;
			&:before{
				content: " ";
				background: #fff;
				width: 18px;
				height: 18px;
				border: #fff;
				.border-radius( 999px );
				position: absolute;
				left: -12px;
			}
		}
	}
	.da-slide-title{
		color: @color;
	}
	.paral-slide3.da-slide-current .da-slide-content{
		a.readmore{
			.scale(1);
			opacity: 1;
		}
	}
	.paral-slide3{
		font-weight: normal;
		.da-slide-title{
			font-size: 35px;
			font-weight: normal;
			top: 100px;
			a{
				color: #fff;
				background: @color;
				padding: 2px 15px;
			}
		}		
		.da-slide-content{
			top: 146px;
			p{
				font-size: 25px;			
				margin-left: 30px;
				line-height: 25px;				
				padding: 5px 15px;
				background: lighten(@color, 10);
				margin-bottom: 1px;				
				color: #fff;
			}
			a.readmore{
				display: inline-block;				
				color: #fff;
				background: @color;
				padding: 5px 15px;
				font-size: 25px;
				margin-left: 60px;
				opacity: 0;
				.scale(0);
				.transition(1s ease all);
			}
		}
	}
}

.yaCarousel{
	margin:0;
	.carousel-inner{
		height: 320px;
		.carousel-title{
			width: 30%;
			float: left;
			color: @color;
			text-align: right;
			font-size: 70px;
			margin-top: 120px;
			[class^="icon-"]{
				margin-left: 15px;
			}
		}
		.carousel-desc{
			margin: 90px 2% 0 6%;
   			width: 60%;
			float: left;
			font-size: 24px;
			line-height: 30px;
			.button{
				margin-top: 30px;
				a.btn:hover{
					color: @color;
				}
				[class^="icon-"]{
					margin-right: 10px;
				}
			}
		}
	}
	.carousel-button {
		display: block;
		text-align: center;
		margin-bottom: -12px;
		.carousel-indicators{
			display: inline-block;
			position: relative;
			top:0;
			left:0;
			right:0;
			bottom:0;
			margin: 0;
		}
		li{
			background: #fff;
			height: 20px;
			width: 20px;
			.border-radius(9999px);
			margin: 0 8px;
			.box-shadow(1px 1px 2px #ccc);
			.opacity(85);
			&.active{
				background: @color;
			}
			&:hover{
				cursor: pointer;
			}
		}
	}
}


/**
* Widget Custom Menu
**/
.widget_nav_menu{
	ul{
		margin: 0;
		li{
			list-style: none;
			font-size: 18px;
			line-height: 50px;
			border-bottom: 1px solid @border-color;
			font-weight: bold;
			padding: 0 5px;
			a{
				color: @body-color;
				[class*="icon-"]{
					margin: 0 30px 0 15px;
				}
			}
			&:first-child{
				border-top: 1px solid @border-color;
			}
			&:hover{
				background: #fff; 
				a, a:hover{
					color: @color;
					text-decoration: none;
				}
			}
		}
	}
}


/**
* Widget The Framework
**/
.the-framework{
	line-height: 25px;
	.button{
		text-align: center;
		img{
			width: 100%;
		}
		a{
			margin-top: -40px;
		}
	}
}


/**
* Widget Comments
**/
.ya-comments{
	.ya-comment{
		display: inline-block;
		width: 100%;
		margin-bottom: 20px;
		.comment-author{
			width: 25%;
			float: left;
			margin: 5px 20px 5px 0;
			.rtl &{
				float: right;
				margin: 5px 0 5px 20px;
			}
			img{
				width: 100%;
				.border-radius(5px);
			}
		}
		.comment-caption{
			display: block;
			line-height: 25px;
			a{
				display: block;
			}
		}
	}
}


/**
* Widget Categories
**/
.ya-categories{
	ul{
		margin-left: 20px;
	
		li{
			line-height: 25px;
			color: @color;
			
			&:hover {
				color: darken(@color, 15%);
			}
		}
	}
}


/**
* Widget The Blog
**/
.widget-the-blog{
	.widget-view-category{
		a{
			&:hover{
				i{
					text-decoration: none;
				}
			}
			.rtl &{
				i{
					&:before{
						content: "\f100";
						display: inline-block;
					}
				}
			}
		}
	}
	.widget-post{
		display: block;
		border-bottom: 1px dashed rgba(245, 245, 245, 0.5);
		padding-bottom: 15px;
		margin-bottom: @baseLineHeight;
		.widget-post-inner{
			display: inline-block;
			width: 100%;
			.widget-thumb{
				opacity: 0.8;
				.transition( 0.6s ease 0s all );
				width: 40%;
				float: left;
				margin: 5px 15px 5px 0;
				position: relative;
				z-index: 99;
				img{
					width: 100%;					
				}
				&:hover{
					box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
					opacity: 1;
					.scale(1.1);					
				}
			}
			.widget-caption{
				line-height: 27px;
				.widget-title{
				
				}
				.widget-meta{
					display: block;
					font-size: 10px;
				}
			}
			.widget-read-more {
				display:block;
				.rtl &{
					i:before{
						content: "\f0a8";
					}	
				}
				i{
					.translate(0, 0);
					.transition(0.3s ease all);
					display: inline-block;
				}
				span{
					.translate(-100px, 0);
					.transition(0.5s ease all);
					opacity: 0;
					fitler: alpha( opacity = 0 );
					display: inline-block;
				}
				&:hover{
					text-decoration: none;
					i{
						.translate(-100px, 0);
						opacity: 0;
						fitler: alpha( opacity = 0 );
					}
					span{
						.translate( -20px, 0);
						opacity: 1;
						fitler: alpha( opacity = 100 );
					}				
				}				
			}
		}
	}
}


/**
* Widget Category
**/
.widget-category{
	margin-left: 10px;
	.rtl &{
		margin-right: 10px;
		margin-left: 0;
		ul{
			margin-right: 15px;
			margin-left: 0;
		}
	}
	ul{
		margin-left: 15px;
		li{
			line-height: 27px;
		}
	}
}


/**
* Widget Gallery
**/
.ya_gallery{
	.carousel{
		margin-bottom: 0;
	}
	.item a{
		display: block;
	    float: left;
	    margin: 1%;
	    width: 31%;
		opacity: 0.9;
		.transition(0.6s ease 0s all);
		img{
			width: 100%;
		}
		&:hover{
			 box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
			 opacity: 1;
			 .scale(1.2);
			 position: relative;
			 z-index: 9;
		}
	}
	.carousel-button {
		display: block;
		text-align: center;
		margin: 20px 0 0;
		.carousel-indicators{
			display: inline-block;
			position: relative;
			top:0;
			left:0;
			right:0;
			bottom:0;
			margin: 0;
		}
		li{
			background: #fff;
			height: 10px;
			width: 10px;
			.border-radius(9999px);
			&.active{
				background: @color;
			}
			&:hover{
				cursor: pointer;
			}
		}
	}
	.modal-gallery{
		margin-top: 0 !important;
		top: 10% !important;
		.modal-header{
			color: @body-color;
		}
	}
}

/**
* Widget Contact
**/
.widget-contact{
	line-height: 27px;
	p{
		margin-left: 30px;
		i{
			margin-left: -20px;
  			margin-right: 10px;
		}
		a{
			margin-left: -20px;
			padding: 8px 15px 8px 5px;
			i{
				margin: 10px;
			}
		}
	}
}

/**
* Cpanel
*/
#cpanel-form {
	position: fixed;
	right: -500px;
	top: 40px;
	width: 500px;
	float: right;
	z-index: 9999;

	.cpanel-inner{
	    background: none repeat scroll 0 0 #E5E5E5;
	    border-color: #F3F3F3 -moz-use-text-color #F3F3F3 #F3F3F3;
	    border-radius: 3px 0 0 3px;
	    border-style: solid none solid solid;
	    border-width: 1px medium 1px 1px;
	    .box-shadow(0 0 6px rgba(0, 0, 0, 0.4));
	    padding: 8px;
	}
	.cpanel-title{
			h4{
				line-height: 40px ;
				background: #5e5e5e;
				color: #fff;
				text-transform: uppercase;
				border: 1px solid #fff;
				padding: 0 10px;
				i {
					color: #dfdfdf;
				}
			}
	}
	.accordion-group{
		background: #fff;
		border-color: #c8c8c8;
		border-radius: 2px;
		margin-bottom: 5px;
		.accordion-heading {
			.gradientBar(#FFF, #F6F6F6, #686868);
			text-shadow: none;
			i {
				color: #dfdfdf;
			}
		}
		.control-group{
			margin-bottom: 10px;
		}
	}
	.cpanel-button{
	}
	a.cpanel-control{
		top: 30%;
		position: absolute;
		left: -45px;
		height: 30px;
		width: 40px;
		line-height: 30px;
		background-color: #7e7e7e;
		background-image: url("../img/left.png");
		background-repeat: no-repeat;
		text-indent: -5000px;
		background-position: 50% 50%;
		padding: 0 0 5px 5px;
		.border-radius(5px 0 0 5px);
		.box-shadow(0 1px 3px rgba(0, 0, 0, 0.4));
		
		&.active{
			background-image: url("../img/right.png");
		}
	}
	
	label {
		float: left;
		padding: 5px 10px;
		text-align: center;
		
		&.ya-radio-img-selected {
		    background-color: #ECECEC;
		}
	}
	

	.ya-radio-img {
		input[type="radio"], span {
		    display: none;
		}	
		img{
			width: 50px;
		}
	}
}

/**
* Post Format
**/
.widget-post-format{
	.widget-pformat-content{
		margin-left: -2%;
		.rtl &{
			margin-left: 0;
			margin-right: -2%;
		}
		.widget-pformat-detail{
			margin-left: 2%;
			float: left;
			width: 23%;
			.rtl &{
				margin-left: 0;
				margin-right: 2%;
			}
		}
	}
	.carousel{
		overflow: hidden;
		border: 5px solid #fff;
	   	.box-shadow(0px 0px 5px #aaa);
	   	.item a{
			display: block;
	   		img{
				width: 100%;
	   		}
	   	}
		.carousel-control{
			border: 0;
			bachground: #000;
			.box-shadow(none);
			.border-radius(0);
			font-size: 20px;
			height: 0;
			width: 0;
			
			&:before{
				border-color:  transparent;
			    border-style: solid;
			    border-width: 30px;
			    content: "";
			    display: inline-block;
				position: absolute;
    			top: 0;
			}
			i{
				height: 58px;
			    line-height: 58px;
			    margin: 0;
			    position: absolute;
			    text-align: center;
			    top: 0;
			    width: 30px;
			}
			&.right{
				right: -30px;
				transition: right 0.5s ease 0s;
				&:before{
					border-color:  transparent #000000 transparent transparent;
					right: 0;
				}
				i {
					left: -27px;
				}
			}
			&.left{
				left: -30px;
				transition: left 0.5s ease 0s;
				&:before{
					border-color:  transparent transparent transparent #000000;
					left: 0;
				}
				i{
					right: -27px;
				}
			}
		}
		&:hover {
			.carousel-control{
				&.right{
					right: -2px;
				}
				&.left{
					left: -2px;
				}	
			}
		}
		.carousel-indicators{
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
		    bottom: 0;
		    left: 0;
		    padding: 5px;
		    right: 0;
		    text-align: right;
		    top: auto;
			li{
				background: #fff;
				margin: 5px 2px;
				cursor: pointer;
				display: inline-block;
				float: none;
				
				&.active{
					background: @color;
				}
				&:hover{
					background: lighten(@color, 15%);
				}
			}
		}
	}
	.widget-title{
		margin-bottom: @baseLineHeight;
		display: block;
		h4{
			font-weight: normal;
		}
	}
	.widget-thumb {
	   	overflow: hidden;
	   	position: relative;
	   	text-align: center;
		border: 5px solid #fff;
	   	.box-shadow(0px 0px 5px #aaa);
	   	cursor: default;
		margin-bottom: @baseLineHeight;
		.entry-content-asset{
			iframe{
				height: auto;
			}
		}
		.mask,	.content {
		   	position: absolute;
		   	top: 0;
		   	left: 0;
			right: 0;
			bottom: 0;
		}
		img {
		   display: block;
		   position: relative;
		}
		a.info {
		   background:url(../img/link.png) center no-repeat;
		   display: inline-block;
		   text-decoration: none;
		   padding:0;
		   text-indent:-9999px;
		   width:20px;
		   height:20px;
		}
		a.video-info{
			background: url(../img/icon-play.png) center no-repeat;
		}
	}
	.widget-caption{
		margin-bottom: @baseLineHeight;
	}
	.widget-meta{
		margin-bottom: @baseLineHeight;
		display: table;
	    width: 100%;
		& > div {
			float: left;
			.rtl &{
				float: right;
			}
		}
		.icon-comments{
			margin-left: 20px;
			.rtl &{
				margin: 0 20px 0 5px;
			}
		}
	}
	.widget-post{
		padding-bottom: @baseLineHeight;
		margin-bottom: 15px;
		border-bottom: 1px solid @border-color;
		transition: all 0.5s ease 0s;
		&:hover {
			border-bottom-color: @color;
		}
		.rtl &{
			a.widget-read-more{
				text-align: right;
				padding: 4px 12px;
				i{
					&:before{
						content: "\f0d9";
						display: inline-block;
					}
				}
			}
		}
	}
}

/**
* Above
*/
.widget-above{
	margin-bottom: 30px;
	.above-content{
		margin-left: -2.3333333%;
		.rtl &{
			margin-left: 0;
			margin-right: -2.3333333%;
		}
		.above-detail{
			margin-left: 2.3333333%;
			width: 31%;
			float: left;
			.rtl &{
				float: right;
				margin-left: 0;
				margin-right: 2.3333333%;
			}
		}
	}
	.widget-post{
		position: relative;
		padding-left: 140px;
		min-height: 130px;
		.rtl &{
			padding: 0 140px 0 0;
		}
		.custom-icon{
			line-height: 25px;
			
			i{
				background: none repeat scroll 0 0 #FFFFFF;
			    .border-radius(900px 900px 900px 900px);
				.transition(0.5s ease all);
			    .box-shadow(0 0 5px #DDDDDD);
			    display: inline-block;
			    overflow: hidden;
			    height: 115px;
			    line-height: 115px;
			    text-align: center;
			    width: 115px;
			    cursor: default;
			    position: absolute;
			    top: 0;
			    left: 5px;
			    .rtl &{
			    	left: auto;
			    	right: 5px;
			    }
			}
		}
		&:hover {			
			i {
				background: @color;
				color: #fff;
				&:before{
					-webkit-animation: toRightFromLeft 0.7s forwards;
					-moz-animation: toRightFromLeft 0.7s forwards;
					-o-animation: toRightFromLeft 0.7s forwards;
					-ms-animation: toRightFromLeft 0.7s forwards;
					animation: toRightFromLeft 0.7s forwards;
				}	
			}
		}
	}
}


/**
* Our services
**/
.widget-our-services{
	.service-content{
		margin-left: -2.3333333%;
		.rtl &{
			margin-left: 0;
			margin-right: -2.3333333%;
		}
		.service-detail{
			margin-left: 2.3333333%;
			width: 31%;
			float: left;
			.rtl &{
				float: right;
				margin-left: 0;
				margin-right: 2.3333333%;
			}
		}
	}
	.widget-thumb{
		.scale(1);
		.transition(0.8s ease all);
		margin-bottom: 15px;
		&:hover{
			.scale(1.05);
			-webkit-box-shadow: 2px 2px 3px darken(@border-color, 10);
			-moz-box-shadow: 2px 2px 3px darken(@border-color, 10);
			box-shadow: 2px 2px 3px darken(@border-color, 10);
		}
	}
	.widget-title{
		margin-bottom: @baseLineHeight;
	}
	.rtl &{
		a.widget-read-more{
			text-align: right;
			padding: 4px 12px;
			i{
				&:before{
					content: "\f0d9";
					display: inline-block;
				}
			}
		}
	}
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}



/**
* Widget Social
**/
.ya_social{
	ul {
		margin: 0;
		.rtl &{
			margin: 0;
		}
		li{
			display: inline-block;
			margin-left: 10px;
			a{
				height: 40px;
				width: 40px;
				text-align: center;
				line-height: 40px;
				background: #ebebeb;
				font-size: 17px;
				color: @body-color;
				.border-radius(900px);
				.transition(background 0.5s ease 0s);
				-webkit-animation-duration: 0.5s;
				-moz-animation-duration: 0.5s;
				-o-animation-duration: 0.5s;
			 	animation-duration: 0.5s;
				-webkit-animation-fill-mode: both;
			   	-moz-animation-fill-mode: both;
			 	-o-animation-fill-mode: both;
			  	animation-fill-mode: both;
			  	display: inline-block;
			  	i{
					line-height: inherit;
			  	}
			}
			&:hover a{
				background: @color;
				text-decoration: none !important;
				-webkit-animation-name: pulse;
				-moz-animation-name: pulse;
				-o-animation-name: pulse;
				animation-name: pulse;
				i{
					color: #ebebeb;
				}
			}
		}
	}
}

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(0.1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(0.1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(0.1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(0.1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}


/* CSS3 EFFECTS */

/* SECOND EFFECTS */

.second-effect .mask {
   .opacity(70);
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   z-index: 88;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.second-effect a.info {
	position:absolute;
	top:-50px;
	left:50%;
	margin: -10px 0 0 -10px;
	opacity:0;
	z-index: 99;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
   .opacity(70);
   border:300px solid rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
	opacity:1;
	top: 50%;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
				