/*breadcrumbs*/
.breadcrumbs{
    background:~"url(../images/bg-breadcrumbs.jpg) no-repeat" ;
    background-size: auto;  
    background-position: center center;
    color: #fff;   
    height: 250px; 
    text-transform: uppercase;
    .breadcrumbs-inner{
    	display: table;
    	margin: 87px auto 0;
    }
    .breadcrumbs-current{
		display: table;
		padding: 0;
		margin: 0 auto 10px;
		line-height: normal;
		font-size: 257.14%;
    }
	ul{
		display: table;
		padding: 0;
		margin: 0 auto;
		li{
			list-style: none;
			float: left;
			font-size: 100%;
			padding: 0 20px;
			position: relative;			
			&:before{
				position: absolute;
				content: "";
				top: 7px;
				left: 0;	
				width: 1px;
				height: 10px;
				background: #fff;		
			}            
			strong{
				font-weight: normal;
			}
            a{
            	color: #fff;
                &:hover{
                    color: @theme-color;
                }
            }
            &:first-child{
            	padding-left: 0;
            	&:before{
            		display: none;
            	}
            }
            &:last-child{
            	padding-right: 0;
            }            
		}
	}
}

/*contact us*/
.contat-us-wrap{
	.block-title{
		margin-bottom: 20px;
	}
	.contact-map{
		float: left;
		width: 100%;
		margin-bottom: 50px;
		.contact-map-content{
			float: left;
			width: 100%;
		}
		#map {
		    float: left;
		    height: 400px;
		    width: 100%;
		    > div{
		    	max-width: 100%;
		    }
		}
	}

	.block-contact-address{
		display: inline-block;
		width: 100%;
		p{
			margin: 0 0 20px;
		}
		ul{
			list-style: none;
			li{
				margin: 10px 0;
				position: relative;
				float: left;
				width: 100%;
				i{
					margin-right: 20px;
					width: 10px;
					font-size: 18px;
				}
			}
		}
	}	

	#contactForm{
		.fieldset{
			padding: 0;
			margin: 0;
			border: none;
			.form-list{
				display: inline-block;
				input{
					width: 100%;
				}
				textarea{
					width: 100%;
				}
				li{
					margin-bottom: 15px;
				}
			}
			.fields{
				margin-top: 10px;
				.field{
					width: 49%;
					&.first{
						margin-right: 2%;
					}
				}
			}
		}
		.buttons-set{
			margin: 0;
			clear: none;
			.required{
				display: none;
			}
			.button{
				float: left;
				margin: 0;
			}
		}
	}

}


/*about us*/
.about-us-wrap{
	.about-us-title{
        font-size: 200%;
        color: #333;
        font-weight: normal;
        position: relative;
        font-family: @google-font-title;
        display: inline-block;
        width: 100%;
        line-height: 30px;
        margin: 0;
        margin-bottom: 15px;
        text-align: center;		
	}
	.about-us-des{
		text-align: center;		
	}
	.about-service{
		margin: 30px 0 40px;
		.about-service-item{
			text-align: center;
			span{
				display: inline-block;
				width: 100%;
				&.about-service-name{
					text-transform: uppercase;
					font-weight: bold;
					font-size: 107.69%;
					margin: 15px 0;
					color: #333;
				}
			}
		}
	}

	.about-team{
		.about-team-title{
	        font-size: 200%;
	        color: #333;
	        font-weight: normal;
	        position: relative;
	        font-family: @google-font-title;
	        display: inline-block;
	        width: 100%;
	        line-height: 30px;
	        margin: 0;
	        margin-bottom: 15px;
	        text-align: center;
		}
		> p{
			text-align: center;
			margin-bottom: 20px;
		}
		.about-team-member{			
			.about-team-member-item{
				text-align: center;
				.team-member-image{
					img{
						max-width: 100%;
					}
				}
				.team-member-name{
					font-size: 107.69%;
					text-transform: uppercase;
					display: inline-block;
					margin: 15px 0 2px;
					color: #333;
					font-weight: bold;
					&:hover{
						color: @theme-color;
					}
				}
				.team-member-office{
					display: inline-block;
					width: 100%;
				}
	            ul{
	            	display: table;
	            	margin: 15px auto 0;
	                li{
	                    float: left;
	                    margin: 0 5px;   
	                    line-height: 100%;                
	                    a{
	                        color: #999;
	                        text-align: center;
	                        text-indent: -999em;
	                        float: left;
	                        font-size: 0;
	                        padding: 0;
	                        border-radius: 50px;
	                        background: #fff;
	                        &:before{
	                            content: attr(data-icon);
	                            display: inline-block;
	                            font-family: "Socialico";
	                            font-size: 28px;
	                            font-weight: normal;
	                        }
	                        &:hover{
	                            color: @theme-color;
	                        }                          
	                    } 
	                }               
	            }				
			}
		}
	}

}

/*css toolbar*/
.toolbar-bottom{
	display: none;
	.toolbar{
	}
}
.toolbar{
	width: 100%;
	padding: 0;	
	position: relative;
	float: left;
    z-index: 5;
    color: #999;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    label{
    	font-weight: normal;
    	float: left;
    	color: #666;
    	margin:0;
    	margin-right: 10px;
    	line-height: 25px;
    }
}

.sorter{
	float: left;
	margin-right: 30px;
	.view-mode{
		float: left;
		margin-right: 30px;
		margin-bottom: 0;
		.grid, .list{
			width: 20px;
            line-height: 24px;
			height: 20px;
			position: relative;
			float: left;
            color: #999;
			&:before{
				position: absolute;
				top: 4px;
				left: 0px;
				font-size: 17px;
                text-align: center;
				font-family: FontAwesome;
                width: 100%;
                font-weight: normal;
			}
			&:hover{
				color: @theme-color;
			}
		}
		strong.grid, strong.list{
            color: @theme-color;
		}

		.grid{
			&:before{
				content: "\f00a";
			}

		}
		.list{
			margin-left: 8px;
			&:before{
				content: "\f00b";
			}
		}
	}

	.sort-by{
		float: left;
		position: relative;
		.sort-by-active{
			height: 25px;
			line-height: normal;
			padding: 2px 10px;
			width: 100px;
			float: left;
			position: relative;
            background: #fff;
            border: 1px solid @border-color;
			&:before{
				position: absolute;
				top:3px;
				right: 10px;
				content: "\f0d7";
				font-family: FontAwesome;
				font-size: 13px;
			}
			&:hover{
				cursor: pointer;
				+ul.sort-by-option{
					display: block;
				}
                &:before,
                &:after{
                    color: @theme-color;
                }
			}
		}

		ul.sort-by-option{
			float: left;
			position: absolute;
			right: 30px;
			top: 24px;
			padding:1px 5px;
			width: 100px;
			background: #fff;
			display: none;
			z-index: 1;
			border: 1px solid @border-color;
			li{
				border-bottom: 1px solid @border-color;
				&:last-child{
					border: none;
				}
                a{
                    display: block;
                    padding: 2px 5px;
                    color: #999;
                    background: transparent;
                    &:hover{
                        color: @theme-color;
                    }
                }
			}
			&:hover{
				display: block;
			}			
		}

		a.fa-long-arrow-down,
		a.fa-long-arrow-up{
			width: 30px;
			height: 25px;
			float: right;
			padding: 5px 10px;
			color: #999;
            text-align: center;
			font-size: 14px;
			&:hover{
                color: @theme-color;
			}
		}
	}
}
ul.limiter-option:before {
    content: "";
    height: 5px;
    left: 0;
    top: -5px;
    width: 100%;
}
.pager{
	float: right;
	margin: 0;
	text-align: left;
	.amount{
		float: left;
		margin-right: 20px;
		margin-bottom: 0;
	}
   .limiter{
   		float: left;
   		position: relative;	  
		label{
			float: left;
			font-weight: normal;
			margin: 0 10px 0 0;
		}   		 		
   		.limiter-active{
			height: 25px;
			padding: 2px 10px;
			width: 70px;
			float: left;
			position: relative;
            border: none;
            margin-right: 10px;
            background: #fff;
            border: 1px solid @border-color;
            line-height: normal;
			&:before{
				position: absolute;
				top: 3px;
				right: 10px;
				content: "\f0d7";
				font-family: FontAwesome;
				font-size: 13px;
			}
			&:hover{
				cursor: pointer;
				+ul.limiter-option{
					display: block;
				}
                &:before,
                &:after{
                    color: @theme-color;
                }
			}	   			
   		}
		ul.limiter-option{
			float: left;
			position: absolute;
			right: 10px;
			top: 24px;
			padding:1px 5px;
			width: 70px;
			background: #fff;
			display: none;
			z-index: 1;
			border: 1px solid @border-color;			
			li{
				border-bottom: 1px solid @border-color;
				float: left;
				width: 100%;
				&:last-child{
					border: none;
				}
                a{
                    display: block;
                    padding: 2px 5px;
                    color: #999;
                    border-radius: 0;
                    border: none;
                    background: transparent;
                    &:hover{
                        color: @theme-color;
                    }
                }
			}
			&:hover{
				display: block;
			}			
		}
   }
   .pages{
   		float: right;
   		ol{
   			li{				
				height: 24px;
				float: left;
				position: relative;
				margin-left: 5px;
				text-align: center;                
                width: auto;
                min-width: 25px;
                background: #ccc;
                color: #fff;
                line-height: 100%;
                padding: 4px 0;
				&.current,
				&:hover, &:focus{                    
			    	color: #fff;
			    	background: @theme-color;
				}
				a{
				    border: none;
				    border-radius: 0;
				    float: left;
				    padding: 1px;
                    color: inherit;
                    line-height: 100%;
                    width: auto;
                    min-width: 25px;
                    height: 25px;
                    background: transparent;
                    color: #fff;
				    &:hover, &:focus{
			    		color: #fff;
			    		border: none;
				    }
				}	   				
   			}
   		}
   }
}	

/*page 404*/
.page-404{
	text-align: center;
	font-size: 123.08%;
	color: #333;
	p{
		text-transform: uppercase;
		margin: 15px 0 0;
	}
	span{
		margin-top: 20px;
		display: inline-block;
	    a{
			color: @theme-color;
		}		
	}
}