/*
Theme Name: Justice
Theme URI: ''
Author: ''
Author URI: ''
*/


/* =================================================================== 
							CSS Structure 
======================================================================
1. GLOBAL STYLES
   -Common Styles
   -Page Loader	
2. NAVIGATION MENU
3. TEXT SLIDE SECTION
4. WE ARE SECTION
5. FEATURES SECTION
6. COUNTER SECTION
7. TEAM SECTION
8. SKILLS SECTION
9. RESPONSIVE SECTION
10. SERVICES SECTION
11. WORKING SECTION
12. PRICING SECTION
13. TESTIMONIAL SECTION
14. CLIENTS SECTION
15. PORTFOLIO SECTION
    -Hover effects
16. CONTACT SECTION
	-Contact details
	-Map 
	-Footer
17. OTHERS
/* ----------------------------------------------------------------------

							GLOBAL STYLES
							
------------------------------------------------------------------------*/

body, .tooltip-inner{
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing:antialiased !important;
}
.signika{font-family: 'Signika', sans-serif;}
.cabin{font-family: 'Cabin', sans-serif;}
.opensans{ font-family: 'Open Sans', sans-serif;}
.rale{ font-family: 'Raleway', sans-serif;}
.bitter{font-family: 'Bitter', serif;}
.titill{font-family: 'Titillium Web', sans-serif;}
section{
	padding: 95px 0;
	overflow:hidden;
	position: relative;
}
.container{
	max-width:1170px;
	width:100%;
}

h1,h2,h3,h4,h5,h6{
	color: #333;
}
h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform:capitalize;
}
p {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.9;
    letter-spacing: 0.3px;
	color: #717171;
}
a:hover, a:focus,
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{
	outline:none;
	text-decoration:none;
}
/* List */
ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Animation */
. { visibility:hidden; }
.visible { visibility:visible; }

/* Tooltip Styles */
.tooltip-inner{
	font-style: italic;	
	padding: 10px 12px;
	background: #494949;
	opacity: 1;
}
.tooltip{ z-index: 9 !important; }
.tooltip.top{ margin-top:-15px; }
.tooltip.bottom{ margin-top:15px; }
.tooltip.left{ margin-right:15px; }
.tooltip.right{ margin-left:15px; }
	


.tooltip.top .tooltip-arrow{ border-top-color:#494949 !important; }
.tooltip.bottom .tooltip-arrow{ border-bottom-color:#494949 !important; }
.tooltip.left .tooltip-arrow{ border-left-color:#494949 !important; }
.tooltip.right .tooltip-arrow{ border-right-color:#494949 !important; }

/* Tooltip White */
.tooltip-light .tooltip-inner{
	background: #fff;
	color: #222;
	opacity: 1;
}
.tooltip-light .tooltip.top .tooltip-arrow{ border-top-color:#fff !important; }
.tooltip-light .tooltip.bottom .tooltip-arrow{ border-bottom-color:#fff !important; }
.tooltip-light .tooltip.left .tooltip-arrow{ border-left-color:#fff !important; }
.tooltip-light .tooltip.right .tooltip-arrow{ border-right-color:#fff !important; }
	
/* Tooltip Transparent */
.tooltip-transparent .tooltip-inner{
	background: transparent;
	color: #fff;
	opacity: 1;
}
.tooltip-white-bg .tooltip.top .tooltip-arrow{ border-top-color: transparent !important; }
.tooltip-white-bg .tooltip.bottom .tooltip-arrow{ border-bottom-color: transparent !important; }
.tooltip-white-bg .tooltip.left .tooltip-arrow{ border-left-color: transparent !important; }
.tooltip-white-bg .tooltip.right .tooltip-arrow{ border-right-color: transparent !important; }
/* Tooltip Transparent Dark Text */
.tooltip-transparent .dark-text .tooltip-inner{ color: #333; }

/* Tooltip Theme Color */
.tooltip-theme-bg .tooltip-inner{
	color: #fff;
	opacity: 1;
}

/* Tooltip Space 10 */
.tooltip-spc10 .tooltip.top{ margin-top:-10px; }
.tooltip-spc10 .tooltip.bottom{ margin-top:10px; }
.tooltip-spc10 .tooltip.left{ margin-right:10px; }
.tooltip-spc10 .tooltip.right{ margin-left:10px; }
	
/* Close  */
.close{ text-shadow: none; }
.close:focus, .close:hover{ color: #da0000; }

/* Float */
.no-float{ float: none; }

/* Positions */
.relative{ position: relative; }
.absolute{ position: absolute; }
.static{ position: static; }

/* Mouse Hover */
.cursor-pointer{ cursor: pointer; }


/* text color */
.text-white{ color: #fff; }
.text-dark{ color: #222222; }
.text-gray{ color: #717171; }
.text-light-gray { color: #b7cad5; }
.hvr-white-text:hover, .hvr-white-text:focus {color: #fff;}
    


/* Text Highlight */
.text-highlight{ background:#fff; }
.text-highlight.dark{ background:#333; }
	
/* Text weight */
.text300{ font-weight: 300; }
.text400{ font-weight: 400; }
.text500{ font-weight: 500; }
.text600{ font-weight: 600; }
.text700{ font-weight: 700; }
.text800{ font-weight: 800; }
	
/* Text Size */
.text12{ font-size: 12px; }
.text13{ font-size: 13px; }
.text14{ font-size: 14px; }
.text15{ font-size: 15px; }
.text16{ font-size: 16px; }
.text18{ font-size: 18px; }
.text20{ font-size: 20px; }
.text22{ font-size: 22px; }
.text24{ font-size: 24px; }
.text26{ font-size: 26px; }
.text28{ font-size: 28px; }
.text30{ font-size: 30px; }
.text32{ font-size: 32px; }
.text36{ font-size: 36px; }
.text40{ font-size: 40px; }
.text50{ font-size: 50px; }
.text60{ font-size: 60px; }
.text70{ font-size: 70px; }
/* Big Text */

/* Text Style */ 
.italic{ font-style: italic; }
.normal{ font-style: normal; }
	
		
/* Text Style */ 
.upper{ text-transform: uppercase; }
.lower{ text-transform: lowercase;}
.caps{ text-transform: capitalize;}

/* Text Align Style */
.text-center{ text-align: center; }
.text-left{ text-align: left;}
.text-right{ text-align: right;}
	


/* Absolute Align Block  */
.middle-block{
	position: absolute ;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	   -moz-transform: translateY(-50%) translateX(-50%);
	    -ms-transform: translateY(-50%) translateX(-50%);
	     -o-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);
}
.left-middle-block{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
.left-middle-block{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
.right-middle-block{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
.bottom-block{ bottom: 0px; }
.top-block{ top: 0px;}
.left-block{ left: 0px; }
.right-block{ right: 0px; }

/* Normal Align */
.block-center{ margin: 0 auto; }

/* z index */
.z-index9{ z-index: 9; }
.z-index99{ z-index: 99; }
.z-index999{ z-index: 999; }
.z-index9999{ z-index: 9999; }
	
/* Display */
.flow-over{ overflow: visible; }
.flow-hidden{ overflow: hidden; }
.no-disp{ display: none; overflow: hidden; }
.disp-block{ display: block; }
.disp-line-block{ display: inline-block; }


/* Moving Style */
.move-up-parent:hover .move-up{
	bottom: 10px;
	visibility:visible;
	-webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.move-up{
	position: absolute;
	bottom: -50%;
}
/* Load More */
.load-more{ display: none; }
.load-more.active{ display: block; }
	
	
/* Hover Image Filter Img Style */
.img-filter-parent img, .filter-img-parent:hover img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); 
	/* for Webkit browsere, Chrome 19+, Safari 6+ ... */  
	-webkit-filter: grayscale(0);  
	filter: gray; 
	opacity:1;
	-moz-filter: grayscale(0);  
	 -ms-filter: grayscale(0);  
	  -o-filter: grayscale(0);  
	     filter: grayscale(0);
	-webkit-transition: all 0.4s ease 0s;
	   -moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;

}
.img-filter-parent:hover img, .filter-img-parent img{ 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.9999 0.9999 0.9999 0 0 0.9999 0.9999 0.9999 0 0 0.9999 0.9999 0.9999 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* for Webkit browsere, Chrome 19+, Safari 6+ ... */  
	 opacity:1; 
	 filter: gray;
	  -webkit-filter: grayscale(1);  
		 -moz-filter: grayscale(1);  
	 	  -ms-filter: grayscale(1);  
	 	   -o-filter: grayscale(1);  
	 		  filter: grayscale(1); 
	 -webkit-transition: all 0.4s ease 0s;
	    -moz-transition: all 0.4s ease 0s;
		 -ms-transition: all 0.4s ease 0s;
		  -o-transition: all 0.4s ease 0s;
			 transition: all 0.4s ease 0s;
}

/* Effects */
.effect-parent img{
	width: 100%;
}
.effect-parent, .effect,.blog-post .effect-parent img,.effect-parent img{
	 -webkit-transition: all 0.4s ease 0s;
	    -moz-transition: all 0.4s ease 0s;
		 -ms-transition: all 0.4s ease 0s;
		  -o-transition: all 0.4s ease 0s;
			 transition: all 0.4s ease 0s;
}

.effect-parent{
	overflow: hidden;
	display: block;
	position: relative;
}
.effect-parent .effect{
	position: absolute;
	opacity: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height : 100%;
}
.effect-parent:hover .effect,.blog-post:hover .effect{
	opacity: 1;
	height: 100%;
}
.blog-post:hover .effect-parent img,.effect-parent:hover img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.effect-parent .effect.x,.blog-post:hover .effect.x{
	height : 100%;
}
.effect-parent:hover .effect.x{
	opacity: 1;
	width: 100%;
}
.effect-parent .effect.x-r{
	height : 100%;
	left: auto;
	right : 0;
}
.effect-parent:hover .effect.x-r{
	opacity: 1;
	width: 100%;
}

.effect-parent .effect.bounce{
	transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%);
}
.effect-parent:hover .effect.bounce{
	opacity: 1;
	-webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.border{
	border-width: 1px 1px 1px 1px;
	border-style: solid;;
	border-color: #e8f0f5;
}
.border-top{
	border-top: 1px solid;
	border-color: #e8f0f5;
}
.border-bottom{
	border-bottom: 1px solid;
	border-color: #e8f0f5;
}
.border-left{
	border-left: 1px solid;
	border-color: #e8f0f5;
}
.border-right{
	border-right: 1px solid;
	border-color: #e8f0f5;
}
/* Border Bottom Double */
.border-bottom-double{
	border-width: 0px 0px 1px 0px;
	border-style: solid;;
	border-color: #e8f0f5;
	position:  relative;
}
.border-bottom-double:after{
	height: 1px;
	width: 80%;
	position: absolute;
	content: "";
	bottom: -8px;
	left: 0;
	background-color: #e8f0f5;
}
.left-border-3{
	border-left: 3px solid;
}


/* ------------- Padding ---------- */
.no-padding{ padding: 0; }
.no-padding-top{ padding-top: 0 !important;}
.no-padding-bottom{ padding-bottom: 0; }
.no-padding-left{ padding-left: 0; }
.no-padding-right{ padding-right: 0; }

/* Padding 10px */
.pad5{ padding: 5px; }
.pad5-top{ padding-top: 5px; }
.pad5-bottom{ padding-bottom: 5px; }
.pad5-left{ padding-left: 5px; }
.pad5-right{ padding-right: 5px; }

/* Padding 10px */
.pad10{ padding: 10px; }
.pad10-top{ padding-top: 10px; }
.pad10-bottom{ padding-bottom: 10px; }
.pad10-left{ padding-left: 10px; }
.pad10-right{ padding-right: 10px; }

/* Padding 10px */
.pad15{ padding: 15px; }
.pad15-top{ padding-top: 15px; }
.pad15-bottom{ padding-bottom: 15px; }
.pad15-left{ padding-left: 15px; }
.pad15-right{ padding-right: 15px; }


/* Padding 20px */
.pad20{ padding: 20px; }
.pad20-top{ padding-top: 20px; }
.pad20-bottom{ padding-bottom: 20px; }
.pad20-left{ padding-left: 20px; }
.pad20-right{ padding-right: 20px; }
	
/* Padding 26px */
.pad26{ padding: 26px; }
.pad26-top{ padding-top: 26px; }
.pad26-bottom{ padding-bottom: 26px; }
.pad26-left{ padding-left: 26px; }
.pad26-right{ padding-right: 26px; }
	

/* Padding 30px */
.pad30{ padding: 30px; }
.pad30-top{ padding-top: 30px; }
.pad30-bottom{ padding-bottom: 30px; }
.pad30-left{ padding-left: 30px; }
.pad30-right{ padding-right: 30px; }
	
/* Padding 40px */
.pad40{ padding: 40px; }
.pad40-top{ padding-top: 40px; }
.pad40-bottom{ padding-bottom: 40px; }
.pad40-left{ padding-left: 40px; }
.pad40-right{ padding-right: 40px; }

/* Padding 50px */
.pad50{ padding: 50px; }
.pad50-top{ padding-top: 50px; }
.pad50-bottom{ padding-bottom: 50px; }
.pad50-left{ padding-left: 50px; }
.pad50-right{ padding-right: 50px; }

/* Padding 60px */
.pad60{ padding: 60px; }
.pad60-top{ padding-top: 60px; }
.pad60-bottom{ padding-bottom: 60px;}
.pad60-left{ padding-left: 60px;}
.pad60-right{ padding-right: 60px;}

/* Padding 60px */
.pad80{ padding: 80px; }
.pad80-top{ padding-top: 80px; }
.pad80-bottom{ padding-bottom: 80px;}
.pad80-left{ padding-left: 80px;}
.pad80-right{ padding-right: 80px;}
	

/* ------------- margin ---------- */
.no-margin{ margin: 0; }

/* margin 5px */
.margin5{ margin: 5px; }
.margin5-top{ margin-top: 5px; }
.margin5-bottom{ margin-bottom: 5px; }
.margin5-left{ margin-left: 5px; }
.margin5-right{ margin-right: 5px; }



/* margin 10px */
.margin10{ margin: 10px; }
.margin10-top{ margin-top: 10px; }
.margin10-bottom{ margin-bottom: 10px; }
.margin10-left{ margin-left: 10px; }
.margin10-right{ margin-right: 10px; }



/* margin 15px */
.margin15{ margin: 15px; }
.margin15-top{ margin-top: 15px; }
.margin15-bottom{ margin-bottom: 15px; }
.margin15-left{ margin-left: 15px; }
.margin15-right{ margin-right: 15px; }


/* margin 20px */
.margin20{ margin: 20px; }
.margin20-top{ margin-top: 20px; }
.margin20-bottom{ margin-bottom: 20px; }
.margin20-left{ margin-left: 20px; }
.margin20-right{ margin-right: 20px; }
	
/* margin 26px */
.margin26{ margin: 26px; }
.margin26-top{ margin-top: 26px; }
.margin26-bottom{ margin-bottom: 26px; }
.margin26-left{ margin-left: 26px; }
.margin26-right{ margin-right: 26px; }
	

/* margin 30px */
.margin30{ margin: 30px; }
.margin30-top{ margin-top: 30px; }
.margin30-bottom{ margin-bottom: 30px; }
.margin30-left{ margin-left: 30px; }
.margin30-right{ margin-right: 30px; }
	
/* margin 40px */
.margin40{ margin: 40px; }
.margin40-top{ margin-top: 40px; }
.margin40-bottom{ margin-bottom: 40px; }
.margin40-left{ margin-left: 40px; }
.margin40-right{ margin-right: 40px; }

/* margin 50px */
.margin50{ margin: 50px; }
.margin50-top{ margin-top: 50px; }
.margin50-bottom{ margin-bottom: 50px; }
.margin50-left{ margin-left: 50px; }
.margin50-right{ margin-right: 50px; }

/* margin 60px */
.margin60{ margin: 60px; }
.margin60-top{ margin-top: 60px; }
.margin60-bottom{ margin-bottom: 60px;}
.margin60-left{ margin-left: 60px;}
.margin60-right{ margin-right: 60px;}

/* margin 60px */
.margin80{ margin: 80px; }
.margin80-top{ margin-top: 80px; }
.margin80-bottom{ margin-bottom: 80px;}
.margin80-left{ margin-left: 80px;}
.margin80-right{ margin-right: 80px;}


/* Before icon */
.before-icon li a:before{
	content:"\ec03";
	font-family: "icomoon";
	position: absolute;
	left: 0;
	font-style: normal;	
}

/* -------- Social Stream Style ----------- */
/* Flickr */
.my-feeds li{
	margin-bottom: 4px;
	margin-right: 4px;
	float: left;
}
.my-feeds li img{
	height: 60px;
	width: 60px;
}

/* Button */
.btn {
    background: transparent;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;
    border: 1px solid;
    color: #696969;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 0.4s ease 0s;
	   -moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
}
.btn:hover, .btn:focus, .btn.active{
	color: #fff;
	background-color: transparent;
}
.btn:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
	transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%);
	-webkit-transition: all 0.4s ease 0s;
	   -moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
}
.btn:hover:after {
	transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);
		-webkit-transition: all 0.4s ease 0s;
	   -moz-transition: all 0.4s ease 0s;
	    -ms-transition: all 0.4s ease 0s;
	     -o-transition: all 0.4s ease 0s;
	        transition: all 0.4s ease 0s;
}
.btn.active:after {
	background:#fff;
}
/* Link */
.link:hover{
	text-decoration: underline;
}


/* Button */
.btn.btn-light{
    background: transparent;
    border: 1px solid;
    color: #fff;
	border-color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.btn.btn-light:after, .btn.btn-light:after, .btn.btn-light.active:after,input.btn.btn-light:hover{
	background: #fff;
}
.btn-default{
	height: 50px;
	width: 200px;
	line-height: 49px;
	padding: 0;
}
.btn-sm{
	padding: 12px 37px;
}
.btn-block{
	width: 100%;
}
.btn.active, .btn:active{
	box-shadow:none;
	-o-box-shadow:none;
	-ms-box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
/* Button Set */
.button-set li{
	margin: 0 6px;
	display: inline-block;
}
.button-set li:first-child{
	margin-left: 0;
}
.button-set li:last-child{
	margin-right: 0;
}
/* Border Style */
.border-gray{
	border: 1px solid;
	border-color: #e8f0f5;
}

/* Owl Slider Style */
.owl-carousel .item{
	cursor: move;
}
.owl-carousel .item.no-margin{
	margin: 0;
}
/*========= Owl Buttons ============== */
.owl-buttons {
    text-align: right;
}
.owl-buttons div {
    display: inline-block;
    background: transparent;
    height: 26px;
    width: 26px;
    font-size: 12px;
    text-align: center;
    line-height: 23px;
    border: 1px solid;
	border-color: #ddd;
    color: #333;
}
.owl-prev {
    margin-right: 2px;
}
.owl-next {
    margin-left: 2px;
}
.owl-buttons div:hover{
	background: #fff;
}
/* Owl Btn Left Right Styles */

.owl-btn-left-right .owl-buttons div {
    display: inline-block;
    background: transparent;
    height: auto;
    width: auto;
    font-size: 72px;
    line-height: 23px;
    border: 0px solid;
    color: #E9E9E9;
    position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
			transform: translateY(-50%);
}


.owl-btn-left-right .owl-prev {
    left: 2px;
}
.owl-btn-left-right .owl-next {
    right: 2px;
}


/* Owl Button Center Styles */
.owl-btns-center .owl-buttons {
    text-align: center;
}
.owl-btns-center .owl-buttons div{
	position: inherit;
	margin-top: 30px;
}
.owl-btns-center .owl-buttons .owl-prev{
	margin-right: 2px;
}
.owl-btns-center .owl-buttons .owl-next{
	margin-left: 2px;
}
/* Color Owl Buttons */
.theme-color-owl-btn .owl-buttons div {
    background: transparent;
}
.theme-color-owl-btn .owl-buttons div:hover {
	color: #fff;
}
/* =============== Owl Pagination ================= */
/* Pagination Common Style */
.owl-pagination{
	margin-top: 20px;
}
.owl-page {
    background: transparent;
    -ms-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 0 3px;
    width: 10px;
    border: 1px solid;
    border-color: #9EA3A6;
}

/* Owl Button Center Styles */
.owl-btns-center .owl-pagination {
    text-align: center;
	margin-top: 30px;
}

/* Owl Button left Pagination Styles */
.left-pagination  .owl-pagination{
	margin-top: 0px;
}
.left-pagination .owl-pagination {
    bottom: 0;
    left: -30px;
    position: absolute;
    top: 0;
}
.left-pagination .owl-page {
	display: block;
	margin: 10px 0px;
}
/* Owl Pagination Large */
.pagination-large .owl-page {
    height: 20px;
    width: 20px;
}

/* ------------ Navbar Pills ------------------ */
.nav-pills > li{
	float: none;
	display: inline-block;
}
.nav-pills > li + li {
    margin-left: -3px;
    margin-right: -1px;
}
.nav-pills > li > a {
    font-size: 13px;
    font-weight: 600;
    padding: 6px 20px;
    text-transform: capitalize;
    border: 1px solid #e8f0f5;
}

.nav-pills > li > a:hover, 
.nav-pills > li > a:focus, 
.nav-pills > li > a.active{
	color:  #fff;
}


.lawbuton:hover{
background:  #D24343;
}

/* -------------- Tab Styles ---------------- */
.nav-tabs{
	border-bottom: 0px;
}
.nav-tabs > li{
	width: 100%;
}
.nav-tabs > li > a{
	color: #333;
	border: 1px solid;
	border-color: #F4F4F4;
	position: relative;
	padding: 10px 0 25px 10px;
	font-weight: 600;
	font-size: 14px;
	display: block;
	text-transform:  uppercase;
	border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px;
}
.nav-tabs > li > a i{
	font-size: 30px;
	padding-right: 15px;
	margin-left: 20px;
}


.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background: transparent;
    border-color: #F4F4F4;
}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover{
	border-width: 1px 2px 1px 1px;
	border-style:  solid;
	border-color: #F4F4F4;
	border-right-color: red;
	background: transparent;
}

.nav-tabs > li:first-child > a, .nav-tabs > li.active a:first-child{
	border-top-color: transparent;
}
.nav-tabs > li:last-child > a, .nav-tabs > li.active a:last-child{
	border-bottom-color: transparent;
}

.tab-title{
	font-size: 14px;
	margin: 0 0;
	font-weight: 700;
	text-transform: uppercase;

}


/*
.nav-tabs > li.active > a:after,
.nav-tabs > li.active > a:after,
.nav-tabs > li.active > a.after {
	height: 2px;
	width: 22px;
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
} */
.nav-tabs > li.active > a:before{
  border: 10px solid transparent;
  border-right-color: #e1e1e1;
  right: 0;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
}

.nav-tabs > li.active > a:after {
  border: 9px solid transparent;
  border-right-color: #fff;
  right: -2px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
}
.nav-tabs > li.active > a:before, .nav-tabs > li.active > a:after{
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
/*Background slider*/
.slides-container .bg-1,
.slides-container .bg-2,
.slides-container .bg-3{
	background-size:cover!important;
	-ms-background-size:cover!important;
	-moz-background-size:cover!important;
	-o-background-size:cover!important;
	-webkit-background-size:cover!important;
}
.slides-container .bg-1{
	background:url(../img/bg/bg8.jpg) no-repeat;
}
.slides-container .bg-2{
	background:url(../img/bg/bg4.jpg) no-repeat;
}
.slides-container .bg-3{
	background:url(../img/bg/bg6.jpg) no-repeat;
}
.wide-container{
	position:relative;
}


/* Accordions  */
.panel-group{
	padding: 30px 30px 9px;
	border: 1px solid;
	border-color: #e8f0f5;
}
.panel-heading{
	padding: 0;
}
.panel-default > .panel-heading{
	background: transparent;
}
.panel-group .panel + .panel, .panel-default > .panel-heading, .panel-group .panel{
	border: 0px;
	box-shadow: none;
}
.panel-title a.collapsed{
	color: #222;
}
.panel-heading a{
	display: block;
	padding: 0 0 25px;
	font-size: 14px;
	font-weight: 600;
}

.panel-title{
	font-weight: 400;
	text-transform: capitalize;
}
.panel-body {
    font-size: 12px;
    padding: 18px 0 26px;
    border-top: 1px solid;
	border-color: #e8f0f5;
}
.panel-title a:before,
.panel-title a.collapsed:before {
	content: "-";
    float: right;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    text-align: right;
	line-height:15px;
}
.panel-title a.collapsed:before{
	content: "+";
}


/* ------ Border radius 50% ----------- */
.radius
{
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
.radius-4
{
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
}


/* ------ Border radius 0px ----------- */
.no-border-radius,
.navbar-nav > li > .dropdown-menu,
nav.navbar,
.nav-pills > li > a,
/* Panel */
.panel-group .panel,
/* Breadcurmbs */
.breadcrumb
{
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;
}
/* ------ Box Shadow Style  ----------- */
.no-box-sahdow,
.has-error .form-control:focus,
.form-control,
.navbar-form.navbar-transparent .form-control, .form-control:focus,
.progress
{
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;
}






/* Transition Duration */
/*icon border */
.icon-border:hover, .icon-border,
/* Hover Theme text Color */
.hvr-theme-color-text,
.hvr-theme-color-text:hover,
.hvr-theme-color-text:focus,
.hvr-theme-color-text.active,
.hvr-theme-color-text-parent:hover .hvr-theme-color-text, .hvr-theme-color-text,
/* Hover White Color Text */
.hvr-text-color-white-parent:hover .hvr-text-color-white, .hvr-text-color-white,
/* Hover Bg Color */ 
.hvr-theme-bg-color-parent:hover .hvr-theme-bg-color, .hvr-theme-bg-color,
/* Pagination */
.pagination > li > a, .pagination > li > span,
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > a.active,
.pagination > li > span:focus, .pagination > li > span:hover, .pagination > li > span.active
/* Btn */
.btn, .btn:hover
/* Owl Buttons */
.owl-buttons div:hover, .owl-buttons div,
/* Sticky */
.is-sticky,
.is-sticky .navbar-nav > li > a, .navbar-nav > li > a
/* New */
.hvr-bg-dark-parent:hover .hvr-bg-dark, .hvr-bg-dark,
/* Social Links */
.social-links li a, .social-links li a:hover, .social-links li a:focus,
/* widget */
.widget-cat li:hover a, .widget-cat li a,
.widget-cat li:hover a:before, .widget-cat li a:before,
.widget-tag > li a,
.widget-tag > li a:hover, .widget-tag > li a:focus, .widget-tag > li a.active,
.pager li > a
{
	-webkit-transition: all 0.4s ease 0s;
	   -moz-transition: all 0.4s ease 0s;
	    -ms-transition: all 0.4s ease 0s;
	     -o-transition: all 0.4s ease 0s;
	        transition: all 0.4s ease 0s;
}
/* Pattern Bg */
.pattern-overlay{
	background:url(../images/pattern.png) repeat rgba(0,0,0,0.5);
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	z-index:9;
}
.overlay,#orange-layout .bgslider-container .overlay{
	background: rgba(0,0,0,0.5);
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	z-index: 9;
}

/* Background Color */
.bg-white{ background-color: #fff; }
.bg-white3{ background-color: rgba(255,255,255,0.3); }
.bg-white5{ background-color: rgba(255,255,255,0.5); }
.bg-white7{ background-color: rgba(255,255,255,0.7); }
.bg-white9{ background-color: rgba(255,255,255,0.5); }


.bg-dark{ background-color: #1C1C1C; }
.bg-semi-dark{ background-color: #262626; }
.bg-dark3{ background-color: rgba(2,2,2,0.3); }
.bg-dark5{ background-color: rgba(2,2,2,0.5); }
.bg-dark7{ background-color: rgba(2,2,2,0.7); }
.bg-dark9{ background-color: rgba(2,2,2,0.5); }
.section-light{background-color: #f7fcff;}

/* Background Images */
.image-bg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* Background Image Options */
.bg-inherit{ background-position: inherit; }
.bg-center{ background-position: center center; }
.bg-top{ background-position: top; }
.bg-left-top{ background-position: left top; }

.bg-fixed{ background-attachment: fixed;}
.bg-scroll{ background-attachment: scroll; }

/* Background Repeats */
.bg-repeat{ background-repeat: repeat; }
.bg-no-repeat{ background-repeat: no-repeat; }

/* Background Covering And Containing */
.bg-cover{
	background-size: cover;
	-webkit-background-size: cover;
		-ms-background-size: cover;
		 -o-background-size: cover;
}
.bg-contain{
	background-size: contain;
	-webkit-background-size: contain;
		-ms-background-size: contain;
		 -o-background-size: contain;
}

/* ---- Title And Description Section ---- */

.title-block{
	position: relative;
	padding-bottom: 16px;
	border-bottom: 1px solid;
	border-color: #e8f0f5;
}
.title-block:after{
	height: 1px;
	width: 100%;
	position: absolute;
	content: "";
	bottom: -8px;
	left: 0;
	background-color: #e8f0f5;

}

.title-block .section-title{
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 300;
	margin: 0 0 28px;
	position: relative;
	display: inline-block;
	padding-bottom: 13px;
	border-bottom: 1px solid;
	border-color: #e8f0f5;
}
.title-block .section-title:after{
	height: 1px;
	width: 80%;
	position: absolute;
	content: "";
	bottom: -8px;
	left: 0;
	background-color: #e8f0f5;

}
.title-block  .description{
	text-transform:lowercase;
	margin: 0;
	padding-right: 29%;
	font-size: 14px;
}.border-hidden .title-block{	border:0px;}.border-hidden .title-block::after{		display:none;}.border-hidden  .margin60-bottom{		margin-bottom:13px;}
/* no border */ 
.title-block.no-border-title, .title-block.no-border-title .section-title{
	border: 0px;
}
.title-block.no-border-title:after, .title-block.no-border-title .section-title:after{
	content: none;
}
.title-block.no-border-title .section-title{
	margin: 0 0 10px;
}
/* Center Title */
.title-block.center-title{
	text-align:  center;
}
.title-block.center-title .section-title{
	position: relative;
	display: block;
	text-align: center;
	font-weight: 800;
}
.title-block.center-title .description{
	text-transform:lowercase;
	margin: 0;
	padding:0  10%;
	font-size: 14px;
}


/* title Small */
.title-sm h3{
	font-size: 22px;
	text-transform: capitalize;
	display:  inline-block;
}

/* white Title */ 
.title-block.white-title .section-title{
	color: #fff;
}
.title-block.white-title .description{
	color: #7ba2b8;
}
.title-block.white-title .section-title{
	border-color: #3e728f;
}
.title-block.white-title .section-title:after{
	background-color: #3e728f;
}
.title-block.white-title{
	border-color: #3e728f;
}
.title-block.white-title:after{
	background-color: #3e728f;

}







/* Center Title */
.title-block.center-title  .section-title, .title-block.center-title  .description{
	text-align:  center;
	display:  block;
}
.title-block.center-title  .description{
	padding: 0 14%;
}

/* ---- Social Links ----- */
.social-links li{
	display: inline-block;
	padding: 0 3px;
	position: relative;
}
.footer-section .social-links li{
	padding:0;
}
.social-links li:first-child{
	padding-left: 0;
}
.social-links li:last-child{
	padding-right: 0;
}
.social-links li:last-child:after {
    content: none;
}
.social-links li a{
	color: #fff;
	height: 30px;
	width: 30px;
	line-height: 29px;
	text-align: center;
	display: block;
	border-radius: 50%;
	border: 1px solid ;
	border-color: #cacfd3;
}
/* Dark Color Social */
.social-links.dark li a{
	color: #222;
}
/* Transparent Social */
.social-links.transparent li a{
	width: auto;
	height: auto;
	padding-right: 5px;
}
.social-links.transparent li a, .social-links.transparent li a:hover, .social-links.transparent li a.active{
	color: #C7CEDE;
	border-color: transparent;
}
.social-links.transparent li a:hover, .social-links.transparent li a.active{
	color: #fff;
	border-color: transparent;
}

.social-links.color li a{
	color: #fff;
}
.social-links.color li a:hover, .social-links.color li a:focus, .social-links.color li a.active{
	background: transparent;
}


/* Light Color Social */
.social-links.light li a{
	color: #cacfd3;
}
.social-links.no-icon-border li:after{
	content: none;
}
/*================ Page Header ===========*/
.page-header-section{
	padding: 35px 0;
	border-bottom: 1px solid #e8f0f5;
}

.page-header-section .breadcrumb{
	float:  right;
}
.page-header-section .page-tile-block{
	float:  left;
}
.page-header-section h2{
	font-size: 32px;
	font-weight: 300;
	margin: 0;
	text-transform:  uppercase;
}

/* Breadcrumbs */
.breadcrumb{
	background: transparent;
	margin: 0;
}
.breadcrumb a, .breadcrumb li{
	font-size: 13px;
	color: #717171;
}




/* Pagination */
.pagination > li > a, .pagination > li > span{
	border-width: 1px;
	margin-left: 3px;
	padding: 10px 18px;
	border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > a.active,
.pagination > li > span:focus, .pagination > li > span:hover, .pagination > li > span.active{
	color: #fff;
}
.pager{
	margin-top:0;
}
.pager li > a{
	padding: 10px 18px;
	border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#fff;
	font-weight:600;
	padding: 13px 53px;
}
.pager li > a:hover, .pager li > a:hover{
	background:#fff;
}
/* Budges */
.badge{
	padding: 4px 7px;
}
/* =====================================

			Header 
		
=========================================*/

/* ----- Sticky -------*/
.sticker{
	left: 0;
	right: 0;
}
.is-sticky {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
}

/* Transparent Header */
.navbar-transparent .navbar-default{
	background-color: transparent;
	border-color: transparent;
}
.navbar-transparent .navbar-default .navbar-nav > li > a{
	color: #fff;
}
.navbar-transparent .navbar-default .navbar-brand{
	color: #fff;
}
.navbar-transparent .is-sticky .navbar-default{
	background: #222;
}
.navbar-transparent .sticky-wrapper{
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
}

/* Logo Style */
.navbar-brand {    height: 100px;    padding: 28px 0 18px 20px;}
.navbar-brand:hover,.navbar-brand:focus,.navbar-brand.active{
	
}


/* Form */
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
	color: #da0000;
}
.has-error .form-control:focus{
	background: transparent;
	border-color: #da0000;
}
.form-control::-moz-placeholder {
  color: #ddd;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #ddd;
}
.form-control::-webkit-input-placeholder {
  color: #ddd;
}
.form-control{
	height: 48px;
	padding: 14px 20px;
	font-size: 13px;		
	border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.input-group .form-control:focus, .input-group .form-control.active{
	border-color:#ccc;
	border-right:none;
}
.input-group .input-group-addon{
	background:#fff;
	border-left:none;
	color:#cacfd3;
	border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding-right: 15px;
}
.input-group .form-control{
	border-right:none;
}
.transparent-form .form-control{
	background-color: transparent;
	border: 1px solid;
	border-color: #fff;
	color:#000;
}
.form-control:focus, .form-control.active {
    border: 1px solid;
}
.form-control-feedback i{
	display: none;
}
.form-message {
    color: #ff0000;
	font-size: 16px;
    text-align: center;
}

/* ----- Progress ---- */
.progress{
	height: 23px;
	font-size: 12px;
}
.progress, .progress-bar{
	border-radius: 5px;
}
.cat {
    line-height: 22px;
    margin-left: 15px;
}
.percent {
    line-height: 22px;
    margin-right: 15px;
}
/* ---------------------------
		
		Counter 
		
------------------------------ */
.count-with-icon{
	float: left;
	width: 100%;
}
.count-with-icon.right-border{
	border-right: 1px solid;
	border-color: #3179a2;
}

.icon-90{
	height: 90px;
	width: 90px;
	line-height:85px;
}
.count-with-icon i{
	margin-right: 40px;
	margin-left: 10px;
	float: left;
}


/* ---------------------------
		
		Countdown 
		
------------------------------ */
.countdown-section{
	display: inline-block;
	margin: 0 6px;
}
.count-sm .countdown-section{
	height: 150px;
	width: 150px;
	line-height:148px;
}
.count-dark .countdown-section{
	background: #222;
}
.count-semi-dark .countdown-section{
	background: rgba(2,2,2,0.6);
}
.period-top .countdown-section{
	position: relative;
}
.period-top .countdown-period {
    background: none repeat scroll 0 0 darkred;
    display: block;
    left: 0;
    line-height: 18px;
    padding: 8px 8px;
    position: absolute;
    right: 0;
    top: -13px;
    width: 71px;
    margin: 0 auto;
}
.count-dark.period-top .countdown-period{
	background: #222;
	padding: 5px 8px;
}


/* ------- MAP -------- */
.map-canvas {
    width: 100%;
}
/* ====== SIDE BLOCK ======== */
.widget{
	float:left;
	width: 100%;
}

/* Reply Container  */
.comment{
	float: left;
	width: 100%;
}
.reply{
	width: 90%;
	float: right;
}
/* =====================================

			Hero
		
=========================================*/
.hero-content{
	width: 100%;
}.hero-content h1 {    color: #fff;    font-size: 60px;    line-height: 1;    margin-bottom: 25px;    margin-top: 0;    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}.hero-content h1{	font-family: "Titillium Web",sans-serif;    font-weight: 900;}
.hero-content p{	color:#ffffff;	font-size:14px;
	padding-right: 56%;
}
.hero-content.style3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
.hero-content.style3 h1 {
    padding-right: 57%;
}
.hero-img img{
	top: 0;
	position: absolute;
}
/* Hero 2 */
.hero-text{
	font-weight: 900;
}
/* Home Variations */
.text-scroll-slider ul{
	width: 100%;
}
.slides-desc{
	padding: 0 25%;
	color: #e4e4e4;
}
.slider-counter {
    bottom: -75px;
    left: 0;
    position: absolute;
    right: 0;
}
.text-shadow{
	text-shadow: 1px 1px 1px #333;
}
.style3 {
    position: absolute;
    top: 120px;
}
.slider-bottom-content{
	bottom:  0;
}
.slider-bottom-block{
	padding: 34px 20px 34px 95px;
}
.slider-bottom-block i{
	position: absolute;
	left:  43px;
}
.rotate-right-border{
	position: relative;
}
.rotate-right-border:after{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 1px;
	background: #e8f0f5;
	content: "";
	z-index: 9;
	transform: rotate(16deg);
	-webkit-transform: rotate(16deg);
	-o-transform: rotate(16deg);
	-ms-transform: rotate(16deg);
}
.ceo-block img{
	width: 100%;
}
.ceo-caption {
    background: rgba(255,255,255,0.9);
    bottom: 2%;
    left: 0;
    margin: 0 auto;
    padding: 0px 20px;
    position: absolute;
    right: 0;
    width: 90%;
    z-index: 99;
}

.ceo-block:after {
    border: 5px solid #fff;
    bottom: 0;
    content: "";
    height: 95%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 3%;
    width: 90%;
    z-index: 9;
}
.content-block i{
	font-size:60px;
	line-height: 20px;
}
/*===============================

	 Portfolio 
		
=================================*/
.project-grid .grid-sizer { width: 33.3%; }
.project-grid .mini-item { width: 25%;}
.project-grid .mini-item.w2 { width: 50%; }	
.project-grid .w3 { width: 33.34%; }
/* 2 Column */
.project-grid .grid-sizer.grid-sizer-2 { width: 50%; }
.project-grid .w2 { width: 50%; }
/* 4 Column */
.project-grid .grid-sizer.grid-sizer-4 { width: 25%; }
.project-grid .w4 { width: 25%; }
.w4	.overlay-caption p{
	display: none;
}
.project-grid .item{
	float: left;
	position: relative;
	display: block;
	overflow:hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.portfolio-item img{
	width:  100%;
}
/*===============================

	 Attorney Section
		
=================================*/
.attorney-block{
	padding: 0px 0px 0px 270px;
	position: relative;
}

.attorney-img{
	height: 230px;
	width: 230px;
}
/* Consultant Form */
.consultant-form .form-group{
	margin-bottom: 20px;
}

.short-testimonial-client {
    margin-top: 10px;
    padding-bottom: 30px;
    padding-left: 115px;
    padding-top: 30px;
}
.short-testimonial-client img{
	height: 90px;
	width: 90px;
}
/* Attornet Style Shape */
.attorney-detail-desc.shape *{
	position: relative;
	z-index: 9;
}
.attorney-detail-desc.shape::before {
    backface-visibility: hidden;
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    float: left;
    height: 73px;
    left: -2px;
    position: absolute;
    right: 0;
    top: -34px;
     transform: rotate(-7deg) skewX(-7deg);
    -webkit-transform: rotate(-7deg) skewX(-7deg);
    -ms-transform: rotate(-7deg) skewX(-7deg);
    -o-transform: rotate(-7deg) skewX(-7deg);
    width: 102%;
    z-index: 0;
}
.attorney-detail-block:hover .attorney-detail-desc, .attorney-detail-block:hover .attorney-detail-desc.shape::before {
    background: #333 none repeat scroll 0 0;
}

.attorney-detail-block:hover .attorney-detail-desc,
.attorney-detail-block:hover .attorney-detail-desc.shape::before{
	background: #333;
}
.attorney-detail-block:hover .attorney-detail-desc h4, .attorney-detail-desc div {
	color: #fff;
}

/*===============================

	 Client Section
		
=================================*/
.client-section{
	border-width: 1px 0px;
	border-style: solid;
	border-color: #e8f0f5;
	padding: 20px 0;
}
.client-section:after {
    background-color: #e8f0f5;
    top: 7px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.client-section.before-color-section:after {
    content: none;
}
.client-slider{
	padding: 0 110px;
	
}
.client-slider .item{
	margin: 10px 20px 0;
}
.client-slider .item img{
	margin: 0 auto;
}

/*===============================

	 Footer Section
		
=================================*/
.footer-section{
	padding: 65px 0 20px;
}
/* Recent News */
.short-news .foot-title,.footer-section .foot-title{
	font-size: 22px;
	margin: 0 0 20px;
}
.news-thumb{
	border: 1px solid #dadada;
    float: left;
    height: 70px;
    left: 0;
    padding: 4px;
    position: absolute;
    width: 70px;
}
.short-news .caption-block{
	float: left;
	padding-left: 90px;
	margin-bottom: 16px;
}
.short-news .caption-block h5{
	font-size: 15px;
	font-weight: 500;
	margin: 0 0 6px;
}
.short-news .caption-block h5 a{
	color:#333;
}
/*  Copy Rights */
.copy-rights{
	padding: 25px 0 0px;
	border-width: 1px 0px 0;
	border-style: solid;
	border-color: #e8f0f5;
	position:  relative;
	margin-top: 38px;
	font-family: signika;
}
.copy-rights:after {
    background-color: #e8f0f5;
    top: 7px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* Twitter */
li.tweet-item {
    padding-left: 61px;
    position: relative;
	font-family: 'Cabin', sans-serif;
}
li.tweet-item p{
	margin-bottom:0;
	padding-bottom:10px;
}
li.tweet-item a{
	padding-bottom:20px;
	margin-bottom:0;
}
li.tweet-item::before {
    background: #2f97e0 none repeat scroll 0 0;
	color: #fff;
	text-align: center;
	line-height: 36px;
	font-size: 17px;
    content: "\f099";
	font-family: 'FontAwesome';
    height: 36px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 36px;
    border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
.themex_twt_date {
    display: block;
    margin-bottom: 20px;
}
/* Free Consultant Section */
.small-section{
	padding: 60px 0 67px;
}
.free-consult .icon{
	height: 100px;
	width: 100px;
	line-height: 98px;
	font-size: 50px;
	text-align: center;
}
.consult-content{
	padding: 0px 0px 0px 130px
}
.consult-content h4{
	font-weight: 500;
}
.consult-btn .btn{
	margin-top: 28px;
}
/* =========== Practise Area ================ */
.blog-grid{
	margin-bottom:35px;
}
.img-border-caption{
	border-width: 0px 1px 1px 1px;
	border-style: solid;;
	border-color: #e8f0f5;
	padding: 28px 20px;
	float: left;
}
.img-border-caption h3{
	margin:0 0 7px;
}
.img-border-caption span{
	font-weight:400;
}
.img-border-caption p{
	margin-bottom:15px;
}
/* Blog */
.blog-2-col img {
    float: left;
    max-width: 270px;
    height: 270px;
}
.blog-2-col .blog-caption-block{
	float: left;
	width: 60%;
	max-width: 280px;
	height: 270px;
	padding: 45px 0 0 30px;
}
.blog-2-col .img-border-caption{
	border-width: 1px 1px 1px 0px;
}
/* Blog List */
.blog-list-caption.bottom-border{
	border-width: 0px 0px 1px 0px;
	border-style: solid;;
	border-color: #e8f0f5;
}
.blog-list img{
	width:  100%;
}


/* Blog Small detail */
.blog-sm-detail {
    display: inline-block;
    margin-top: -48px;
}
.blog-sm-detail img{
	height: 50px;
	width: 50px;
	margin:  0 auto 15px;
}
/*  =========== Sidebar ============== */
.widget h4{
	margin: 0 0 20px;
	font-size: 18px;
	line-height: 18px;
	border-left: 3px solid;
	color: #313232;
	padding-left:  10px;
	letter-spacing: 0.5px;
	font-weight: 500;
	text-transform:  uppercase;
}
/* Category Widget */
.widget-cat li {
	padding: 5px 0;
}
.widget-cat li a{
	position:  relative;
	display: block;
	padding-left: 20px;
	color: #8C8C8C;
	letter-spacing:0.5px;
	font-weight: 500;
	font-size:13px;
}
.widget-cat li a:before{
	font-size: 15px;
	position:  absolute;
	left: 0;
	content:"\f105";
	font-family:'FontAwesome';
}
.widget-cat li:hover a:before{
	left: 5px;
}
/* Widget Tags */
.widget-tag > li {
	display: inline-block;;
    margin: 0 1px 4px 0;
    font-size: 13px;
    color: #8c8c8c;
}
.widget-tag > li a{
	display: block;
	color: #8c8c8c;
	padding: 5px 16px;
	border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;
	border: 1px solid;
    border-color: #e8f0f5;
}
.widget-tag > li a:hover, .widget-tag > li a:focus, .widget-tag > li a.active{
	color: #fff;
}
.news-widget span{
	font-size:13px;
}
/* Blog Single */
.blog-section blockquote{
	padding: 0 20px;
}
blockquote p {
    color: #8c8c8c;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}
.author-block img{
	width: auto;
	height: 130px;
	width: 130px;
}
.author-caption{
	padding-left: 155px;
}
.author-caption h3{
	 font-size: 18px;
	 font-weight: 500;
}
/* Comment Block */
.comment-block img{
	width: auto;
	height: 75px;
	width: 75px;
}
.comment-block {
    padding: 28px 0 23px 95px;
}
.comment-caption h5{
	font-weight:800;
}
.comment-caption h5,.comment-caption span{
	font-family: 'Cabin', sans-serif;
}
.rply-btn {
    font-size: 10px;
    padding: 6px 22px;
    position: absolute;
    right: 0;
    top: 0;
}
.form-control::-moz-placeholder{
	color:#8d8d8d;
}
.form-control::-webkit-input-placeholder{
	color:#8d8d8d;
}
.transparent-form .form-control{
	color:#fff;
}
.transparent-form .form-control::-moz-placeholder{
	color:#fff;
}
.transparent-form .form-control::-webkit-input-placeholder{
	color:#fff
}
/* ======== Feedback Section ======== */
.feedback-block {
    padding-left: 90px;
}

.feedback-block img {
    left: 0;
    position: absolute;
    top: 0;
    height: 66px ;
    width: 66px;
}
/* Left icon Block */
.left-icon{
	position:  relative;
	padding-left:  130px
}
.left-icon i {
    height: 90px;
    line-height: 89px;
    width: 90px;
    position: absolute;
    left: 0
}


/* ================ Chart Block ============== */
#chart-area{
	position: relative;
	z-index: 2;
}
.legend-area {
    float: left;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 65%;
}
.legend:after {
    background: #F0F0F0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 0;
}
.legend-area .label{
	position: relative;
	z-index: 2;
	background-color: #fff;
	padding-left: 20px;
	color: #929292;
	font-size: 14px;
}



.legend:before {
    background: #f0f0f0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: -39px;
    position: absolute;
    top: 18px;
    width: 12%;
}
.legend1:before{
	transform: rotate(-24deg) skewX(-24deg);
	-webkit-transform: rotate(-24deg) skewX(-24deg); 
	-o-transform: rotate(-24deg) skewX(-24deg);
	-ms-transform: rotate(-24deg) skewX(-24deg);
	-moz-transform: rotate(-24deg) skewX(-24deg);
}
.legend-area.area2 {
    top: 46%;
}
.legend-area.area3 {
    top: 86%;
}
.legend1:before{
	transform: rotate(-24deg) skewX(-24deg);
	-webkit-transform: rotate(-24deg) skewX(-24deg); 
	-o-transform: rotate(-24deg) skewX(-24deg);
	-ms-transform: rotate(-24deg) skewX(-24deg);
	-moz-transform: rotate(-24deg) skewX(-24deg);
}

.legend3::before {
    left: -97px;
    top: 4px;
    transform: rotate(8deg) skewX(8deg);
	-webkit-transform: rotate(8deg) skewX(8deg); 
	-o-transform: rotate(8deg) skewX(8deg);
	-ms-transform: rotate(8deg) skewX(8deg);
	-moz-transform: rotate(8deg) skewX(8deg);
    width: 27%;
}

/* Index 3 File */
.margin-edited .margin20-top {
    margin-top: 24px;
}
.text-edited{
	padding-right:10px;
}
.attorney-caption a{
	font-size:13px;
}
.attorney-caption .margin10-bottom{
	margin-bottom:13px;
}
.attorney-caption h6{
	padding:0px 0px 3px;
}
#consult .title-block.center-title .section-title{
	font-weight:300;
}
#consult .title-block.white-title .description{
	color:#dddddd;
}
#consult .transparent-form {
    padding: 0 70px;
}
#consult .description {
    padding: 20px 20% 0px;
}
#consult .margin60-bottom {
    margin-bottom: 40px;
}
.copy-right p{
	text-transform:lowercase;
	font-size:14px;
	padding:25px 0px;
}
.blog a.link{
	font-size:13px;
	color:#333333;
}
.edit-test h6{
	font-size:13px;
}
.copyright::after {
    background-color: #e8f0f5;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 100%;
}
.copyright {
    border-color: #e8f0f5;
    border-style: solid;
    border-width: 1px 0;
	border-bottom:0px;
}
#copyright .copy-inner{
	padding:20px 0px;
}


/* Index File */
.slider .image-bg{
	background-position:50% 0;
}
.top-bar{
	background-color:#333333;
}
.top-bar h2{
	color:#999999;
	padding:3px 0px;
}
.top-bar a{
	font-size:12px;
	color:#999999;
}
.top-bar a:hover{
	color:#eeeeee;
}
#orange-layout .navbar-default .navbar-nav > li > a{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
	text-transform:capitalize;
}
.top-social li i{
	font-size:12px;
}
.top-social{
	margin-left:160px;
}
.top-social li a {
    border: 1px solid #cacfd3;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 25px;
    line-height: 20px;
    text-align: center;
    width: 25px;
	background:#cacfd3;
}
.top-social li a:hover i{
	color:#ffffff;
}
.top-social .social-links{
	margin-top:37px;
}
#orange-layout .title-block .section-title{
	font-family: "Titillium Web",sans-serif;
    font-size: 32px;
    font-weight: 600;
	text-transform:capitalize;
}
.excellent-section h3{
	font-family: "Titillium Web",sans-serif;
	font-weight: 600;
}
.attorney-detail-desc  h4{
	padding-top: 10px;
	margin-bottom:30px;
	font-size:14px;
}
.attorney-detail-desc  h4 span{
	color:#adadad;
}
.attorney-detail-desc a{	
	color:#333333;
}
.attorney-detail-desc a.btn-sm {
    padding: 6px 32px;
	font-weight:600;
}
.attorney-detail-desc:hover  a.btn-sm,
.attorney-detail-block:hover a.btn-sm {
	color:#ffffff;
}
#Latest .blog-sm-detail span{
	font-family: "Bitter",serif;
	color:#768083;
	font-size:14px;
}
.bitter {
	font-family: "Bitter",serif;
}
#orange-layout .overlay {
    background-color: rgba(22, 30, 37, 0.9);
}
#orange-layout .consult-section .title-block.center-title .section-title{
	font-weight:600;
}
#orange-layout .transparent-form .form-control{
	background:#ffffff;
}
#orange-layout .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
#orange-layout #sendingbtn{
	width:150px;
	border:0px;
}

/* Red Layout */
#red-layout .navbar-nav > li > a{
	font-weight:700;
}
#red-layout .contact-no a{
	border:1px solid #efefef;
	padding:0px 20px;
	line-height:45px;
	border-radius:3px;
	margin: 27px 0px 0px 50px;
}
.titillium-web{
	font-family: "Titillium Web",sans-serif;
}
#red-layout .practise-section h2, 
#red-layout .attorney-section h2, 
#red-layout .choose-section h3,
#red-layout .feedback-section h2,
#red-layout .Latest-section h2{
	font-weight:600;
	font-family: "Titillium Web",sans-serif;
	font-size:28px;
	text-transform:capitalize;
}
 #red-layout section.choose-section{
	padding:50px 0px 80px;
}
#red-layout section.choose-section .btn-block{
	width:50%;
	font-weight:800;
}
#red-layout .attorney-detail-desc h4{
	font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}
#red-layout .text-gray{
	color:#717171;
}
#red-layout .attorney-detail-desc div{
	font-size:12px;
	font-weight:600;
}
#red-layout  .attorney-detail-desc a.btn-sm {
    font-weight: 700;
    padding: 10px 20px;
    font-size: 11px;
}
#red-layout .footer-section .social-links li{
	padding:0px;
}

/* Blue Layout */
#blue-layout .hero-content h1{
	font-weight:300;
	font-size:45px;
	color:#444;
	font-family: "Raleway",sans-serif;
	line-height:60px;
}
#blue-layout .hero-content p {
    color: #666;
    font-size: 13px;
    padding-right: 0;
}
#orange-layout .counter, #orange-layout .excellent-section{
	color:#ffffff;
}

.yayinlar{
	width:360px;height:250px;
}