/**************************************************************************
***************** Master Stylesheet ARABIC VERSION************************
***************************************************************************
=========================== Content Index =================================
* 1. Miscelnious styles 
* 2. Header styles 
* 3. slider styles 
* 4. Welcome section styles 
* 5. Full img sec styles 
* 6. FAQ sec styles 
* 7. Testimonial sec styles 
* 8. statics sec styles 
* 9. Testimonial sec styles 
* 10. Blog sec styles 
* 11. Client Carousel sec styles 
* 13. Footer sec styles 

Colors :
 
Goldy Brow = #c49a6c
Luxury Blue = #1b3766

***************************************************************************
**************************************************************************/
/***************************************
* 1. Miscelnious styles 
****************************************/

/*Font css*/
@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,600,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
@import url('flaticon.css');

@import url('animate.css');

/*Main css*/
@import 'http://dahrourlawfirm.com/css/header-style.css';
@import 'http://dahrourlawfirm.com/css/slider-style.css';
@import 'http://dahrourlawfirm.com/css/service-page-style.css';
@import 'http://dahrourlawfirm.com/css/team-page-style.css';
@import 'http://dahrourlawfirm.com/css/profile-page-style.css';
@import 'http://dahrourlawfirm.com/css/blog-page-style.css';
@import 'http://dahrourlawfirm.com/css/contact-page-style.css';
@import 'http://dahrourlawfirm.com/css/effect.css';


*{
	    letter-spacing: unset !important;
}

/*** Added Style HERE ***/

#itroBoxesHolder{
}
#itroBoxesHolder div{
	text-align: center;
	height: 200px;
	color: #fff;
	padding-top: 30px;
}
#itroBoxesHolder div i{
	font-size: 60px;
}
#itroBoxesHolder #box1{
	background: #1b3766;
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#itroBoxesHolder #box1 h3{
	padding-top: 15px;
    height: 30px;
}
#itroBoxesHolder #box1 h1{
	color: #fff;
}
#itroBoxesHolder #box1 p{
	color: #fff;
}

#itroBoxesHolder #box2{
	background: #c49a6c;
	background-image: url(../img/resource/introsectionbg.png);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0px !important;
}
#itroBoxesHolder #box2 h1{
	font-size: 26px;
    padding-top: 35px;
    height: 58px;
	font-weight: 700;
}
#itroBoxesHolder #box2 h4{
    height: 5px;
}
#itroBoxesHolder #box2 p{
	color: #fff;
	font-size: 20px;
}
#itroBoxesHolder #box2 button{
	width: 88px;
	background: none;
	margin-top: 8px;
	border: 2px solid #fff;
	color: #fff;
	transition: all 0.2s ease-in-out;
}
#itroBoxesHolder #box2 button:hover{
	background: #fff;
	color: #c49a6c;
}
#itroBoxesHolder #box2 .bxCorner {
    width: 100%;
    height: 50px;
    margin-top: 17px;
	background-image:url(../img/resource/introboxcorner.png);
	background-position:center;
	background-repeat: no-repeat;	
}

#itroBoxesHolder #box3{
	background: #1b3766;
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#itroBoxesHolder #box3 p{
	    color: #fff;
    padding-top: 14px;
    line-height: 30px;
}


a.presReadMoreLink {
    color: #c49a6c;
    text-decoration: underline;
}



#presentationText{
	text-align: center;
}


.presHolder {
    padding-bottom: 6%;
}
.presHolder h1{
	color: #1b3766;
	font-weight: 700;
}
.presHolder p{
	padding-bottom: 20px;
}


li#contactbtn a {
    background: #c49a6c !important;
    padding: 9px 20px 9px 20px;
    position: relative;
    top: 31px;
    color: #fff;
    border-radius: 3px;
}
li#contactbtn a i{
    font-size: 16px;
}
li#contactbtn a:hover{
	background: #1b3766 !important;
	color: #fff !important;
}


#navbar-menu ul li a:hover{
	color:#c49a6c;
}


#domainsbtn{
	padding: 5px 15px 5px 15px;
    border-radius: 3px;
    border: 2px solid #c49a6c;
    background: #c49a6c;
	color: #fff;
	transition: all 0.2s ease-in-out;
}
#domainsbtn:hover{
	background: transparent;
	color: #1b3766;
}


#calltoactionContact{
	width: 100%;
	height: 60px;
	float: left;
	background: #c49a6c;
	padding-left: 10%;
	padding-right: 10%;
}
#calltoactionContact .text{  
	float: right;
}
#calltoactionContact .text p{
	color: #fff;
	    line-height: 60px;
    font-weight: 600;
}
#calltoactionContact .actbtn{
	float: right;
}
#calltoactionContact .actbtn button{
    padding: 5px 15px 5px 15px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 16px;
    position: relative;
    top: 12px;
    right: 15px;
	transition: all 0.2s ease-in-out;
}
#calltoactionContact .actbtn button:hover{
	background: #fff;
	color: #c49a6c;
}



.activelang{
	font-weight: bolder !important;
	color: #c49a6c !important;
}


nav.navbar.bootsnav ul.nav > li > a{
	font-size: 16px !important;
}

.contact-info {
    float: right !important;
}




div#navbar-menu {
    width: 70%;
    float: left;
	position: relative;
    left: -180px;
}
.navbar-header {
    float: right;
}


.slide-text > a.btn-primary{
	    background: transparent !important;
}
.slide-text > a.btn-primary :hover{
	    background: #fff !important;
	color: #1b3766;
}


.copywrite{
  color: #FFF;
	text-align: center !important;
	float: none !important;
	
}


a.ActiveNav {
    font-weight: bolder !important;
    color: #1b3766 !important;
}

.service-image-block h3 {
    font-size: 20px !important;
}

.breaker {
    width: 15%;
    height: 2px;
    background: #c49a6c;
    margin: 0 auto;
    margin-top: 2%;
}


.service-image-inner {
    padding: 22px 0px 5px 0px !important;
	color: #1b3766 !important;
	transition: all 0.3s ease-in-out;
}
.service-image-inner:hover{
	background: #1b3766 !important;
	color: #fff !important;
}

.tt-contact-icon-outer{
	float: right !important;
}
.tt-contact-info{
	float: right !important;
	margin-right: 15px;
}


.tt-contact-icon-outer {
    float: right!important;
    padding: 6px !important;
    border: 1px solid #404040 !important;
    font-size: 30px !important;
    line-height: 48px !important;
    text-align: center !important;
    color: #3baeff !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    margin-right: 15px !important;
}

.tt-contact-icon {
    width: 50px;
    height: 50px;
    float: left;
    background-color: #fff;
    border: 1px solid #c49a6c;
    font-size: 25px;
    line-height: 48px;
    text-align: center;
    color: #1b3766;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.slide-text{
	top: 35% !important;
}


.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: -100px auto !important;
    width: 100% !important;
}

#service-style-one .container .item h3 {
    padding-top: 15px;
}


.sec-pad .hidden-xs {
        text-align: center;
    padding-bottom: 1% !important;
    display: block !important;
    border: 10px solid #1b3766;
    padding-top: 2%;
}


@media (max-width: 767px) {
	.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{
		    margin: 0px !important;
	}
	.slide-text {
    top: 18% !important;
    }
	#itroBoxesHolder #box1{
		border-radius: 0px !important;
	}
	#itroBoxesHolder #box3{
		border-radius: 0px !important;
	}
	.presHolder {
    padding-bottom: 6%;
    padding-top: 12%;
    padding-left: 5%;
    padding-right: 5%;
    }
	section#legal-consult .row {
    padding-left: 20% !important;
     }
	#calltoactionContact .text{
		display: none !important;
	}
	
	a.ActiveNav {
    color: #c49a6c !important;
    }
	
	li#contactbtn a {
    top: 0px !important;
     }
	
	.slide-text > h1 {
    font-size: 25px !important;
    }
	
	a.btn.btn-primary {
    position: relative;
    top: 10px !important;
    left: -10px;
    display: block !important;
    }
	a.btn.btn-default.animated.fadeInUp{
		display: block !important;
	}
	a.btn.btn-default {
    display: block !important;
    }
	
	
	.MobileLangsHolder{
		display: block !important;
		float: right !important;
	    padding-top: 4%;
	}
	.MobileLangsHolder a.Frlang { 
    position: relative;
    left: -8px;
    }
	.MobileLangsHolder a.Arlang {
		font-family: 'Cairo', sans-serif;
	}
	
	.MobileLangsHolder a{
		color:#1b3766;
	}
	#activelang{
		color: #c49a6c;
		font-weight: 700;
	}
	
	.service-image-block{
		margin-bottom: 10px !important;
	}
	.spacer-30{
		height: 0px !important;
	}
	ul.nav.navbar-nav.navbar-right {
    padding-bottom: 15px !important;
    }
	.contact-form{
		padding: 45px 10px 80px 10px !important;
	}
	
	footer .widget{
		float: right !important;
	}
	
	.navbar-header {
		width: 100% !important;
    position: absolute;
    top: 0px !important;
    }
	nav.navbar.bootsnav .navbar-nav {
    padding-left: 0px;
    padding-right: 0px;
    }
	
	div#navbar-menu {
    width: 100%;
    float: left;
    position: relative;
    left: 15px;
		top: 50px;
    padding-bottom: 50px;
    }
	nav.navbar.bootsnav .navbar-header{
		padding-left: 30px !important;
	}
	.activelang{
		display: none !important;
	}
	.NotActiveLang{
		display: none !important;
	}
	ul.nav.navbar-nav.navbar-right li {
    text-align: right;
    }
	
	
	section#about-section .title .year-cnt h1 {
    font-size: 100px !important;
    }
	#about-section .year-heading h1 {
    font-size: 30px;
    }
	#about-section .year-heading span {
    font-weight: bold;
    font-size: 40px;
    top: -3px;
    position: relative;
    right: -55px;
    }


}


/*** @END Added Style HERE ***/





body {
	
    font-family: 'Cairo', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	letter-spacing: 0px !important;
}
a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
}
input,
textarea,
button {
    outline: none;
}
p {
    color: #333;
    line-height: 26px;
    font-size: 16px;
    /*margin-top: -7px;*/
}
img {
    max-width: 100%;
}
h1,h2,h3,h4,h5,h6 {
    position:relative;
    font-family: 'Cairo', sans-serif;
    margin-bottom: 20px;
    margin-top: 0;
    background:none;
}
ul,li{
    list-style:none;
    padding:0px;
    margin:0px;
    line-height: 26px; 
}
.btn-full {
    width: 100% !important;
    display: inline-block;
    text-align: center;
}
.btn-xlg {
    padding: 15px 50px
}

.btn-lg {
    padding: 12px 30px;
    display: inline-block;
}

.btn-md {
    padding: 11px 20px;
    display: inline-block;
}

.btn-xs {
    padding: 11px 15px 10px;
    display: inline-block;
}
.theme-btn {
    color: #FFF;
    background-color:#c49a6c;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    float: right;
    letter-spacing: 0px;

}
.theme-btn:hover {
    background: #1b3766;
    color: #FFF;
        transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
/*Form Style   ||-----------*/

button {
    outline: none;
    border: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    display: inline-block;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    -webkit-border-radius: 0px;
    border-radius: 4px;
    color: #888;
    outline: none;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 13px;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
}

.input-sm {
    padding: 12px 15px;
    height: auto;
    
}
label {
    color: #323232;
    font-size: 14px;
    margin-bottom: 10px;
    padding-right: 3px;
    margin-top: 6px;
    font-weight: normal;
}
.form-full {
    width: 100%;
}
a:focus {
    outline: none;
}

/* Spacer Style   ||-----------*/
.spacer-30 {
    width: 100%;
    height: 30px;
    float: left;
}
.fa-hand-o-right::before{
    margin-right: 10px;
    color: #f77b55;
}
.wd-50{
    width: 50%;
    margin: auto;

}
.mb-50{
    margin-bottom: 45px;
}
.bg-color-gray{
    background-color: #f1f1f1;
}
figure.effect-bubba h2{
    color: #fff;
    font-size: 24px;
}
.sec-pad {
    padding: 100px 0;
}
.padd-btm{
    padding-bottom: 0;
}
.plr-none{
    padding-left: 0;
    padding-right: 0;
}
/* Common css*/
.mrng-rght-none{
    margin-right: 0;
}
.brd-none{
    border:0 !important;
}
.nopadding {
    padding: 0px;
}
.pinside01 {
    padding: 30px 18px 60px;
}
.pinside02 {
    padding: 30px 18px 40px;
}
.pinside60 {
    padding: 60px;
}
.bg-color-gray{
    background-color: #f2f2f2;
}
.bg-white {
    background-color: #fff;
}
.outline {
    border: 1px solid #dee4ee;
}
/* End Common css*/
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 31px;
}
.navbar {
    position: relative;
    min-height: 100px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

/*Start section title heading css*/
.section-title{
    margin-bottom: 50px;
}
.section-title h1{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
}
.section-title p{
    text-align: center;
    
}
/*End section title heading css*/

/* Start Top Header css*/
#topbar {
    background-color: #1b3766;
    color: #999ea3;
}
#topbar .contact-info ul li {
  float: left;
}
#topbar .contact-info ul li {
  display: inline-block;
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  line-height: 48px;
  padding: 0 16px;
  font-weight: normal;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#topbar .contact-info ul li i.fa {
  font-size: 18px;
  margin-right: 5px;
}
#topbar .social{
  float: left;
}
#topbar .social ul {
    
}
#topbar .social li{
  float: left;
}
#topbar .social a {
  display: inline-block;
  font-size: 18px;
  float: left;
  padding: 0 15px;
  color: #FFF;
  line-height: 48px;  
  border-right: 1px solid #1B3766;
  border-left: 1px solid #435E8C;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
/* End Top Header css*/

/* Start single-img-banner css*/
.single-img-banner{
    width: 100%;
    background: url("../img/main-slider/banner-img.jpg") no-repeat;
    margin-top: 80px;
    background-position: center;
}
.single-img-banner .overlay{
    width: 100%;
    height: 100%;
    padding: 190px 0;
    background-color: rgba(0,0,0,0.5);
}
.single-img-banner .heading-bx{
    width: 1168px;
    height: 343px;
    margin: auto;
    padding: 0 80px;
    text-align: center;
}
.single-img-banner .heading-bx h1{
    text-transform: uppercase;
    color: #FFF;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    padding: 60px 0 0 0;
    letter-spacing: 0px;
}
.single-img-banner .heading-bx h3{
    color: #FFF;
    font-size: 24px;
    text-align: center;
    line-height: 35px;
    font-weight: 100;
}
.single-img-banner .heading-bx .btn-white {
    color: #FFF;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 0 5px;
    line-height: 120px;
}
/* End single-img-banner css*/
.sections-wrapper {
    background: #FFF;
    z-index: 20;
    position: relative;
    height: auto;
}
#welcome-area{
top: -30px;
position: relative;
height: 270px;
}
#welcome-area .service-image-block{

}
#welcome-area .wel-service-image-inner {
    padding: 10px 10px 0;
    background-color: #fff;
}
#welcome-area a.image-title{
    width: 55%;
    padding: 10px 20px;
    background-color: #1b3766;
    bottom: 87px;
    position: relative;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    float: left;
}
#welcome-area a.image-title h2{
    padding: 0;
    margin: 0;
    color: #FFF;
    font-size: 22px;
    float: left;
    text-transform: uppercase;
}
#welcome-area a.image-title p{
    color: #FFF;
    float: left;
    padding: 0;
    margin: 0;
}
#welcome-area a.image-title .arrow{
    float: right;
    color: #FFF;
    background-color: #cc2222;
    padding: 0 0 0 4px;
    border-radius: 50%;
    height: 37px;
    width: 37px;
    line-height: 37px;
    position: relative;
    bottom: 12px;
}
#welcome-area a.image-title:hover{
    width: 55%;
    padding: 10px 20px;
    background-color: #17325f;
    bottom: 87px;
    position: relative;
    border-top: 4px solid #FFF;
    border-right: 4px solid #FFF;
    float: left;
}
.text-color-white{
    color: #FFF;
}

/*Start Form Section css*/
.form-section{
    width: 100%;
    /*height: 425px;*/
    position: relative;
	bottom: 100px;
	padding: 95px 0 100px 0;
	background-color: #1b3766;
}
.form-section .form-post {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 20px 0;
}
.form-section .form-post  input[type="text"],input[type="Email"],input[type="tel"]{
    width: 100%;
    height: 40px;
    border-radius: 0;
    background-color: transparent;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    color: #888;
    font-size: 16px;
	border: 1px solid #ddd !important;
}
.form-section .form-post  input[type="tel"]{
    
    height: 40px;
    border-radius: 0;
    background-color: transparent;
    float: left;
    margin-bottom: 20px;
    margin-right: 0px;
    border-top: none;
    border-right: none;
    border-left: none;
    color: #FFF;
    font-size: 16px;
}
.form-section .form-post input[type="submit"]{

    float: left;
    background-color: #cc2222;
    border-radius: 4px;
    border:none;
    color: #FFF;
    margin-left: 20px;
    margin-top: 35px;
    padding: 15px 72px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}
.form-section .form-post textarea{
    width: 745px;
    height: 40px;
    border-radius: 0;
    background-color: transparent;
    float: left;
    margin-top: 50px;
    margin-right: 0px;
    border-top: none;
    border-right: none;
    border-left: none;
    color: #FFF;
    font-size: 16px;
}
.form-section .form-post input[type="text"]:nth-child(4n){
    margin-bottom: 0px
}
.form-section .form-post input[type="text"]:nth-child(5n){
    margin-bottom: 0px
}
/* End Form Section */


/*Start Service Section css */
#service-style-one {
  width: 100%;
  float: left;
  background-color: #fff;
}
#service-style-one .icon-bx{
    width: 132px;
    height: 132px;
    border-radius: 50%;
    margin: 10px auto 20px auto;
    background-color: #eff0f2 !important;
    line-height: 128px;
}
a.arrow {
    float: none;
    color: #FFF;
    text-align: center;
    background-color: #c49a6c;
    padding: 8px 14px 6px 16px;
    border-radius: 50%;
    margin-top: 30px;
    top: 15px;
    position: relative;
	display: none !important;
}
#service-style-one h3 a{
    color: #1b3766;
}
#service-style-one .owl-carousel {
  padding: 0 70px;
  position: relative;
}
#service-style-one .container .item {
  
}
#service-style-one .container .item img {
  transition: all 0.3s ease 0s;
  display: inline;
  width: auto;
}
#service-style-one .container .owl-theme .owl-controls {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#service-style-one .container .owl-theme .owl-nav {
  margin: 0;
}
#service-style-one .container .owl-theme .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#service-style-one .container .owl-prev {
  left: 0px;
  position: absolute;
  top: -85px !important;
  line-height: 410px;
}
#service-style-one .container .owl-theme .owl-nav div .fa {
  color: #fff;
  font-size: 30px;
}
#service-style-one .container .owl-theme .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#service-style-one .container .owl-next {
  position: absolute;
  right: 0px;
  top: -85px !important;
  line-height: 410px;
}
#service-style-one .container .owl-theme .owl-nav div .fa {
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px 16px 9px 17px;
    background: #c49a6c;
}
/* End Service Section css */

#about-section{
    width: 100%;
    float: left;
}
#about-section .profile-img-box{
    background-color: #1b3766;
    padding: 10px;
    height: 618px;
}
#about-section .profile-img-box img{
    background-color: #FFF;
    padding: 10px;
}
#about-section .profile-img-box::after{
    content: "";
    position: relative;
    width: 472px;
    height: 52px;
    z-index: 999;
    display: block;
    right: 5px;
    top: 7px;
    background: url("../img/resource/btm-shadow.png");
}
#about-section .title{
    width: 100%;
    float: right;
}
#about-section .year-cnt{
    width: 155px;
    float: right;
}
#about-section .year-cnt h1{
    font-size: 120px;
    color: #1b3766;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    float: right;
}
#about-section .year-heading{
    float: right;
    padding: 16px 0 0 0;
}
#about-section .year-heading h1{
    font-weight: 100;
    margin: 0;
    padding: 0;
}
#about-section .year-heading span{
    font-weight: bold;
    font-size: 55px;
    top: -18px;
    position: relative;
}
/* End */

#legal-consult{
    width: 100%;
    height: 257px;
    float: left;
    padding: 55px 0 0 0;
    background-color: #1b3766;
}
#legal-consult h2{
    font-size: 45px;
    color: #FFF;
    padding: 0;
    font-weight: 100;
	    position: relative;
    left: 50px;
}
#legal-consult .hamour-img{
    z-index: 999;
    position: relative;
    top: -67px;
}
#legal-consult .download-broucher {
    margin: 10px 0 0 0;
    padding: 15px 25px 15px 23px;
    font-size: 60px;
    color: #FFF;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 40px;
    line-height: 42px;
    border: 1px solid;
}
#legal-consult .download-broucher .fa {
    background-color: #FFF;
    height: 45px;
    width: 45px;
    float: left;
    border-radius: 40px;
    color: #1b3766;
    margin-right: 10px;
    font-size: 26px;
    text-align: center;
    line-height: 49px;
}

/*Start Our Attorneys area css*/
#our-attorneys-area {
    width: 100%;
    float: left;
  padding-bottom: 94px;
  padding-top: 95px;
  background-color: #FFF;
}
#our-attorneys-area .section-title-style h1 {
  font-size: 26px;
  color: #000;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  padding: 0 0 20px 0;
  letter-spacing: 0px;
  font-weight: bold;
  font-family: "Raleway",sans-serif;
}
.attorney-image-holder{
  position:relative;
  overflow:hidden;
}
.attorney-image-holder img {
  width: 100%;
}
.single-attorney:hover .attorney-overlay {
  opacity: 1;
}
.attorney-overlay {
  background:rgba(0,0,0,0.6) none repeat scroll 0 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  opacity: 0;
}
.attorney-overlay .social-links {
  text-align: center;
  display: block;
  margin-top: 150px;
}
.social-links i.mysocial_style {
  border: 1px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  height: 30px;
  margin: 0 2px;
  padding-bottom: 0;
  padding-left: 0px;
  padding-top: 9px;
  width: 30px;
}
.social-links i.mysocial_style:hover{
  background:#cc2222;
  border:1px solid #cc2222;
}
.attorney-name {
  border: 4px solid #1b3766;
  background-color: #1b3766;
  padding-bottom: 12px;
  padding-top: 17px;
  transition: all .5s ease;
}
.single-attorney:hover .attorney-name {
  background: #1b3766;
}
.single-attorney:hover .attorney-name h5 {
  color: #fff;
}
.single-attorney:hover .attorney-name p {
  color: #fff;
}
.attorney-name h5 {
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all .5s ease;
  margin: 0;
  padding: 0;
}
.attorney-name h5 a{
  color: #FFF; 
}
.attorney-name p {
  color: #FFF;
  font-size: 12px;
  margin: 0;
  text-transform: uppercase;
  margin-top: 2px;
  transition: all .5s ease;
  letter-spacing: 0px;
}
.single-attorney:hover .attorney-image-holder .attorney-overlay{
  display:block;
}
/* Start Testimonial section*/
#testimonials{
    width: 100%;
    float: left;
    background: url("../img/resource/testimonial-bg.jpg") #1b3766;
    background-position: center;
    background-size: cover;
}
#testimonials .sec-pad{
    padding: 100px 0 90px;
}
#testimonials .overlay{
    width: 100%;
    height: 100%;
    background-color: rgba(27, 55, 102, 0.8);

}
#testimonials .container {
  position: relative;
  z-index: 3
}
#testimonials .client-img{
    width: 121px;
    height: 121px;
    border-radius: 50%;
    background-color: transparent;
    border: 6px solid #e8e9ec;
    margin: 10px auto 20px auto;
}
#testimonials h3{
    color: #333;
    margin-bottom: 10px;
}
#testimonials .name-col{
    float: right;
    width: 35%;
    margin-top: 20px;
}
#testimonials .name-col h3{
    font-size: 16px;
    padding: 17px 0 0 0;
    margin: 0 0 10px 0;
    text-align: left;
    font-weight: bold;
}
#testimonials .country{
    margin: 0 0 0 37px;
}
#testimonials p.name {
  font-style: italic;
  font-size: 16px;
  line-height: 20px;
  padding-top: 20px;
  font-family: "PT Serif",serif;
  text-align: center;
  color: #FFF;
}
#testimonials p.name span {
  font-size: 22px;
  line-height: 20px;
  font-style: italic;
  color: #FFC00B;
}

#testimonials .owl-theme .owl-dots .owl-dot span {
  border: 2px solid #FFF;
  background-color: transparent;
  width: 12px;
  height: 12px;
}
#testimonials .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  border: 2px solid #FFF;
  background-color: #FFF;
}
#testimonials .item {
  padding-bottom: 0px;
  padding: 0 2px;
}
/* End Testimonial section css*/




/* Start Facts section css*/
#counter{
    background-color: #FFF;
    width: 100%;
    float: left;
    
    /*background: url("http://www.flexionzone.com/expert-lawyer/img/resource/counter-bg.jpg");
    background-position: center;
    background-size: cover;*/
}
#counter .overlay{
    width: 100%;
    height: 100%;
    padding: 0 0 100px 0;
 

}
/*
.brd-color{
    border-color: #72baa6 !important;
}
.brd-color-2{
    border-color: #f77b55 !important;
}
.brd-color-3{
    border-color: #04336b !important;
}
.brd-color-4{
    border-color: #ffcc00 !important;
}
*/
#counter .circle{
    width: 100%;
    margin: 0 auto 0px auto;
    text-align: center;
    border:1px solid #f2f2f2;
    box-shadow: 0 10px 24px #eaeaea;
    padding: 20px 0 5px 0;
}
#counter .circle img{    
    margin-top: 0px;
    margin-bottom: 20px;
}
#counter .circle h1{
    color: #1b3766;
    font-size:55px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}
#counter .circle h1::before {
    background: #c22 none repeat scroll 0 0;
    content: "";
    height: 5px;
    left: 122px;
    position: absolute;
    top: 58px;
    width: 32px;
}
#counter .circle p{
    padding-top: 20px;
    color: #000;
    text-transform: uppercase;

}
/* End Facts section css*/


/* Start Faq section css*/
#faq-section{
    width: 100%;
    float: left;
}
#faq-section .section-title h1{
    margin: 0 0 10px 0;
    padding: 0;
    text-align: left;
}
.panel-group {
    margin-bottom: 0px;
    float: left;
    width: 100%;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
    border-left: 0;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'fontawesome';  /* essential for enabling glyphicon */
    content: "\f0fe";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #005e91;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f146";    /* adjust as needed, taken from bootstrap.css */
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}
.panel-group .panel + .panel {
    margin-top: 12px;
}
.collapse.in {
    display: block;
    border-left: 0;
    background-color: #f2f2f2;
}
/* End Faq section css*/

#blog{

}

#blog .blog-main-holder{
  width: 100%;
}
#blog .left-col{
  width: 70px;
  float: left;
}
#blog .single-blog-post .img-holder:hover .overlay .date{
  width: 100px;
  padding: 5px;
  float: left;
  background-color: #1d72c9;
  margin: 10px 0 0 10px;
}
#blog .single-blog-post .img-holder:hover .overlay .out-line{
  border: 1px solid #FFF;
  padding: 10px;
}
#blog .single-blog-post .img-holder:hover .overlay .date h3{
  margin: 0;
  padding: 0;
  font-size: 25px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  font-family: "Open Sans",sans-serif;
}
#blog .single-blog-post .img-holder:hover .overlay .date span{
  font-weight: normal;
  font-size: 18px;
}
#blog .left-col .comment{
  width: 68px;
  padding: 15px 10px;
  background-color: #98bc24;
  float: left;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#blog .left-col .comment h3{
  margin: 0;
  padding: 0;
  font-size: 20px;
  color: #FFF;
  text-align: center;
  line-height: 20px;
}
#blog .single-blog-post{
	width: 100%;
	float: left;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
#blog .single-blog-post .img-holder {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  width: 158px;
  height: 105px;
  float: left;
}
#blog .single-blog-post .cntnt-bx{
    float: left;
    width: 412px;
padding: 0 0 0 20px;
}
#blog  ul {
  border-bottom: 1px solid #E1E1E1;
  padding: 10px 0px;
  margin-bottom: 20px;
}
#blog  ul li {
  display: inline;
  padding: 0 10px 0 0;
}
#blog ul li span{
  color: #f77b55;
}
#blog .single-blog-post h3{
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  text-align: left;
  letter-spacing: 1px;
}
#blog .single-blog-post p{
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 14px;
  text-align: left;
  letter-spacing: 0px;
}

#blog .owl-controls {
  position: absolute;
  right: 0px;
  top: -68px;
}
#blog .owl-theme .owl-nav [class*=owl-] {
  width: 29px;
  height: 29px;
  color: #fff;
  line-height: 25px;
  padding: 0;
  background: #2d2d2d;
  text-align: center;
  border-radius: 0;
  font-size: 15px;
  -webkit-transition: all .3s ease;
           transition: all .3s ease;
}
#blog .owl-theme .owl-nav [class*=owl-]:hover {
  opacity: .55;
  filter: alpha(opacity=55);
}
#blog .owl-theme .owl-nav .owl-prev {
  margin-right: 10px;
}


/* End footer-up section css*/

/* start clients section css */
#clients {
  width: 100%;
  float: left;
  border: 1px solid #e1dddd;
}
#clients .owl-carousel {
  padding: 0 70px;
  position: relative;
}
#clients .container .item {
  height: 140px;
  line-height: 145px;
}
#clients .container .item img {
  transition: all 0.3s ease 0s;
  display: inline;
}
#clients .container .owl-theme .owl-controls {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#clients .container .owl-theme .owl-nav {
  margin: 0;
}
#clients .container .owl-theme .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#clients .container .owl-prev {
  left: 0px;
  position: absolute;
  top: 0;
  line-height: 145px;
}
#clients .container .owl-theme .owl-nav div .fa {
  color: #b9b9b9;
  font-size: 30px;
}
#clients .container .owl-theme .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#clients .container .owl-next {
  position: absolute;
  right: 0px;
  top: 0;
  line-height: 145px;
}
#clients .container .owl-theme .owl-nav div .fa {
  color: #b9b9b9;
  font-size: 30px;
}
/* End Client section css*/

/* Start footer section css*/
footer{
  background-color: #1b3766 !important;
  width: 100%;
  float: left;
}

footer address{
  margin-top: 20px;
  margin-bottom: 10px;
}
footer address h6{
  color: #000;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 15px;
}
footer .map-icon{
  background-color: transparent;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #FFF;
  margin-right: 10px;
  float: right;
  text-align: center;
  font-size: 22px;
  padding-left: 8px;
}
footer address p{
  color: #FFF;
  padding: 0;
  margin: 0;
  text-align: right;
  display: table-header-group;
}
footer .phone-num-box{
  background-color: transparent;
  border-radius: 4px;
  width: 100%;
  float: right;
  margin-bottom: 10px;
}
footer .icon-col{
  background-color: transparent;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #FFF;
  margin-right: 10px;
  float: right;
  text-align: center;
  font-size: 16px;
}
footer .phn{
  font-size: 16px;
  color: #FFF;
  float: right;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-left: 0px;
  padding-right: 10px;
  background-color: transparent;
}
footer .phn a{
  color: #FFF;
}
footer .widget {
}
footer .widget.pull-right{
	float: right !important;
}
footer .widget.pd-left{
	padding-left: 50px;
}
footer h3{
  margin: 0;
  padding-bottom: 10px !important;
  font-size: 18px !important;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFF;
  text-align: right;
  letter-spacing: 0px;

}
footer .quick-links{
  margin-top: 20px;
}
footer .quick-links ul{
  margin: 0;
  padding: 0;
}
footer .quick-links li{
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .quick-links li a {
  font-size: 16px;
  line-height: 26px;
  color: #FFF;
  margin-bottom: 15px;
  display: table;
  text-transform: capitalize;
}
footer .quick-links li a:before {
 content: '\f101';
 font-family: 'fontawesome';
 margin-right: 12px;
 color: #FFF;
	padding-left: 10px;
}
footer .social-links-footer {
  width: auto;
  float: left;
  margin-top: 10px;
}
footer .social-links-footer a {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  background: transparent;
  border:1px solid #FFF;
  color: #FFF;
  font-size: 16px;
  line-height: 36px;
  margin: 9px 2px 0px;
  border-radius: 70px;
  transition: all 500ms ease-out 0s;
}
footer .social-links-footer a:hover {
  background: #c49a6c;
  border: 1px solid #c49a6c;
  color: #FFF;
  transition: all 500ms ease-out 0s;
}

.footer-btm{
  background-color: #2a4e7d;
  padding: 20px 0;
  width: 100%;
  float: left;
}
.footer-btm-links{
  margin-top: 0px;
  float: left;
}
.footer-btm-links ul{
  margin: 0;
  padding: 0;
}
.footer-btm-links li{
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-btm-links li a {
  font-size: 12px;
  line-height: 12px;
  color: #FFF;
  float: left;
  text-transform: capitalize;
  padding: 0;

}
.copywrite{
  color: #FFF;
	text-align: center;
	float: none !important;
	
}
.create-by {
    float: left;
    color: #FFF;
}
/* End Footer section css*/

/* End Home page css */

/* Strat inner banner css*/

.inner-baner{
    background:url("../img/main-slider/pagetitlebg.jpg");
}
.page-title{
    position:relative;
    text-align:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
}

.page-title:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:rgba(27, 55, 102, 0.59);
}
.page-title h2{
    position:relative;
    font-size:25px !important;
    font-weight:700;
    color:#ffffff;
    padding:170px 0px 40px;
    text-transform:uppercase;
    text-align: right;
}
.page-title .bread-crumb{
    position:relative;
    display:inline-block;
    padding:9px 0px 6px;
    border-radius:50px;
    top:-63px;
    z-index:1;
    float: right;
    background-color:transparent;
}
.page-title .bread-crumb li{
    position:relative;
    display:inline-block;
    line-height:1em;
    margin-right:0px;
    color:#ffffff;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}
.page-title .bread-crumb li:after{
    content:'\f101';
    position:absolute;
    right:63px;
    top:-1px;
    font-weight:400;
    width:20px;
    text-align:center;
    line-height:1em;
    font-family: 'FontAwesome';
}
.page-title .bread-crumb li:last-child{
    margin-right:20px; 
    color: #cba75f;  
}
.page-title .bread-crumb li:last-child:after{
    display:none;   
}
.page-title .bread-crumb li a{
    color:#ffffff;
    font-weight:700;
    text-transform:uppercase;
}
/* End Inner banner css*/


/* Start Faqs Page css */
#faq {
    padding: 100px 0;
}
#faq .section-title-style{
    width: 100%;
    padding-bottom: 40px;
}
#faq .faq-search {
    background: #f9f9f9 none repeat scroll 0 0;
    width: 745px;
    padding: 20px;
    margin-top: 30px;
}
#faq .faq-search input[type="text"] {
    border: 1px solid #e9e9e9;
    color: #aeaeae;
    font-size: 14px;
    padding: 10px 20px;
    width: 79%;
    font-family: "Open Sans",sans-serif;
    outline: none;
}
#faq .faq-search input[type="button"] {
    background: #242424;
    border: medium none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-left: -4px;
    padding: 10px 40px;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
}
.general-question {
    margin-top: 50px;
}
.general-question .panel-group .panel {
    border-radius: 0;
    margin-top: 15px;
}
.general-question .panel-group .panel-default > .panel-heading {
    border-color: #e9e9e9;
    background-color: #ffffff;
}
.general-question .panel-group .panel-default .panel-title {
    color: #6F6F6F;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
}
.general-question .panel-group .panel-default .panel-title a {
    display: block;
    position: relative;
}
.general-question .panel-group .panel-default .panel-title a:after {
    content: "\f106";
    font-family: fontawesome;
    background: #f9f9f9 none repeat scroll 0 0;
    border-left: 1px solid #e9e9e9;
    color: #7d7d7d;
    font-size: 24px;
    padding: 10px 15px;
    position: absolute;
    right: -15px;
    top: -15px;
}
.general-question .panel-group .panel-default .panel-title a.collapsed:after {
    content: "\f107";
    font-family: fontawesome;
    background: #2f538a none repeat scroll 0 0;
    border-left: 1px solid #e9e9e9;
    color: #FFF;
    font-size: 24px;
    padding: 10px 15px;
    position: absolute;
    right: -15px;
    top: -15px;
}
.general-question .panel-body {
    padding: 25px 15px 30px;
}
.general-question .panel-body .panel_body_up h2 {
    color: #1d72c9;
    font-family: "Raleway",sans-serif;
    font-size: 24px;
    font-weight: 300;
    padding: 10px 0;
    text-transform: none;
}
.general-question .panel-body .panel_body_up p {
    color: #898989;
    font-weight: 500;
}
.general-question .panel-body .panel_body_down .panel_down_text {
    color: #8e8d8d;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
}
/*End Faq Page css*/

/* Start Testimonial Page Css */
.testimonial-page{

}
.testimonial-page .shadow-bx{
	box-shadow: 0 0 20px #dbdbdb;
}
.testimonial-page.sec-pad{
    padding: 100px 0 100px;
}
.testimonial-page .client-img{
    width: 121px;
    height: 121px;
    border-radius: 50%;
    background-color: transparent;
    border: 6px solid #e8e9ec;
    margin: 10px auto 20px auto;
}
.testimonial-page h3{
    color: #333;
    margin-bottom: 10px;
}
.testimonial-page .name-col{
    float: right;
    width: 35%;
    margin-top: 20px;
}
.testimonial-page .name-col h3{
    font-size: 16px;
    padding: 17px 0 0 0;
    margin: 0 0 10px 0;
    text-align: left;
    font-weight: bold;
}
.testimonial-page .country{
    margin: 0 0 0 37px;
}
.testimonial-page p.name {
  font-style: italic;
  font-size: 16px;
  line-height: 20px;
  padding-top: 20px;
  font-family: "PT Serif",serif;
  text-align: center;
  color: #FFF;
}
.testimonial-page p.name span {
  font-size: 22px;
  line-height: 20px;
  font-style: italic;
  color: #FFC00B;
}

/* End Testimonial Page css*/


/* Start index2 Page css*/

/*Tabs*/
.detail-tabs {
  margin-bottom: 50px;
  float: left;
}
.detail-tabs .nav {
  border: none;
}
.detail-tabs .nav li a {
  border: none;
  background: none;
  border-radius: 0;
  line-height: 49px;
  padding: 0 33px;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  text-transform: capitalize;
}
.detail-tabs .nav li a:hover{
  color: #f2f2f2;
}
.detail-tabs .nav li a:hover, .shop-tabs .nav li a:focus {
  border: none;
  color: #f2f2f2;
}
.detail-tabs .tab-pane {
  padding: 33px;
}
.detail-tabs .tab-pane p {
  line-height: 27px;
  margin-bottom: 0;
  font-weight: 300;
}
.detail-tabs .tab-pane p + p {
  margin-top: 30px;
}
.detail-tabs .tab-title {
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: 500;
}
.detail-tabs .nav li a {
  color: #243c4f;
  -webkit-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}
.detail-tabs .nav li a:hover, .detail-tabs .nav li a:focus {
  background: #f4f6f8;
  color: #243c4f;
}
.detail-tabs .nav li.active a {
  background: #f4f6f8;
  border:none;
}
.detail-tabs .tab-pane {
  background: #f4f6f8;
}
.detail-tabs .tab-pane p {
  color: #56758d;
}
.detail-tabs .tab-title {
  color: #243c4f;
}
@media (max-width: 479px) {
  .detail-tabs .nav li a {
    padding: 0 25px;
  }
}