/**
	
* Template Name: Unilex - Law Firm Responsive HTML Template
* Version: 1.0.1
* Author: Unicoder
* Email: unicoder16@gmail.com
* Developed By: Unicoder
* First Release: 1st August, 2018
* Author URL: www.unicoderbd.com

**/

/*===================================================
Table of CSS Content arrage with every section name
=====================================================
01.0 Default Css
02.0 header top Section css
03.0 main header Section css
04.0 Slider Section css
05.0 Company Status Section css
06.0 video and provide Help Section css
07.0 Service Section css
08.0 cases Section css
09.0 Attorney Section css
10.0 question_answer Section css
11.0 FAQ Details Page Css
12.0 Contact Page Css
13.0 Case Study Css
14.0 Case Study Details Css
15.0 Error Page Css
16.0 Award Page Css
17.0 Testimonials Section css
18.0 Blog Section Color CSS
19.0 Footer Section CSS
20.0 Copyright
21.0 Homepage-2 Slider CSS Start
22.0 Homepage-2 About Section Start
23.0 Homepage-2 achievement_2 CSS Start
24.0 Homepage-2 Consultaion Section Start
25.0 Newsletter Section Start
26.0 Homepage-2 Testimonial Start
27.0 Homepage-3 Slider
28.0 Homepage-3 Assistance CSS Start
29.0 Homepage-3 Our Service CSS Start
30.0 Homepage-3 Efficiency CSS Start
31.0 Homepage-3 Choose Us Start
32.0 Homepage-3 Partner CSS Start
33.0 Banner CSS Start
34.0 About Statistics CSS Start
35.0 About Mission CSS Start
36.0 Progress bar css start
37.0 Service Details CSS Start
38.0 Blog Side Bar
39.0 Pagination Start
40.0 Blog Details CSS Start
41.0 Error Page CSS Start
42.0 Our Projects section css
43.0 History Page Css
===================================================== */

@import url('animate.min.css');
@import url('owl.css');

/*====== Link Google Fonts API ========*/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i');
/*====================================================================*/

/*==================
	01.0 Default Css
====================*/
body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	line-height: 26px;
	font-size: 14px
}
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999
}
ul {
	margin: 0;
	padding: 0;
	list-style: none
}
p, .thumbnail_block_1 {
	font-family: 'Montserrat', sans-serif;
	line-height: 26px
}
.float_inherit {
	float: inherit !important
}
a, a:hover, a:focus {
	text-decoration: none
}
h1{
	font-size: 60px
}
h2 {
	font-size: 34px
}
h3 {
	font-size: 24px
}
h4 {
	font-size: 21px
}
h5 {
	font-size: 18px
}
h6 {
	font-size: 14px
}
h1, h2, h3, h4 {
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin: 0px
}
h5, h6 {
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	margin: 0px
}
img {
	width: 100%
}
.full_row {
	width: 100%;
	position: relative
}
.overflow_hidden{
	overflow: hidden;
	display: block
}
.overlay, .primary_overlay {
	position: relative;
	overflow: hidden
}
.overlay::before, .primary_overlay::before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: ''
}
.font_30px{
	font-size: 30px
}
label {
    font-weight: 500;
}
.flat_large [class^="flaticon-"]:before{
	font-size: 60px
}
/***==================Background images=========================***/
.bg_img_1 {
	background: rgba(0, 0, 0, 0) url("../images/bg/1.jpg") no-repeat center center;
	background-size: cover
}
.bg_img_2 {
	background: rgba(0, 0, 0, 0) url("../images/bg/2.jpg");
	background-size: cover
}
.bg_img_3 {
	background: rgba(0, 0, 0, 0) url("../images/slider/1.jpg") no-repeat 40% 80%
}
.bg_img_4 {
	background: #f5f5f5 url("../images/bg/3.jpg") no-repeat scroll 0 0 / 50% 100%
}
.bg_img_5 {
	background: rgba(0, 0, 0, 0) url("../images/rectangular/1.jpg");
	background-size: cover
}
.bg_img_6 {
	background: rgba(0, 0, 0, 0) url("../images/bg/4.jpg") no-repeat center center
}
.bg_img_7 {
	background: rgba(0, 0, 0, 0) url("../images/bg/7.jpg") no-repeat;
	background-size: cover;
}
.bg_img_8 {
	background: rgba(0, 0, 0, 0) url("../images/bg/1.png");
	background-size: cover
}
.bg_img_9 {
	background: #f5f5f5 url("../images/width_img/14.jpg") no-repeat scroll 0 0 / 50% 100%
}
.video_bg {
	background: #f5f5f5 url("../images/bg/3.jpg") no-repeat scroll 0 0 / cover
}
.left-bg {
	overflow: hidden;
	margin-left: -15px;
}
.left-bg img{
	width: auto;
	height: 100%;
	position: relative;
	transform: translateX(-15%)
}
/***==================Buttons=========================***/
.submit_1 {
	border: 2px solid;
	color: #fff;
	line-height: 42px;
	width: 100%
}
.btn-link, .btn, .submit_1 {
	font-size: 14px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase
}
.btn {
	padding: 0 30px;
	line-height: 46px;
	border-radius: 50px;
	background-color: transparent
}
.btn_default {
	border: 2px solid
}
.btn_default:hover {
	background: transparent;
}
.btn-primary {
	border: 2px solid
}
.btn_secondary {
	border: 2px solid
}
.btn_secondary:hover {
	background-color: transparent
}
.btn-link:hover {
	text-decoration: none
}
.btn-link i {
	margin-left: 10px
}
/***==================Title=========================***/
.section_title_1{
	width: 65%;
	margin: 0 auto
}
.section_title span {
	font-size: 20px;
	display: block;
	font-weight: 600
}
.section_title {
	font-weight: 800;
	font-size: 40px;
	line-height: 45px
}
.sub_tittle {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 30px
}
.thumb_title {
	white-space: nowrap;
	width: 100%;
	overflow: hidden
}
.thumbnail_block_1 .caption {
	padding: 20px
}
.thumbnail_block_1{
	background-color: transparent
}
.default_downline, .black_downline {
	position: relative;
	padding-bottom: 15px;
}
.default_downline:after, .black_downline:after {
	position: absolute;
	left: 0;
	top: 100%;
	width: 50px;
	height: 3px;
	content: '';
}
.widget-title.default_downline:after {
	width: 35px
}
.owl-nav {
	display: none
}
.social_media_2 li,
.social_media_1 li {
	display: inline-block;
	margin-right: 5px;
}
.social_media_2 li:last-child,
.social_media_1 li:last-child {
	margin-right: 0px !important;
}
.social_media_2 li a {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 14px
}

.line_menu li:nth-child(even) {
	margin: 0 10px;
}
.line_menu li {
	float: left
}
.line_menu li, .line_menu li a, .copyright span {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400
}
.line_menu.type_two li{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}
.thumbnail_block_2 .line_menu li {
	font-size: 13px;
	font-weight: 400
}
.copyright span {
	display: block;
}
.form-control {
	border-radius: 0;
	height: 50px;
	border: none;
	box-shadow: none;
	padding: 6px 15px;
}
textarea.form-control {
	resize: none;
	padding: 10px 15px;
	height: 180px
}
.animate_inout, .btn, .btn-link, .pagination > li > a, .pagination > li > span{
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}
/*===============================
	New default css
===============================*/
.font_family_1 {
	font-family: 'Poppins', sans-serif;
}
.w_35 {
	width: 35% !important
}
.w_50 {
	width: 50% !important
}
.w_65 {
	width: 65% !important
}
.w_80 {
	width: 80% !important
}
.w_100 {
	width: 100% !important
}
.h_100 {
	height: 100% !important
}
section{
	padding: 80px 0
}
.p_0 {
	padding: 0 !important
}
.px_0, .pl_0 {
	padding-left: 0 !important
}
.px_0, .pr_0 {
	padding-right: 0 !important
}
.pb_0{
	padding-bottom: 0 !important
}
.px_10, .pl_10 {
	padding-left: 10px !important
}
.px_10, .pr_10 {
	padding-right: 10px !important
}
.px_15, .pl_15 {
	padding-left: 15px !important
}
.px_20, .pl_20 {
	padding-left: 20px !important
}
.px_20, .pr_20 {
	padding-right: 20px !important
}
.px_15, .pr_15 {
	padding-right: 15px !important
}
.px_25, .pl_25 {
	padding-left: 25px !important
}
.px_25, .pr_25 {
	padding-right: 25px !important
}
.px_30, .pl_30 {
	padding-left: 30px !important
}
.px_30, .pr_30 {
	padding-right: 30px !important
}
.pl_50, .px_50 {
	padding-left: 50px !important
}
.pl_100, .px_100 {
	padding-left: 100px !important
}
.px_50, .pr_50 {
	padding-right: 50px !important
}
.pt_30, .py_30 {
	padding-top: 30px !important
}
.pt_15, .py_15 {
	padding-top: 15px !important
}
.pb_15, .py_15 {
	padding-bottom: 15px !important
}
.pb_30, .py_30 {
	padding-bottom: 30px !important
}
.pt_5, .py_5 {
	padding-top: 5px !important
}
.pb_5, .py_5 {
	padding-bottom: 5px !important
}
.pt_10, .py_10 {
	padding-top: 10px !important
}
.pb_10, .py_10 {
	padding-bottom: 10px !important
}
.pt_20, .py_20 {
	padding-top: 20px !important
}
.pb_20, .py_20 {
	padding-bottom: 20px !important
}
.pt_25, .py_25 {
	padding-top: 25px !important
}
.pb_25, .py_25 {
	padding-bottom: 25px !important
}
.pt_50, .py_50 {
	padding-top: 50px !important
}
.pb_50, .py_50 {
	padding-bottom: 50px !important
}
.pt_80, .py_80 {
	padding-top: 80px !important
}
.pb_80, .py_80 {
	padding-bottom: 80px !important
}
.p_15 {
	padding: 15px !important
}
.p_20 {
	padding: 20px !important
}
.p_30 {
	padding: 30px !important
}
.p_40 {
	padding: 40px !important
}
.m_0 {
	margin: 0 !important
}
.mb_0 {
	margin-bottom: 0 !important
}
.mt_10, .my_10 {
	margin-top: 10px!important
}
.mt_20, .my_20 {
	margin-top: 20px!important
}
.mb_20, .my_20 {
	margin-bottom: 20px !important
}
.mt_25 {
	margin-top: 25px!important
}
.mt_30 {
	margin-top: 30px!important
}
.mb_30 {
	margin-bottom: 30px!important
}
.mr_0, .mx_0 {
	margin-right: 0px !important
}
.mr_5, .mx_5 {
	margin-right: 5px !important
}
.mr_10 {
	margin-right: 10px !important
}
.mr_15 {
	margin-right: 15px !important
}
.mr_25, .mx_25 {
	margin-right: 25px !important
}
.mr_30, .mx_30 {
	margin-right: 30px !important
}
.ml_30, .mx_30 {
	margin-left: 30px !important
}
.ml_35, .mx_35 {
	margin-left: 35px !important
}
.mr_20, .mx_20 {
	margin-right: 20px !important
}
.mt_40, .my_40 {
	margin-top: 40px!important
}
.mt_50, .my_50 {
	margin-top: 50px!important
}
.mb_50, .my_50 {
	margin-bottom: 50px !important
}
.mb_5 {
	margin-bottom: 5px !important
}
.mb_15 {
	margin-bottom: 15px !important
}
.mb_10, .my_10 {
	margin-bottom: 10px !important
}
.mb_20 {
	margin-bottom: 20px !important
}
.mb_50 {
	margin-bottom: 50px !important
}
.ml_20, .mx_20 {
	margin-left: 20px !important
}
.mx_auto {
	margin-left: auto;
	margin-right: auto
}
.owl-dots {
	margin-top: 30px !important
}
.position_relative {
	position: relative!important
}
.position_absolute {
	position: absolute !important
}
.no_border {
	border: 0 !important
}
.radius_0 {
	border-radius: 0 !important
}
.radius_50 {
	border-radius: 50% !important
}
.radius_25px {
	border-radius: 25px !important
}
.middle, .center_middle {
	position: absolute;
	top: 50%;
	z-index: 1
}
.center_middle {
	left: 50%;
}
.r_0 {
	right: 0 !important
}
.d_table {
	display: table !important
}
.d_flex {
	display: flex !important
}
.d_block {
	display: block !important
}
.d_inline_block {
	display: inline-block !important
}
.d_inline_table {
	display: inline-table !important
}
.right_position {
	position: absolute;
	right: 0;
	top: 0
}
.font_size_inherit {
	font-size: inherit !important
}
.regular_font {
	font-weight: 400 !important
}
.medium_font {
	font-weight: 500 !important
}
.semi_bold_font {
	font-weight: 600 !important
}
.bold_font {
	font-weight: 700 !important
}
.left_0 {
	left: 0!important
}
.left_minus_20px {
	left: -20px!important
}
.right_0 {
	right: 0!important
}
.top_0 {
	top: 0!important
}
.top_20px {
	top: 20px!important
}
.bottom_0 {
	bottom: 0!important
}
.form_type_2 input, .form_type_2 textarea {
	border: 1px solid #c1c1c1
}
.form_type_2 .form-group {
	margin-bottom: 20px
}
.form_type_2 label {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	margin-bottom: 10px
}
.form_type_2 textarea {
	width: 100%
}
.contacts_info {
	display: inline-block
}
.contacts_info li {
	margin-bottom: 20px;
}
.contacts_info span:first-child {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	text-transform: uppercase
}
.contacts_info span:last-child {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 14px
}
/*===============================
	List Style css
===============================*/
.list_style_1 li, .list_style_2 li, 
.list_style_3 li{
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px
}
.list_style_1 li:before, .list_style_2 li:before {
	position: absolute;
    font-family: FontAwesome;
    left: 0px;
    font-size: 20px;
    top: 5px
}
.list_style_1 li:before {
	content: "\f064"
}
.list_style_2 li:before {
	content: "\f107";
	font-family: Flaticon;
	font-size: 20px
}
.list_style_3 li{
	list-style: decimal;
	margin-left: 15px;
	padding-left: 5px
}
/*===============================
	Form Style css
===============================*/
.form_style_2 .form-control{
	background-color: transparent;
	border: 1px solid transparent
}
.form_style_3 .form-control{
	background-color: transparent;
	border-bottom: 1px solid transparent
}
#page_wrapper {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
	background-color: #fff;
	overflow: hidden !important;
}
/*===============================
	02.0 header top Section css
===============================*/
#header_top {
	font-size: 13px;
	padding: 10px 0;
}
#header_top .line_menu a {
	margin-left: 5px
}
/*=================================
	03.0 main header Section css
==================================*/
/*---- Header Fixed CSS ----*/
#page_header {
	animation-fill-mode: both;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
}
@keyframes menu_sticky {
0% {
 margin-top: -100px;
}
50% {
 margin-top: -90px;
}
100% {
 margin-top: 0;
}
}
@keyframes menu_sticky {
0% {
 margin-top: -100px;
}
50% {
 margin-top: -90px;
}
100% {
 margin-top: 0;
}
}
#page_header.fixed-header {
	animation-duration: 1s;
	animation-name: menu_sticky;
	animation-timing-function: ease-out;
	left: 0;
	margin: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
#page_header.fixed-header {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
#page_header.fixed-header #header_top {
	display: none;
}
.feature_img {
	width: 100%
}
/*--------- **** ---------*/
/*--------- MegaMenu ---------*/
.mega_menu_dropdown{
	position: static !important
}
.mega_menu_dropdown .dropdown-menu{
	width: 100%
}
.mega_menu_dropdown .dropdown-menu > li{
	width: 25%;
	float: left;
	display: block
}
.mega_menu_dropdown .dropdown-menu > li > ul a{
	color: #fff;
	display: block
}
/*CSS from bootstrap start*/
.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
}
.dropdown-menu > li {
	width: 100%
}
.navbar-default .navbar-nav > li > a, .dropdown-menu > li > a {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	text-transform: capitalize
}
.mega_menu_dropdown .dropdown-menu > li > .mega-dropdown > li > a,
.dropdown-menu > li > a {
	padding: 7px 20px
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
}
.navbar > .container-fluid .navbar-brand {
	margin-left: -30px;
}
.navbar-collapse {
	padding: 0;
}
.navbar-brand {
	padding: 0;
}
/*from bootstrap end*/
.toogle_search {
	cursor: pointer;
	margin-top: 8px;
	padding: 3px 9px;
	border: 1px solid;
	border-radius: 50%
}
.search_content {
	position: absolute;
	top: -120px;
	;
	right: 0;
	height: 100%;
	border-radius: 0;
	visibility: hidden;
	opacity: 0;
}
.search_content {
	position: absolute;
	width: 100%;
}
.search_content .form-control {
	height: 100%;
	border-radius: 0;
}
.search_content input[type="submit"] {
	position: absolute;
	top: 0;
	right: 90px;
	height: 100%
}
.src_close {
	cursor: pointer;
	font-size: 30px;
	height: 100%;
	padding: 25px 35px;
	position: absolute;
	right: 0;
	top: 0;
}
.search_content.active {
	top: 0;
	opacity: 1;
	visibility: visible
}
/*============================
	07.0 Service Section css
============================*/

.text_block_6 [class^="flaticon-"]:before {
	font-size: 60px;
	line-height: normal;
	margin: 0
}
.text_block_6 p {
	margin-top: 20px
}
/*===================================================================
27. About Company Section
====================================================================*/
.intro-video {
	width:100%;
	height: 350px;
	background-size: cover;
	position: relative
}
.intro-video:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1
}
.video-popup span{
	position: absolute;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 24px;
	border-radius: 50%;
	padding-left: 3px;
	top: 50%;
	left: 50%;
	z-index: 2
}
.video-popup .inner_title.center_middle{
	margin-top: 80px
}
.YouTubePopUp-Wrap {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999
}
.YouTubePopUp-Content {
  background: rgba(0, 0, 0, 0) url("../images/fancybox/fancybox_loading.gif") no-repeat scroll center center;
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 680px;
  position: relative
}
.YouTubePopUp-Content iframe {
  border: medium none;
  bottom: 0;
  display: block;
  height: 480px;
  margin: auto 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 100%
}
/*===========================
	08.0 cases Section css
===========================*/
.success_history i {
	font-size: 50px
}
.counting_digit{
	text-align: left
}
.counting_digit span {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 36px;
}
.counting_digit .name{
	font-size: 18px;
	font-family: 'Poppins', sans-serif;
}
/*=============================
	09.0 Attorney Section css
=============================*/
.img_hover {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: .5s ease;
}
.caption1 {
	font-family: 'Poppins', sans-serif;
	border-bottom: 3px solid;
}
.member_content li span {
	margin-right: 10px;
	font-weight: 500;
}
.member_block_1:hover .img_hover {
	opacity: 1;
	visibility: visible;
	background#000
}
.member_block_1  .caption1 > span {
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 15px;
	display: block
}
.member_list_view.owl-theme .owl-controls {
	margin-top: 50px
}
.thumbnail_block_2 .caption1 .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.thumbnail_block_2.post_list_item .caption1 {
	border: none;
}
.thumbnail_block_2.post_list_item .title{
	padding-bottom: 20px;
	border-bottom: 1px solid;
	font-weight: 700
}

.attorney_profile_title span {
	font-family: 'Poppins', sans-serif;
	font-weight: 400
}
.about_attorney_profile {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}
.attorney_info_chart tr {
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
}
.attorney_info_chart tr td:first-child {
	font-weight: 600;
    width: 100px;
}
.attorney_info_chart tr td:last-child {
	font-weight: 400
}
.other_one_attorney {
	border-bottom: 1px dotted;
	font-family: 'Poppins', sans-serif;
	font-weight: 400
}
.other_one_attorney img {
	height: 100px;
	width: 100px;
}
.other_one_attorney span {
	display: block
}
/*====================================
	10.0 question_answer Section css
====================================*/
form .form_style_1{
  margin-right: 15px;
  padding:30px 30px 0px 30px;
}
.consultation_form span{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}
.faq_category_list_3 li{
	padding: 10px
}
.faq_item:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 2px;
	right: 20px;
	top: 21px
}
.faq_item:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 2px;
	right: 20px;
	top: 21px
}
.question_toogle {
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 44px;
	overflow: hidden;
	padding: 0 50px 0 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.faq_answer {
	display: none
}
.faq_item:first-child .faq_answer {
	display: block
}
.faq_answer a{
	font-size: 13px
}
/*==================================
	11.0 FAQ Details Page Css
===================================*/

.faq_answer_details{
	padding-left: 150px;
}
.faq_answer_details p{
	margin-bottom: 20px
}
.l_0{
	left: 0;
}
.t_0{
	top: 0		
}
.replay_author img{
	border-radius: 50%;
	width: 100px; 
	height: 100px;
}
.replay_author .date{
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	display: block
}
.category_list_2 li{
	margin: 5px 0
}
.category_list_2 li a{ 
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	color: #fff
}
.form_2 .form-control,
.form_2 textarea{
	width: 100%;
	border: none;
	height: 40px
}
.form_2 textarea.form-control{
	height: 120px;
}
.form_2 ::placeholder,
.form_3 ::placeholder
{
	font-size: 14px
}
.form_2 .btn_default{
	border-radius: 0
}
/*======================
	12. Contact Page Css
========================*/
.form_3 .form-control{
	border-bottom: 1px solid #0f1b37;
	padding-left: 0
}
.contact_item span{
	font-family: 'Poppins', sans-serif;
    font-size: 17px;
    display: block;
    margin-top: 5px;
    font-weight: 600;
}
.contact_item.phone img{
	width: auto;
	float: left;
	margin-right: 10px
}
.contact_item.phone span{
	margin-top: 10px;
	float: left
}
#map {
	height: 500px
}
.error-handel {
  bottom: -30px;
  display: table;
  height: 35px;
  left: 15px;
  margin: auto 0;
  position: absolute;
  text-align: left;
  width: 100%
}
#success, #error {
  display: none;
  line-height: 34px
}
#success {
	color: #31bb15
}
.contact_message .error {
	font-weight: 300;
	font-size: 13px;
	color: #f00
}
/*======================
	13.0 Case Study Css
========================*/
.thumbnail_block_5{
	margin-bottom: 150px
}
.thumbnail_block_5_detail{
	padding: 30px 50px;
	bottom: -100px;
	left: 50%;
	-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
	box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
	border-bottom: 2px solid #fff;
	width: 85%;
	height: 167px
	
}
.thumbnail_block_5_detail u a{
	font-family: 'Poppins', sans-serif;
	font-weight: 400
}

/*================================
	14.0 Case Study Details Css
=================================*/
.date_protection{
	padding-bottom: 30px;
	border-bottom: 1px solid;
	margin-bottom: 30px
}
.date_protection span{
	margin-right: 15px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400
}
.date_protection i{
	margin-right: 5px;
}
.case_single_rules > li{
	margin-top: 20px
}

.testimonial_2 p{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px
}
.author_img_2 img{
	width:auto;
	border-radius: 50%;
}
.author_title_2{
	font-size: 16px;
}
.autthor_degiction_2{
	font-size: 13px;
}
.case_info_table tr{
	border-bottom: 1px solid
}
.case_info_table tr:last-child{
	border-bottom: none
}
.case_info_table tr td:first-child{
	font-family: 'Poppins', sans-serif;
	padding: 5px 0;
}


/*======================
	15.0 Error Page Css
========================*/
.error_part{
	padding: 150px 0;
}
.error_part span{
	font-size: 18px;
	width: 50%
}

.error_part img{
	width: auto
}

/*========================
	16.0 Award Page Css
==========================*/
.award_details .top{
	border-bottom: 1px solid #dadada;
	margin-bottom: 30px;
}

.award_details .top p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px
}
.award_block_2 .award_type{
	width: 100%;
	height: 250px;
}
.award_block_2 .award_type img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto
}
.text_block_5 span{
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 16px;
}
/*=================================
	17.0 Testimonials Section css
==================================*/
.author_img {
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.author_title:after {
	position: absolute;
	width: 80px;
	height: 2px;
	top: 100%;
	left: 50%;
	content: '';
}
.author_title span {
	font-size: 13px;
	display: block;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	margin-top: 10px;
}
.testimonial_3 span{
	font-size: 16px;
	line-height: 35px
}
/*================================== 
	18.0 Blog Section Color CSS 
===================================*/
.thumbnail_block_4{
	border-bottom: 3px solid
}
.thumbnail_block_4 .title a{
	font-size: 17px
}
.blog_date{
	border-top: 1px solid
}
.contact_text{
	font-weight: 500;
    font-size: 17px;
}
.contact_text:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left: 0;
	bottom: 0;
	
}
.contact_no .btn{
	float: right
}
.contact_icon{
	float: left
}
.contact_icon img{
	width: 50px;
	float: left
}
.contact_icon span{
	font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin-left: 20px;
    display: block;
    float: left;
    margin-top: 12px;
}
.recent-post ul li span {
	font-size: 13px
}
/*===============================
	19.0 Footer Section CSS
================================*/
.footer_widget .widget_top {
	margin-top: 6px
}
.footer_logo{
	padding-bottom: 27px;
    margin-top: -5px;
}
.footer_logo img {
	width: 172.55px;
	/* width: auto; */
	height: 55px
}
.contact_info li i {
	left: 0;
	top: 6px;
}
.contact_info li a, .office_hour li {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	float: inherit
}
.office_hour .default_color {
	font-weight: 500;
}
.office_hour li span {
	float: right;
}
.footer_widget {
	margin-bottom: 30px
}
/*==========================
	20.0 Copyright
============================*/
.copyright {
	border-top: 1px solid
}
.copyright span, .copyright li{
	font-weight: 400;
}
/*-------- Homepage-2 CSS Start ---------*/


/*========================================== 
	21.0 Homepage-2 Slider CSS Start
============================================*/
.homepage_2 .slider_content {
	width: 70%
}
.homepage_2 .slider_content .title:before {
	left: 48%
}
/*===================================== 
	22.0 Homepage-2 About Section Start 
======================================*/
.about_process span {
	width: 600px;
    top: 277px;
    left: -264px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.bg_process {
	width: 74%;
	margin-left: 49px
}
.about_process_slider {
	top: 50%;
	right: 20px
}
/*============================================ 
	24.0 Homepage-2 Consultaion Section Start 
============================================*/
.nav-tabs>li>a {
	margin: 0 2px 3px 0;
	text-transform: uppercase;
	font-weight: 500;
	padding: 10px 15px !important
}
/*==============================
	25.0 Newsletter Section Start 
===============================*/
.subscribe {
	padding-left: 15px;
	padding-right: 15px
}
.subscribe .form-control {
	border-radius: 50px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    width: 310px;
    margin-right: 10px;
}
.subscribe .btn {
	line-height: 46px;
}
/*===================================
	26.0 Homepage-2 Testimonial Start 
===================================*/
.testimonial_text::before {
	border-left: 0 solid transparent;
	border-right: 35px solid transparent;
	border-top: 45px solid;
	bottom: -35px;
	content: "";
	height: 0;
	left: 70px;
	position: absolute;
	right: 100%;
	width: 0
}
.author_tittle_2 span {
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-weight: 400;
}
/*-------- Homepage-3 Page CSS ---------------*/
.header_nav .btn.btn-primary {
	padding-bottom: 10px;
	padding-top: 10px;
}
.header_nav .btn.btn-primary:hover {
	background-color: #fff !important;
	padding-bottom: 10px;
	padding-top: 10px;
}
/*====================================== 
	28.0 Homepage-3 Assistance CSS Start 
======================================*/
.text_block_2 span {
	font-size: 30px;
	font-family: 'Poppins', sans-serif
}
/*========================================= 
	29.0 Homepage-3 Our Service CSS Start 
===========================================*/
.img_text {
	transition: .5s ease;
	-ms-transition: .5s ease;
	-o-transition: .5s ease;
	width: 100%;
    padding: 0 30px;
}
.service_btn {
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
}
.thumbnail_block_3:hover .service_btn {
	height: 40%
}
.thumbnail_block_3:hover .img_text {
	top: 40%;
	transition: .5s ease;
}
/*====================================== 
	30.0 Homepage-3 Efficiency CSS Start 
======================================*/
.bg_img_4.overlay::before, .bg_img_9.overlay::before {
	width: 50%
}
.effiency_area [class^="flaticon-"]:before {
	font-size: 40px;
}
.effiency_area span {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
}
/*================================ 
	31.0 Homepage-3 Choose Us Start 
=================================*/
.text_block_4 span {
	border: 2px solid;
    border-radius: 50%;
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 60px;
	font-weight: 600
}
.text_block_4 .inner_title{
	font-weight: 600
}
/*=================================== 
	32.0 Homepage-3 Partner CSS Start
===================================*/
.partner_logos ul li {
	float: left;
	width: 33%;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*=============================
	 33.0 Banner CSS Start 
===============================*/
.banner_text {
	padding-top: 200px;
	padding-bottom: 80px
}
.banner_tittle{
	font-size: 45px
}
.banner_tittle:before {
	position: absolute;
	content: "";
	height: 2px;
	width: 50px;
	bottom: -20px;
	left: 50%
}
.banner_text ul li {
	font-family: 'Poppins', sans-serif;
}
.banner_text ul li:last-child {
	margin-right: 0 !important;
}
/* progress-bar */
.prgs-bar > span {
	font-weight: 600;
	text-transform: uppercase
}
.skill-progress .progress {
	margin: 5px 0 35px;
}
.skill-percent {
	position: absolute;
	right: 0;
	text-align: right;
	top: -25px
}
.skill-percent {
	font-weight: bold
}
.progress-bar {
	transition: all 3000ms ease 0s;
	width: 0
}
/* Progress Bar */
.progress span {
	color: #fff
}
/*==============================
 	34.0 About Statistics CSS Start 
================================*/
.company_status_info ul li [class^="flaticon-"]:before {
	padding-right: 10px;
	margin-left: 0
}
.company_status_info ul{
	padding-top: 15px;
	font-weight: 500
}
/*================================
	 35.0 About Mission CSS Start 
=================================*/
.mission_image {
	background: url("../images/1.png") no-repeat;
	background-size: cover
}
.mission_area {
	max-width: 570px
}
/*================================= 
	36.0 Progress bar css start
===================================*/
.prfl-progress .progress {
	margin: 5px 0 30px;
}
.skill-percent {
	position: absolute;
	right: 0;
	top: -25px;
	text-align: right
}
.skill-percent .count-num {
	display: initial;
	font-size: 14px
}
.progress {
	height: 8px;
	overflow: visible;
	position: relative
}
.progress-bar {
	width: 0%;
	transition: all 3000ms ease;
}
.progress span {
	color: #000;
	display: inline-block;
	margin-bottom: 7px;
	padding-left: 0;
	width: 100%;
}
/*===============================
	37.0 Service Details CSS Start
=================================*/
.category_list_1 a {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 16px
}
.faq_style_2 .faq_item::before {
	left: 20px;
	z-index: 1;
}
.faq_style_2 .faq_item::after {
	left: 20px;
	z-index: 1090909;
}
.faq_item.active .faq_area::before {
	background-color: inherit;
}
.toggle_tittle {
	display: inline-block;
}
.faq_area::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	right: -40px;
	top: 7px;
	border: 1px solid;
}
.faq_style_2 .question_toogle {
	font-family: 'Montserrat', sans-serif;
}
.faq_style_2 .faq_item.active .question_toogle {
	background-color: inherit;
	transition: all 300ms ease-in-out 0s;
}
.service_available {
	display: inline-block;
	width: 100%;
}
.available_area {
	display: inline-block;
	font-family: 'Poppins', sans-serif;
}
.service-textarea {
	height: 180px;
}
#fileupload-example-2 {
	height: 0;
	width: 0;
}
input[type=file]#fileupload-example-2{
	opacity: 0
}
.fileupload-example-label {
	cursor: pointer;
	padding: 10px 20px;
	border-radius: 50px;
}
.service_slider .owl-dots {
	position: absolute;
	bottom: 5px;
	left: 50%;
	z-index: 999
}
.service_slider .overlay:before {
	z-index: 9999
}
/*--------------Blog Page CSS Start------------*/

/*=================================
	38.0 Blog Side Bar 
=================================*/
.recent-comments h5,.recent-post h5{
	font-weight: 500
}
.search_form > button {
	position: absolute;
	right: 10px;
	top: 12px;
	cursor: pointer;
	background: none;
	width: 20px;
	height: 20px;
	border: none;
	padding: 0
}
.category_list_3 li a {
	font-family: 'Poppins', sans-serif;
}
.recent-post li {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px
}
.recent-post ul li a span {
	font-weight: 400;
	display: table
}
.recent-post li img {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px
}
.twitter_feed li i, .recent-comments.two img {
	position: absolute;
	left: 0;
}
.twitter_feed li i {
	font-size: 20px;
	top: 5px
}
.recent-comments.two img {
	top: 50%;
	width: 80px;
	height: 80px
}
.recent-comments .date {
	font-size: 13px;
}
.recent-post ul li a h6 {
	line-height: 22px;
	font-weight: 600
}
.recent-comments .date, .tag_area li a {
	font-family: 'Poppins', sans-serif;
	font-weight: 400
}
.tag_area li a {
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
	text-transform: capitalize;
	padding: 5px 10px;
	font-weight: 400;
	display: block;
	border: 1px solid;
}
.tag_area.round_tag li a {
	border-radius: 20px;
}

.archives li a {
	padding: 5px 0;
    display: block
}
/*================================
	 39.0 Pagination Start
==================================*/
.pagination > li{
	display: table;
	float: left
}
.pagination > li > a, .pagination > li > span {
	border: none;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 42px;
	padding: 0px 19px;
	display: block;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li > a, .pagination > li > span {
	border-radius: 21px !important
}
.pagination > li:last-child {
	margin-right: 0 !important
}
/*=====================================
	40.0 Blog Details CSS Start
======================================*/
.blog_detail_date{
	left: -20px;
	top: 15px
}
.blog_detail_date::after {
	width: 0;
	height: 0;
	border-top: 10px solid #646971;
	border-left: 20px solid transparent;
	top: 46px;
	left: 0px;
	content: "";
	position: absolute;
}
.blog_detail_title{
	padding-bottom: 20px;
	border-bottom: 1px solid
}
.post_info .li {
	font-size: 14px
}
blockquote {
	position: relative;
	font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
	line-height: 35px;
	padding: 50px 30px 50px 120px;
	border: none;
	margin: 30px 0
}
blockquote:after{
	position: absolute;
	width: 70px;
	height: 3px;
	top:60px;
	left: 30px;
	content: "";
}
.blog_detail_tag{
	font-size: 16px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}
.thumbnail_4_content ul li i {
	font-size: 18px;
}
.blog_down_line {
	border-bottom: 2px solid
}
.comment_box_1 > img {
	border-radius: 50%;
	float: left;
	margin-right: 30px;
	width: 80px;
}
.comment_box_1:nth-child(even) {
	margin-left: 80px
}
.comment_box_1 span, .comment_box_1 a{
	font-family: 'Poppins', sans-serif;
	font-weight: 400
}
.form_style_1::-webkit-input-placeholder {
	font-weight: 500;
}
.form_style_1::-moz-placeholder {
	font-weight: 500;
}
.form_style_1:-ms-input-placeholder {
	font-weight: 500;
}
.blog_detail2.post_date::after {
	border-left: 20px solid transparent;
	border-top: 10px solid #18212f;
	bottom: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}
/*=====================================
	41.0 Error Page CSS Start
======================================*/
.error_content img {
	width: 200px
}
.error_content p {
	display: table;
	margin: 30px auto 0;
	width: 46%;
}
/*====================================================================
	42.0 Our Projects section css
====================================================================*/
.default-portfolio-item .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0
}
.default-portfolio-item:hover .overlay-box {
	opacity: 1
}
.default-portfolio-item .overlay-box .inner-content {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%
}
.default-portfolio-item .overlay-box .arrow img {
	width: 25px;
	position: absolute;
	top: 30px;
	right: 30px
}
.default-portfolio-item .overlay-box .content_bottom {
	bottom: 5px;
	left: 30px;
	position: absolute
}
.default-portfolio-item .overlay-box h5 {
	color: #ffffff;
	max-width: 300px;
	margin: 15px auto 20px;
	text-align: left
}
.default-portfolio-item .overlay-box h6 {
	text-align: left
}
.filter-list .mix {
	display: none
}
.gallery-section .filters {
	margin: 50px 0 40px
}
.gallery-section .filter-btns {
	position: relative;
	text-align: center;
	font-family: 'Montserrat', sans-serif
}
.gallery-section .filter-btns li {
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin: 0 15px;
	padding: 10px 20px;
	transition: all 300ms ease 0s;
	text-transform: uppercase;
	position: relative;
	font-family: 'Poppins', sans-serif;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
.my_btn2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	border: 2px solid;
	padding: 15px 30px;
	display: inline-block;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 30px
}

/*==================
	43.0 History Page Css
====================*/
.history_year{
	position: relative;
}
.history_year .the_year{
	border: 20px solid;
	padding: 150px 40px;
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	font-size: 100px;
	display: inline-block
}
.founder_name {
	font-weight: 500
}
.history_year .the_year:nth-child(2){
	position: absolute;
	left: 30px;
	top: 30px;
	border: 20px solid;
	z-index: -999;
	opacity: .5
}
.history_info{
	padding-left: 40px;
}
.history_info .title{
	font-family: 'Poppins', sans-serif;
}
.founder{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	margin: 30px 0 5px;
}
.history_info p{
	margin-top: 30px
}
.text_block_5{
	padding: 25px 0  25px 30px;
	border-left: 1px solid
}
.text_block_5 h4{
	margin: 30px 0 20px;
}
.squire_shape .shape{
	position: absolute;
	width: 90%;
	height: 90%;
	border: 2px solid #fff;
	left: 50%;
	top: 50%
}
.brochure .inner_title{
	width: 65%;
	float: left;
	line-height: 30px;
	font-weight: 500
}
.brochure a{
	float: right;
	border-radius: 0;
}
.practice_year{
	font-size: 24px;
	font-weight: 500
}
.pack_name h3{
	margin-bottom: 10px
}
.pack_name span{
	font-size: 18px;
	font-family: 'Poppins', sans-serif;
}
.package ul li{
	margin: 5px 0;
}
.package .price {
	font-size: 34px;
	width: 130px;
	height: 130px;
	line-height: 130px;
	border-radius: 50%;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin: 15px auto 0
}
.package .price small{
	font-size: 24px
}
.package:hover .price{
	background: #fff;
}
.package:hover h3,
.package:hover span,
.package:hover ul li{
	color: #fff;
}

/*============ Account style =================*/
.account {
    min-width: 160px;
}
.account li a{
	display: block;
	padding: 6px 15px;
	text-align: right
}
.account-dropdown {
    background: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float: left;
    font-size: 14px;
    list-style: outside none none;
    position: absolute;
    right: 15px;
    text-align: left;
    top: 63px;
    z-index: 1000
}
.toggle_area{
	width: 450px;
	background: #fff;
	margin: 0 auto
}
.user-toggle{
    padding: 6px 11px !important;
    margin: 8px 15px 0 15px;
	border: 1px solid;
    border-radius: 50%;
}
.modal-footer{
	text-align: left
}
.modal-footer span a{
	display: table
}
/*============ Custom checkbox style =================*/

/* The container */
.checkbox_model {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_model input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox_model input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox_model .checkmark:after {
    left: 9px;
    top: 6px;
    width: 4px;
    height: 7px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*================= Radio Model ===================*/

/* The container */
.radio_model {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio_model input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radiomark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_model input:checked ~ .radiomark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio_model .radiomark:after {
 	top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

.pnc-logo{
	width: 160px;
	height: 51px;
}