/* Wisconsin Law HTML5 Template */
/************ CSS TABLE OF CONTENTS ***************
1. google fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. slider-bottom
7. about
8. get-touch
9. practice-area
10. fact-counter
11. Testimonials
12. attorneys
13. testimonials-one
14. news-section
15. gradient-overlay
16. page-title
17. features
18. appointment
19. experience
20. contact-area
21. accordion-box
22. gallery-section
23. blog_area
24. criminal-low
25. footer
**********************************************/
/***google fonts***/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700');
/***Reset style***/
/***Reset style***/
@import url(../assets/bootstrap/css/bootstrap.min.css);
@import url(../assets/font-awesome/css/font-awesome.min.css);
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
@import url(../assets/owl.carousel-2/assets/owl.carousel.css);
@import url(../assets/animate.min.css);
@import url(../assets/fancyapps-fancyBox/source/jquery.fancybox.css);
@import url(../assets/flaticon/flaticon.css);
@import url(../assets/Polyglot-Language-Switcher-master/css/polyglot-language-switcher.css);
@import url(../assets/nouislider/nouislider.css);
@import url(../assets/nouislider/nouislider.pips.css);
@import url(../assets/bootstrap-touch-spin/jquery.bootstrap-touchspin.css);
@import url(masterslider/style/masterslider.css);
@import url(masterslider/skins/default/style.css);
@import url(masterslider/style/ms-vertical.css);
/* ================ Global styles ================= */
body {
font-size: 14px;
line-height: 26px;
}
img {
max-width: 100%;
}
a,
a:hover,
a:focus {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'PT Serif', serif;
}
.pl-30 {
padding-left: 30px;
}
.pt0 {
padding-top: 0 !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.page-wrapper {
overflow: hidden;
}
.thm-btn-one{
position: relative;
color: #ffffff;
background: #034529;
height: 45px;
width: 45px;
font-size: 13px;
padding: 15px 20px;
line-height: 45px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
transition: all .5s ease !important;
}
.thm-btn-one:hover{
color: #ffffff;
background: rgba(255, 255, 255, 0.2);
transition: all .5s ease !important;
}
.thm-btn-two{
position: relative;
color: #ffffff;
background: rgba(255, 255, 255, 0.2);
height: 45px;
width: 45px;
font-size: 13px;
padding: 15px 20px;
line-height: 45px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
transition: all .5s ease !important;
}
.thm-btn-two:hover{
color: #ffffff;
background: #034529;
transition: all .5s ease !important;
}
.btn-style-one{
color: #ffffff;
background: #034529;
font-size: 13px;
padding: 5px 20px;
border: 1px solid #034529;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
display: inline-block;
text-align: center;
text-transform: uppercase;
line-height: 30px;
height: 45px;
transition: all .5s ease !important;
}
.btn-style-one:hover{
color: #034529;
background: transparent;
border: 1px solid #034529;
transition: all .5s ease !important;
}
.btn-style-two{
color: #ffffff;
background: #034529;
font-size: 13px;
padding: 5px 20px;
border: 1px solid #034529;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
display: inline-block;
text-align: center;
text-transform: uppercase;
line-height: 30px;
height: 45px;
transition: all .5s ease !important;
}
.btn-style-two:hover{
color: #034529;
background: #ffffff;
border: 1px solid #034529;
transition: all .5s ease !important;
}
.thm-btn.thm-blue-bg {
background: #012f5d;
}
.thm-btn.thm-blue-bg:hover {
background: #fbca00;
color: #fff;
}
.animate-3 {
transition: all 0.3s ease;
}
.animate-5 {
transition: all 0.5s ease;
}
.animate-7 {
transition: all 0.7s ease;
}
.animate-3-all * {
transition: all 0.3s ease;
}
.animate-5-all * {
transition: all 0.5s ease;
}
.animate-7-all * {
transition: all 0.7s ease;
}
.section-padding {
padding: 80px 0;
}
.section-padding.page-title {
padding-bottom: 30px;
}
.section-title h2 span {
background: #fff;
display: inline-block;
font-size: 36px;
line-height: 26px;
font-weight: 500;
color: #272727;
padding: 10px 35px;
padding-left: 0;
}
.section-title.text-center h2 span {
padding: 0 35px;
}
.accrodion-grp {
box-shadow: 0 0px 10px 0.5px rgba(0, 0, 0, 0.07);
}
.accrodion {
border-bottom: 1px solid #F4F4F4;
padding: 21px 20px;
}
.accrodion:last-child {
border: none;
}
.accrodion h4,
.accrodion p {
margin: 0;
padding: 0;
}
.accrodion.active .accrodion-title h4:before {
content: '\f068 ';
background: #012f5d;
color: #fbca00;
height: 60px;
line-height: 60px;
}
.accrodion .accrodion-title {
cursor: pointer;
position: relative;
}
.accrodion .accrodion-title h4 {
font-size: 18px;
font-weight: 500;
}
.accrodion .accrodion-title h4:before {
content: '\f067 ';
font-family: 'FontAwesome';
font-weight: normal;
font-size: 14px;
width: 35px;
height: 40px;
line-height: 40px;
background: #F4F4F4;
color: #9E9E9E;
display: inline-block;
text-align: center;
transition: all 0.5s ease;
margin-right: 15px;
}
.accrodion .accrodion-content {
padding-left: 50px;
}
.accrodion .accrodion-content p {
margin: 0;
margin-top: -10px;
font-size: 16px;
color: #9E9E9E;
line-height: 26px;
}
.page-navigation {
margin-top: 50px;
}
.page-navigation li {
display: inline;
}
.page-navigation li a,
.page-navigation li span {
width: 46px;
height: 46px;
line-height: 44px;
background: #fff;
color: #CDCDCD;
font-size: 20px;
display: inline-block;
border: 1px solid #E2E2E2;
margin-right: 5px;
text-align: center;
transition: all .3s ease;
}
.page-navigation li a i,
.page-navigation li span i {
font-size: 16px;
color: #CDCDCD;
}
.page-navigation li span,
.page-navigation li a:hover {
background: #FF8C04;
color: #fff;
border-color: #FF8C04;
}
.home-google-map .google-map {
width: 100%;
height: 500px;
}
.mixit-gallery .mix {
display: none;
}
ul.gallery-filter li:hover span,
ul.gallery-filter li.active span {
background: #012f5d;
color: #fbca00;
border-color: #012f5d;
}
ul.gallery-filter li span {
display: block;
font-size: 16px;
color: #9E9E9E;
font-weight: 500;
border: 1px solid #F4F4F4;
line-height: 48px;
padding-left: 19px;
padding-right: 19px;
transition: all 0.5s ease;
cursor: pointer;
background: url(../img/resources/gallery-filter-pattern.html) repeat top left;
}
ul.post-pagination li:hover a,
ul.post-pagination li.active a {
background: #012f5d;
color: #fbca00;
border-color: #012f5d;
}
ul.post-pagination li a {
display: block;
font-size: 18px;
color: #272727;
font-weight: 700;
border: 1px solid #F4F4F4;
line-height: 50px;
padding-left: 20px;
padding-right: 20px;
transition: all 0.5s ease;
cursor: pointer;
background: url(../img/resources/gallery-filter-pattern.html) repeat top left;
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999999;
background: #fff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/resource/preloader.gif);
}
/* ================ Global styles end ================= */
/*============top-bar styles==============*/
.top-bar {
position: relative;
background: #034529;
}
.top-bar .contact-links{
position: relative;
list-style: none;
margin-bottom: 0px;
margin-left: -35px;
}
.top-bar .contact-links li{
display: inline-block;
margin-right: 30px;
color: #aaaaaa;
}
.top-bar .contact-links li:last-child{
margin-right: 0px;
}
.top-bar .contact-links li a{
color: #fff;
font-size: 13px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.top-bar .contact-links li i{
margin-right: 0px;
width: 30px;
height: 40px;
text-align: center;
color: #fff;
padding: 14px 6px 13px 6px;
}
.top-bar .contact-links .social-links li i:hover{
background: #0b1e45;
color: #ffffff;
}
.top-bar .contact-links .social-links li{
margin-right: 0px;
}
.top-bar .contact-links .social-links li:last-child{
margin-right: -6px;
}
.top-bar .contact-links .social{
display: inline-block;
right: 0px;
position: absolute;
}
.top-bar.style-one {
position: relative;
background: #ffffff;
padding: 29px 0px;
}
.top-bar.style-one .logo {
position: relative;
display: inline-block;
}
.top-bar.style-one .content-text {
position: relative;
display: inline-block;
}
.top-bar.style-one ul li{
position: relative;
list-style: none;
display: inline-block;
margin-left: 100px;
}
.top-bar.style-one ul li p{
margin-bottom: 0px;
}
.top-bar.style-one ul li span{
color: #0b1e45;
}
.top-bar.style-one ul li i{
position: absolute;
margin-left: -40px;
margin-top: 10px;
}
.top-bar.style-one ul li i:before{
font-size: 30px;
margin-left: 0px;
}
/*============top-bar end ==============*/
/*============mainmenu styles==============*/
/* Update header Style */
@keyframes menu_sticky {
0% {margin-top:-150px;}
50% {margin-top: -90px;}
100% {margin-top: 0;}
}
.header-area.stricky-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: #ffffff;
animation-name: menu_sticky;
animation-duration: 0.60s;
animation-timing-function: ease-out;
-webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.07);
}
.header-area.stricky-fixed.style-three {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: #034529;
animation-name: menu_sticky;
animation-duration: 0.60s;
animation-timing-function: ease-out;
-webkit-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
}
.header-area.stricky-fixed .outer-box .header-area .logo {
position: relative;
float: left;
margin: 25px 0;
}
.header-area.stricky-fixed .outer-box .cart-btn {
top: 31px;
}
.header-area.stricky-fixed .outer-box .search-box-btn {
top: 30px;
}
/* scroll to top styles */
.scroll-to-top {
background: #0b1e45;
border: 2px solid #0b1e45;
border-radius: 5%;
bottom: 25px;
color: #fff;
cursor: pointer;
display: none;
font-size: 17px;
font-weight: normal;
height: 45px;
line-height: 41px;
position: fixed;
right: 15px;
text-align: center;
transition: all 500ms ease 0s;
width: 45px;
z-index: 99999;
-webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
-moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
border: 2px solid #012f5d;
color: #fff;
background: #012f5d;
}
/* Cart Btn css*/
.header-area .outer-box .cart-btn {
height: 30px;
position: absolute;
right: 70px;
top: 46px;
width: 30px;
}
.header-area .outer-box .cart-btn a {
height: 35px;
position: relative;
width: 35px;
display: block;
text-align: center;
}
.header-area .outer-box .cart-btn a .carticon {
color: #252525;
font-size: 20px;
}
.header-area .outer-box .cart-btn a .item-count {
background: #d5ac63 none repeat scroll 0 0;
border-radius: 50%;
color: #ffffff;
display: inline-block;
font-size: 12px;
height: 16px;
line-height: 17px;
position: absolute;
right: -2px;
text-align: center;
top: -3px;
width: 16px;
}
/* Mainmenu css*/
.header-area.style-three{
background: #034529;
}
.header-area.style-three .main-menu .navigation li{
padding: 0px;
margin-right: 20px;
margin-left: 0px;
}
.header-area.style-three .batton{
padding: 17px 0px;
}
.header-area.style-three .nav_side_content.style-2{
position: relative;
right: 0px;
}
.header-area.style-three .nav_side_content .search_option{
padding-right: 0px;
padding-left: 20px;
border-right: none;
top: 38px;
border-left: 1px solid #ededed;
position: absolute;
right: 0px;
}
.main-menu.style-three .navigation li a {
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 30px;
opacity: 1;
padding: 15px 10px 15px;
font-family: 'Open Sans', sans-serif;
position: relative;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.main-menu {
position: relative;
display: inline-block;
float: right;
}
.search-box {
position: relative;
display: inline-block;
float: left;
width: 30px;
height: 30px;
margin-top: 30px;
padding: 5px 20px;
border-left: 2px solid #ffffff;
}
.search-box i {
color: #ffffff;
font-size: 20px;
}
.header-v2 .search-box {
position: relative;
display: inline-block;
float: none;
width: 30px;
height: 24px;
padding: 2px 50px;
top: -5px;
border-right: 2px solid #666;
}
.header-v2 .search-box i {
color: #666;
font-size: 20px;
}
/*=================== Cart And Search Option ===============*/
.nav_side_content {
position: relative;
left: -20px;
}
.nav_side_content.style-2 {
position: absolute;
right: 199px;
top: 36px;
left: inherit;
}
.nav_side_content .cart_select>button {
font-size: 14px;
text-transform: uppercase;
position: relative;
margin-right: 23px;
color:#272727;
}
.nav_side_content .cart_select>button span {
font-weight: normal;
padding: 0 0px;
border-radius: 50%;
position: absolute;
top: 0;
right: -20px;
color: #48c7ec;
}
.nav_side_content .cart_select>button i {
font-size: 18px;
margin-left:5px;
}
.nav_side_content .cart_select,
.nav_side_content .search_option {
display: inline-block;
position: relative;
top: -5px;
border-right: 1px solid rgba(0, 0, 0, 0.77);
padding-right: 21px;
}
.nav_side_content.style-2 .cart_select,
.nav_side_content.style-2 .search_option {
border-color: #fff;
}
.nav_side_content .search_option>button {
width: 30px;
font-size: 22px;
color: rgba(34, 34, 34, 0.91);
border: none;
background: transparent;
}
.nav_side_content.style-2 .search_option>button {
color: #fff;
}
.nav_side_content .search_option form {
height: 50px;
width: 250px;
padding: 5px;
border-radius: 4px;
margin: 0;
left: auto;
right: 0;
border-color: #034529;
top: 70px;
}
.nav_side_content .search_option form input {
font-family: 'Raleway', sans-serif;
font-weight: normal;
width:100%;
height:100%;
background: transparent;
color:#9e9e9e;
border:1px solid #f7f7f7;
padding: 0 47px 0 10px;
font-size: 15px;
}
.nav_side_content .search_option form button {
display: block;
width:40px;
line-height: 35px;
text-align: center;
position: absolute;
top:5px;
right: 9px;
font-size: 19px;
color: #034529;
background: transparent;
border: none;
}
.nav_side_content .cart_select {
border-left: 1px solid #ececec;
padding-left: 5px;
}
.theme_menu .link_btn {
margin-top: 24px;
}
.main-menu.style-three {
position: relative;
display: inline-block;
float: left;
}
.main-menu .navbar-collapse {
padding: 0px
}
.main-menu .navigation {
margin: 0;
position: relative;
padding-left: 0px;
width: 100%;
}
.main-menu .navigation li {
float: left;
padding: 15px 0px;
margin-right: 26px;
position: relative;
list-style: none;
}
.main-menu .navigation li a {
color: #222222;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 30px;
opacity: 1;
padding: 20px 0px;
position: relative;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.active > a {
color: #0b1e45;
opacity: 1;
font-family: 'Open Sans', sans-serif;
}
.main-menu .navigation > li > ul {
position: absolute;
left: 0px;
top: 140%;
width: 250px;
padding: 0px;
z-index: 100;
visibility: hidden;
opacity: 0;
border-bottom: 3px solid #d5ac63;
transition: all 500ms ease;
}
.main-menu .navigation > li:hover > ul {
top: 100%;
opacity: 1;
visibility: visible;
}
.main-menu .navigation > li > ul > li {
float: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
border-top: 1px solid #e6e6e6;
}
.main-menu .navigation > li > ul > li:first-child{
border: none;
}
.main-menu.style-three .navigation > li > ul > li:first-child{
border-top: 1px solid #e6e6e6;
}
.main-menu .navigation > li > ul > li > a {
background: #ffffff;
color: #222222;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
padding: 15px 15px 15px 20px;
position: relative;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.header-area.stricky-fixed .main-menu .navigation li a.active{
color: #0b1e45;
}
.header-area.stricky-fixed.style-three .main-menu .navigation li a{
background: #034529;
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
padding: 20px 5px 20px 5px;
position: relative;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.main-menu.style-three .navigation > li > ul > li > a {
background: #034529;
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
padding: 15px 15px 15px 20px;
position: relative;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.main-menu .navigation > li > ul > li:hover > a {
color: #ffffff;
background-color: #034529;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:20px;
top:15px;
display:block;
color:#252525;
font-size:14px;
text-align:center;
z-index:5;
font-weight: 400;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#0b1e45;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:110%;
top:0px;
width:220px;
padding:0px;
z-index:100;
border-bottom: 3px solid #d5ac63;
border-left: 1px solid #fdfcfc;
visibility:hidden;
opacity:0;
transition:all 500ms ease;
}
.main-menu .navigation > li > ul li:hover ul {
left: 100%;
opacity: 1;
visibility: visible;
}
.main-menu .navigation > li > ul > li ul li {
float: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
border-top: 1px solid #e6e6e6;
}
.main-menu .navigation > li > ul > li ul li:first-child{
border-top: none;
}
.main-menu .navigation > li > ul > li ul li a{
background: #f7f7f7;
color: #252525;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 15px 15px 15px 20px;
font-family: 'Open Sans', sans-serif;
position: relative;
text-transform: uppercase;
transition: all 500ms ease 0s;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
background-color: #252525;
color: #0b1e45;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 34px;
height: 30px;
border: 1px solid #ffffff;
background: url(../images/icons/submenu-icon.png);
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
}
.header-area .outer-box{
position: relative;
}
.header-area .logo {
position: relative;
float: left;
margin: 0px 0px;
}
.header-v2 .logo {
position: relative;
float: left;
margin: 25px 45px;
}
.header-area .batton {
display: inline-block;
float: right;
padding: 37px 0;
width:137px !important;
}
.header-area.header-v2 .batton {
float: none;
}
.header-area .batton a {
font-size: 14px;
color: #034529;
border: 1px solid #034529;
background: #ffffff;
padding: 13px 20px;
transition: .5s ease;
}
.header-area.style-three .batton a {
font-size: 14px;
color: #ffffff;
border: 1px solid #ffffff;
background: none;
padding: 13px 20px;
}
.header-area .batton a:hover{
border-color: #034529;
color: #fff;
background: #034529;
}
/*============mainmenu end ==============*/
/*============.rev_slider_wrapper styles==============*/
.rev_slider_wrapper .factory-caption-h1 {
font-size: 20px;
color: #fff;
letter-spacing: 5px;
line-height: 30px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.rev_slider_wrapper .factory-caption-h2 {
font-size: 36px;
color: #fff;
line-height: 34px;
letter-spacing: 5px;
font-weight: 700;
font-family: 'PT Serif', serif;
}
.rev_slider_wrapper .thm-btn {
font-size: 13px;
line-height: 13px;
padding: 14px 28px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
background-color: #034529;
transition: all 0.5s ease;
}
.rev_slider_wrapper .thm-btn:hover {
background-color: #6d6a76;
transition: all 0.5s ease;
}
.rev_slider_wrapper .tparrows {
width: 60px;
height: 60px;
font-size: 18px;
line-height: 54px;
color: #fff;
background-color: #034529;
visibility: visible !important;
opacity: 2 !important;
transition: all 0.5s ease;
}
.rev_slider_wrapper .tparrows:before {
line-height: 60px;
font-size: 18px;
font-weight: bold;
transition: all 0.5s ease;
}
.rev_slider_wrapper .tparrows:hover {
background: #012f5d;
border-color: #012f5d;
}
/*============rev_slider end ==============*/
.slider-bottom{
position: relative;
}
.slider-bottom .item {
position: relative;
background-color: rgba(17, 17, 17, 0.5);
margin-top: -140px;
padding-top: 38px;
padding-bottom: 30px;
}
.slider-bottom.style-one .item {
position: relative;
background:none;
margin-top: -100px;
opacity: 1;
padding-bottom: 10px;
}
.slider-bottom.style-one .item .item-one {
background: #0f5089;
padding: 28px;
margin-left: -15px;
margin-right: -15px;
}
.slider-bottom.style-one .item .item-two {
background: #317cbf;
padding: 28px;
margin-left: -15px;
margin-right: -15px;
}
.slider-bottom.style-one .item .item-three {
background: #629fd6;
padding: 28px;
margin-left: -15px;
margin-right: -15px;
}
.slider-bottom .item h2 {
font-size: 14px;
color: #fff;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
.slider-bottom .item i:before{
color: #fff;
font-size: 40px;
margin-left: 0px;
margin-top: 10px;
}
/*============progress-level styles==============*/
.about {
position: relative;
margin: 140px 0px 130px;
}
.about.style-one {
position: relative;
margin-top: 10px;
margin: 0px 0px;
}
.about.style-two {
position: relative;
margin-bottom: 80px;
}
.about.style-three {
position: relative;
margin: 50px 0px 120px 0px;
}
.about.style-one .content {
position: relative;
}
.about.style-one .content {
position: relative;
margin-top: 135px;
margin-bottom: 70px;
}
.about.style-two .content {
position: relative;
margin-top: 0px;
}
.about.style-three .content {
position: relative;
margin-top: 0px;
margin-bottom: 0px;
}
.about .content-text h4 {
font-size: 16px;
color: #0b1e45;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
margin-bottom: 0px;
text-transform: uppercase;
}
.about.style-two .content-text{
position: relative;
margin-top: 100px;
}
.about.style-two blockquote {
padding: 15px;
margin-bottom: 25px;
border-left: 5px solid #fab226;
}
.about.style-two blockquote i{
line-height: 1.8em;
font-size: 14px;
font-weight: 400;
color: #5a5a5a;
font-style: normal;
font-family: 'Open Sans', sans-serif;
}
.about .content-text h2 {
position: relative;
font-size: 24px;
padding-bottom: 30px;
font-weight: 400;
color: #034529;
font-family: 'PT Serif', serif;
line-height: 30px;
margin-top: 5px;
margin-bottom: 35px;
}
.about.style-one .content-text h2 {
margin-bottom: 25px;
}
.about.style-two .content-text h2 {
margin-bottom: 35px;
}
.about p{
font-size: 14px;
font-weight: 400;
color: #5a5a5a;
margin-bottom: 40px;
margin-top: -7px;
line-height: 24px;
text-align: justify;
letter-spacing: 0.1px;
font-family: 'Open Sans', sans-serif;
}
.about.style-one p{
margin-bottom: 60px;
}
.about.style-two p{
margin-top: 20px;
margin-bottom: 35px;
}
.about.style-three p{
margin-top: 20px;
margin-bottom: 21px;
font-size: 14px;
font-weight: 400;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
}
.about h2{
font-size: 16px;
color: #222222;
margin-top: 6px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.about.style-three h2{
position: relative;
background: url(../images/bd.png) no-repeat scroll left bottom;
padding-bottom: 20px;
font-size: 16px;
font-weight: 600;
}
.about.style-one h3{
font-size: 14px;
color: #222222;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
line-height: 25px;
letter-spacing: 1px;
margin-top: 0px;
}
.about.style-three h3{
font-weight: 300;
margin-bottom: 20px;
}
.about.style-one .button-one{
position: relative;
display: inline-block;
font-size: 14px;
border: 1px solid #034529;
background: transparent;
color: #034529;
text-transform: capitalize;
padding: 10px 30px;
transition: all 0.5s ease;
margin-bottom: 50px;
margin-right: 10px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}
.about.style-one .button-one:hover{
border: 1px solid #034529;
background: #034529;
color: #ffffff;
transition: all 0.5s ease;
}
.about.style-one .button-two{
position: relative;
display: inline-block;
font-size: 14px;
color: #ffffff;
text-transform: capitalize;
padding: 10px 30px;
border: 1px solid #034529;
background: #034529;
transition: all 0.5s ease;
margin-bottom: 50px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}
.about.style-one .button-two:hover{
border: 1px solid #034529;
background: transparent;
color: #034529;
transition: all 0.5s ease;
}
.progress-levels{
position:relative;
margin-top: 10px;
margin-bottom: 20px;
}
.about.style-three .progress-levels{
position:relative;
margin-top: -10px;
}
.normal-section .column .progress-levels{
padding-left:15px;
}
.progress-levels .progress-box{
position:relative;
overflow:hidden;
}
.progress-levels .progress-box:last-child{
margin-bottom:0px;
}
.progress-levels .progress-box .box-title{
position:relative;
font-size:14px;
color: #5a5a5a;
line-height: 24px;
font-family: 'Open Sans', sans-serif;
text-transform:capitalize;
margin-top: 14px;
font-weight:400;
}
.progress-levels .progress-box .bar{
position:relative;
height: 16px;
margin-bottom: 5px;
}
.progress-levels .progress-box .bar .bar-innner{
position:relative;
left:0px;
top:0px;
margin-top: 10px;
margin-bottom: 10px;
width:100%;
height: 16px;
border-radius: 2px;
border: 3px solid #f1f1f1;
background:#ffffff;
}
.progress-levels .progress-box .bar .bar-fill{
position:absolute;
top: 1px;
left: 0px;
bottom: 0px;
height: 8px;
width: 0%;
background: #0b1e45 url(../images/icons/bg-progressbar.jpg) left center repeat-x;
-moz-transition:all 2000ms ease 300ms;
-webkit-transition:all 2000ms ease 300ms;
-ms-transition:all 2000ms ease 300ms;
-o-transition:all 2000ms ease 300ms;
transition:all 2000ms ease 300ms;
}
.progress-levels .progress-box.animated .bar .bar-fill{
left:100%;
}
.progress-levels .progress-box .percent{
position:absolute;
right:0px;
width:42px;
height:20px;
text-align:center;
background:#ffffff;
top:0px;
margin-top: 15px;
font-size:14px;
line-height:20px;
text-transform:capitalize;
opacity:1;
-moz-transition:all 500ms ease 1500ms;
-webkit-transition:all 500ms ease 1500ms;
-ms-transition:all 500ms ease 1500ms;
-o-transition:all 500ms ease 1500ms;
transition:all 500ms ease 1500ms;
}
.progress-levels.row .percent{
right:15px;
}
.progress-levels .progress-box.animated .percent{
opacity:1;
}
.about img{
position: relative;
width: 100%;
height: 100%;
}
.about.style-one .image-box{
position: absolute;
right: -100px;
top: 20px;
}
.about.style-two img{
position: relative;
width: 100%;
margin-left: 0px;
right: 0px;
margin-bottom: 0px;
}
.about.style-three img{
position: relative;
width: 100%;
margin-left: 0px;
right: 0px;
margin-bottom: 50px;
}
.about .image-holder{
position: relative;
margin-left: 60px;
}
.about .progress-area{
margin-right: -30px;
}
.about .images-box{
width: 356px;
height: 310px;
right: -40px;
bottom: -81px;
border: 4px solid rgba(221, 221, 221, 0.4);
position: absolute;
}
.about.style-three .choose-us ul{
margin-left: -40px;
}
.about.style-three .choose-us ul li{
list-style: none;
}
.about.style-three .choose-us ul li{
color: #222222;
font-weight: 400;
font-size: 14px;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
}
.about.style-three .choose-us ul li:hover{
color: #0b1e45;
}
.about.style-three .choose-us ul li i{
margin-right: 10px;
}
/*============progress-level end ==============*/
/*============ get-touch styles==============*/
.get-touch {
background-image: url(../images/resource/1.jpg);
background-repeat: no-repeat;
position: relative;
width: 100%;
height: 100%;
background-size: cover;
}
.get-touch .content-text{
padding: 130px 0px;
}
.get-touch .content-text i:before{
font-size: 55px;
color: #ececea;
margin-left: 0px;
padding-bottom: 20px;
}
.get-touch .content-text h2{
font-size: 20px;
color: #ffffff;
font-family: 'PT Serif', serif;
padding-bottom: 10px;
padding-top: 10px;
font-weight: 400;
line-height: 27px;
}
.get-touch .content-text p{
font-size: 14px;
line-height: 25px;
padding-bottom: 35px;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.get-touch .content-text a{
font-size: 13px;
padding: 15px 25px;
background: #034529;
color: #fff;
font-weight: 600;
border: 1px solid #034529;
font-family: 'Open Sans', sans-serif;
transition: all 0.5s ease;
}
.get-touch .content-text a:hover{
background: #ffffff;
border: 1px solid #034529;
color: #034529;
transition: all 0.5s ease;
}
/*==== get-touch style-one ====*/
.get-touch.style-one {
background-image: url(../images/resource/15.jpg);
background-repeat: no-repeat;
position: relative;
width: 100%;
height: 100%;
background-size: cover;
}
.get-touch.style-one .content-text h1{
position: relative;
color: #0b1e45;
font-size: 14px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
margin-top: -15px;
margin-bottom: 23px;
}
.get-touch.style-one .content-text h1:before{
position: absolute;
background: #bb7d02 none repeat scroll 0 0;
content: "";
display: inline-block;
height: 1px;
width: 18px;
margin-left: -26px;
margin-top: 8px;
}
.get-touch.style-one .content-text p{
font-size: 24px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #ffffff;
margin-top: 15px;
line-height: 36px;
font-style: italic;
}
/*==== get-touch style-one end ====*/
/*============ get-touch end ==============*/
/*============ practice-area ==============*/
.practice-area{
position: relative;
}
.practice-area .section-title {
position: relative;
margin-bottom:44px;
}
.practice-area.style-one .section-title {
margin-bottom: 40px;
}
.practice-area .section-title h1{
margin-top: 150px;
font-size: 16px;
color: #0b1e45;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.practice-area .section-title h2{
position: relative;
font-weight: 400;
font-family: 'PT Serif', serif;
line-height: 24px;
margin-top: 2em;
font-size: 24px;
color: #034529;
margin-bottom: 0px;
display: inline-block;
}
.practice-area .section-title a{
background: #fff;
font-size: 14px;
line-height: 35px;
font-weight: 700;
right: 0px;
top: 32px;
color: #034529;
display: inline-block;
font-family: 'Open Sans', sans-serif;
border: 1px solid #034529;
text-transform: uppercase;
transition: all .5s ease !important;
position: absolute;
padding: 5px 30px;
}
.practice-area a:hover {
background: #034529;
color: #ffffff;
transition: all .5s ease !important;
}
.practice-area i{
position: absolute;
margin-top: 60px;
z-index: 999;
transition: all .5s ease !important;
}
.practice-area i:hover:before{
background: #034529;
transition: all .5s ease;
}
.practice-area i:before{
position: relative;
margin-left: 0px;
padding: 15px;
color: #fff;
background: #0b1e45;
}
.practice-area .single-box{
padding-left: 50px;
margin-left: 25px;
position: relative;
border: 1px solid #ededed;
margin-bottom: 60px;
padding-bottom: 30px;
}
.practice-area .single-box h3{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 20px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 600px;
line-height: 20px;
margin-top: 50px;
color: #222222;
margin-bottom: 10px;
}
.practice-area .single-box p{
font-size: 14px;
font-weight: 400;
color: #5a5a5a;
font-family: 'Open Sans', sans-serif;
}
.practice-area.style-three .single-box p{
margin-top: 30px;
}
.practice-area.style-one{
position: relative;
}
.practice-area.style-one .single-box {
padding-left: 40px;
position: relative;
border: 2px solid #ededed;
margin-bottom: 60px;
margin-left: 0px;
padding-bottom: 30px;
}
.practice-area.style-one i{
position: absolute;
margin-top: 40px;
right: 50px;
z-index: 999;
}
.practice-area.style-one i:before{
background: none;
color: #0b1e45;
font-size: 30px;
}
.practice-area.style-one .single-box .link-btn a {
text-decoration: underline;
text-transform: capitalize;
}
.practice-area.style-one .single-box a:hover {
text-decoration: none;
background:none;
color:#0b1e45;
}
.practice-area.style-two{
position: relative;
}
.practice-area.style-two .single-box {
padding-left: 0px;
position: relative;
border: none;
margin-bottom: 20px;
margin-left: 0px;
}
.practice-area.style-two .single-box a {
text-transform: capitalize;
}
.practice-area.style-two .single-box a:hover {
background: none;
color: #0b1e45;
}
.practice-area.style-two i{
position: absolute;
margin-top: 60px;
margin-left: 225px;
z-index: 999;
}
.practice-area.style-two i:before{
background: #0b1e45;
color: #fff;
font-size: 30px;
}
.practice-area.style-three i{
position: absolute;
z-index: 999;
margin-top: 10px;
margin-left: 0px;
}
.practice-area.style-three i:hover:before{
background: #034529;
transition: all .5s ease;
}
.practice-area.style-three i:before{
color: #fff;
font-size: 25px;
padding: 15px;
background: #0b1e45;
transition: all .5s ease;
}
.practice-area .single-box h3{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 20px;
font-size: 14px;
line-height: 10px;
margin-top: 50px;
margin-bottom: 10px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.practice-area.style-one .single-box h3{
margin-top: 45px;
padding-bottom: 22px;
margin-bottom: 8px;
}
.practice-area.style-three .single-box h3{
position: relative;
display: inline;
margin-left: 70px;
}
/*============ practice-area end ==============*/
/*============ fact-counter style ==============*/
.fact-counter-area{
position:relative;
background-color:#f7f7f7;
}
.fact-counter-area .fact-container{
position:relative;
padding: 0px;
}
.fact-counter-area .content-text h3{
color: #0b1e45;
font-size: 16px;
margin-top: 15px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.fact-counter-area .content-text {
margin-top: 210px;
margin-left: 30%;
}
.fact-counter-area .content-text h2{
position: relative;
background: url(../images/background/bg.png) no-repeat scroll left bottom;
padding-bottom: 33px;
line-height: 25px;
margin-top: 0px;
font-family: 'PT Serif', serif;
font-size: 24px;
color: #034529;
font-weight: 400;
margin-bottom: 30px;
}
.fact-counter-area .content-text p{
font-size: 16px;
color: #5a5a5a;
line-height: 25px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.fact-counter-area:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:none;
opacity:0.90;
z-index:0;
}
.fact-counter-area .auto-container{
position:relative;
z-index:1;
}
.fact-counter-area .counter-area{
position:relative;
background: url(../images/background/1.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
}
.fact-counter-area.style-two .counter-area{
background: none;
}
.fact-counter-area.style-two {
position:relative;
background: url(../images/background/countdown-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
}
.fact-counter-area .counter-area{
position:relative;
z-index:5;
text-align: center;
overflow: hidden;
}
.fact-counter-area .counter-area .counter_box{
margin: 100px auto;
max-width: 680px;
}
.fact-counter-area.style-two .counter-area{
position:relative;
z-index:5;
text-align: center;
padding: 100px 0px;
margin-right: 0px;
}
.fact-counter-area .single-fact-counter{
position: relative;
padding: 56px 0;
background-color: rgba(0, 0, 0, 0.5);
margin-right: -20px;
margin-bottom: 10px;
}
.fact-counter-area.style-two .single-fact-counter{
position: relative;
padding: 65px 0px;
background-color: #000000;
opacity: .5;
margin-right: 0px;
margin-bottom: 0px;
}
.fact-counter-area .single-fact-counter .line{
position:relative;
width:31px;
height:1px;
text-align: center;
background: #0b1e45;
margin: 12px auto;
}
.fact-counter-area .single-fact-counter span{
position:relative;
font-size:32px;
font-weight: 600;
text-transform:uppercase;
font-family: 'Open Sans', sans-serif;
color:#ffffff;
}
.fact-counter-area .single-fact-counter h3{
position:relative;
font-size:16px;
font-weight:400;
text-transform: capitalize;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
color: #cccccc;
}
/*============ fact-counter end ==============*/
/*============ attorneys style ==============*/
.attorneys {
position: relative;
}
.attorneys .outer-box{
position: relative;
margin-bottom: 150px;
}
.attorneys .section-text{
position: relative;
}
.attorneys.style-two .section-text{
position: relative;
margin-top: 50px;
}
.attorneys .section-text h1{
font-size: 16px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
color: #0b1e45;
}
.attorneys .section-text h2{
position: relative;
background: url(../images/background/bg.png) no-repeat scroll left bottom;
padding-bottom: 35px;
font-weight: 700;
font-family: 'PT Serif', serif;
line-height: 20px;
font-size: 24px;
color: #034529;
margin: 0px;
display: inline-block;
}
.attorneys.style-two .section-text h2{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 20px;
font-weight: bold;
font-family: 'PT Serif', serif;
line-height: 30px;
font-size: 24px;
color: #034529;
margin: 0px;
display: inline-block;
}
.attorneys.style-one .section-text h2{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 20px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
line-height: 20px;
font-size: 16px;
color: #060606;
margin: 0px;
display: inline-block;
}
.attorneys .section-text a {
background: #fff;
font-size: 14px;
font-weight: 600;
margin: 0px;
color: #034529;
display: inline-block;
border: 1px solid #034529;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
transition: all .5s ease !important;
position: absolute;
padding: 9px 26px;
right: 0px;
}
.attorneys .section-text a:hover {
background: #034529;
color: #ffffff;
transition: all .5s ease !important;
}
.attorneys .single-box .content-text{
position: relative;
}
.attorneys .outer-box .single-box {
position: relative;
min-height: 630px;
}
.attorneys.style-two .outer-box .single-box {
position: relative;
min-height: 530px;
}
.attorneys .outer-box .single-box .iner-box{
position: absolute;
left: 0;
bottom: 0;
}
.attorneys .single-box .content-text .curve{
position: absolute;
left: 0px;
top: -19px;
display: block;
width: 100%;
height: 34px;
border-top: 5px solid #fff;
background: #034529;
transform: skewY(5deg);
-webkit-transform: skewY(6deg);
}
.attorneys .single-box .content-text .icon-box {
border: 1px solid #dddddd;
position: relative;
margin: 0px 10px;
}
.attorneys .single-box .content{
margin: 0px 45px;
position: relative;
}
.attorneys .single-box .content-text h4{
background: #034529;
color: #fff;
padding-bottom: 15px;
padding-top: 10px;
font-size: 14px;
margin-bottom: -20px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
z-index: 99;
position: relative;
}
.attorneys .single-box .content-text h4 span {
color: #0b1e45;
}
.attorneys .single-box .content-text .icon-box p{
color: #5a5a5a;
transform: scale(1,0);
opacity: 0;
visibility: hidden;
transition: .5s ease;
height: 0px;
margin: 0 0 20px;
}
.attorneys.style-two .single-box .content-text .icon-box p{
color: #5a5a5a;
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
transform: none;
}
.attorneys .single-box:hover .content-text .icon-box p {
transform: scale(1,1);
opacity: 1;
height: 80px;
margin-top: 25px;
margin-bottom: 0px;
visibility: visible;
transition: .5s ease;
}
.attorneys.style-two .single-box:hover .content-text .icon-box p {
transform: none;
height: 0px;
visibility: hidden;
transition: .5s ease;
}
.attorneys .single-box .content-text .icon-box a{
font-size: 13px;
color: #888888;
font-family: 'Roboto Condensed', sans-serif;
transition: all .5s ease !important;
background: transparent;
display: inline-block;
background: #fff;
padding: 15px 10px;
}
.attorneys .single-box .content-text .icon-box a:hover{
color: #0b1e45;
transition: all .5s ease !important;
}
/*============ attorneys end ==============*/
/*============ testimonials style ==============*/
.testimonials-one{i
position:relative;
width:100%;
padding: 120px 0px 135px 0px;
background-size: cover;
background-position:center center;
background-repeat:no-repeat;
color:#ffffff;
text-align:center;
}
.testimonials-one .quotes-icon{
color: #ffd71b;
font-size: 36px;
line-height: 36px;
margin-bottom: 0px;
margin-top: -24px;
z-index: 999;
border-left: 6px solid #060606;
border-right: 6px solid #060606;
position: absolute;
margin-left: 46%;
}
.testimonials-one .slide-text{
color:#ffffff;
margin-top: 80px;
font-size:14px;
font-weight: 400;
margin-bottom:36px;
font-family: 'Open Sans', sans-serif;
}
.testimonials-one .info-box{
position:relative;
}
.testimonials-one.author-thumb img{
width: 68px;
height: 68px;
position: relative;
display:inline-block;
margin-left: 0px;
margin-top: -5px;
margin-bottom: 35px;
}
.testimonials-one .info-box{
position: relative;
display:inline-block;
margin-left: -20px;
}
.testimonials-one .author-title{
position: relative;
font-size:14px;
color: #0b1e45;
font-weight: 400;
text-transform:capitalize;
display: inline-block;
margin-left: 20px;
top: -28px;
font-family: 'Open Sans', sans-serif;
}
.testimonials-one .testimonial-border{
position:relative;
border: 1px solid rgba(237, 237, 237, 0.4);
max-width: 940px;
margin: 0 auto;
}
.testimonials-one .testimonial-border ul li{
list-style: none;
margin-bottom: 40px;
}
.testimonials-one .owl-controls{
position: absolute;
left: 46%;
margin: 35px auto;
}
.testimonials-one .owl-controls .owl-dots{
display:none !important;
}
.testimonials-one .owl-controls .owl-next,
.testimonials-one .owl-controls .owl-prev{
width:36px;
height:36px;
line-height: 36px;
text-align:center;
border:none;
font-size:14px;
color:#7b7b7b !important;
float: left;
margin-right: 10px;
background: rgba(34, 34, 34, 0.76);
border-radius:0px !important;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.testimonials-one .owl-controls .owl-next:hover,
.testimonials-one .owl-controls .owl-prev:hover{
color:#fff !important;
}
/*============ testimonials end ==============*/
/*============ news-section style ==============*/
.news-section {
position: relative;
padding: 150px 0px 130px 0px;
}
.news-section.style-one {
position: relative;
padding: 150px 0px;
}
.news-section h1{
z-index: 999;
margin-top: 0px;
font-size: 14px;
padding: 13px 20px;
color: #fff;
background: #0b1e45;
height: 70px;
text-align: center;
line-height: 20px;
width: 70px;
text-transform: uppercase;
font-weight: 700;
position: absolute;
font-family: 'Open Sans', sans-serif;
}
.news-section.style-one h1{
margin-top: -263px;
}
.news-section img{
position: relative;
width: 100%;
height: 100%;
margin-bottom: 25px;
}
.news-section.style-one img{
position: relative;
width: 100%;
height: 100%;
margin-bottom: 20px;
}
.news-section h3 {
font-size: 16px;
color: #0b1e45;
letter-spacing: 1px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
margin: 0px;
}
.news-section h2 {
position: relative;
background: url(../images/background/bg.png) no-repeat scroll left bottom;
padding-bottom: 32px;
font-size: 24px;
color: #034529;
margin-top: 0px;
letter-spacing: 1px;
margin-bottom: 38px;
font-weight: 400;
line-height: 32px;
font-family: 'PT Serif', serif;
}
.news-section.style-one h2 {
position: relative;
background: url(../images/background/bg.png) no-repeat scroll left bottom;
padding-bottom: 28px;
font-size: 24px;
color: #034529;
margin-top: 0px;
letter-spacing: 1px;
margin-bottom: 38px;
font-weight: 300;
line-height: 32px;
font-family: 'PT Serif', serif;
}
.news-section .content-text h4 {
font-size: 16px;
margin-top: -5px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
color: #222222;
line-height: 26px;
}
.news-section.style-one .content-text h4 {
font-size: 16px;
margin-top: 0px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
color: #222222;
line-height: 26px;
margin-bottom: 5px;
}
.news-section .content-text p {
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
color: #5a5a5a;
line-height: 26px;
}
.news-section .content-text ul{
overflow: hidden;
margin-bottom: 10px;
margin-left: -40px;
}
.news-section .content-text ul li{
float: left;
list-style: none;
overflow: hidden;
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.news-section .content-text ul li i{
margin-right: 10px;
color: #0b1e45;
font-size: 20px;
}
.news-section .content-text .link-btn {
color: #034529;
font-size: 13px;
text-transform: capitalize;
text-decoration: underline;
}
.news-section .content-text .link-btn:hover{
color: #0b1e45;
text-decoration: none;
}
.news-section .comment-list .link-btn {
color: #034529;
font-size: 13px;
text-transform: capitalize;
text-decoration: underline;
}
.news-section .comment-list .link-btn:hover{
color: #0b1e45;
text-decoration: none;
}
.news-section .comment-list h5 {
z-index: 999;
margin-left: -39px;
font-size: 14px;
padding: 13px 20px;
color: #fff;
text-align: center;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
margin-top: 36px;
background: #0b1e45;
height: 70px;
width: 70px;
line-height: 20px;
position: absolute;
}
.news-section .comment-list .comment h4{
font-size: 14px;
line-height: 22px;
margin-left: 65px;
font-weight: 600;
color: #222222;
font-family: 'Open Sans', sans-serif;
}
.news-section .comment-list ul{
overflow: hidden;
margin-top: 5px;
margin-left: -40px;
}
.news-section .comment-list .comment{
list-style: none;
padding: 22px 0px;
margin-bottom: 25px;
border: 2px solid #ededed;
margin-left: -7px;
}
.news-section .comment-list li ul li:first-child{
float: left;
list-style: none;
overflow: hidden;
margin-left: 65px;
}
.news-section .comment-list li ul li{
float: left;
list-style: none;
overflow: hidden;
font-size: 14px;
color: #222222;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.news-section .comment-list li ul li i{
color: #0b1e45;
font-size: 20px;
margin-left: 0px;
margin-right: 5px;
}
/*============ news-section style ==============*/
/*============ contact-section styles==============*/
.gradient-overlay{
background: #f7f7f7;
}
.gradient-overlay .img-box{
margin: 0px -15px;
margin-right: -45px;
}
.gradient-overlay .img-box img{
width: 100%;
height: 690px;
}
.gradient-overlay .default-form-area h5{
font-size: 16px;
color: #0b1e45;
font-weight: 600;
margin: 0px;
font-family: 'Open Sans', sans-serif;
}
.gradient-overlay .default-form-area h3{
position: relative;
background: url(../images/background/bg.png) no-repeat scroll left bottom;
padding-bottom: 30px;
font-size: 24px;
margin-top: 0px;
margin-bottom: 36px;
font-family: 'PT Serif', serif;
color: #034529;
line-height: 36px;
font-weight: 400;
}
.gradient-overlay.style-two .default-form-area h3{
color: #ffffff;
}
.gradient-overlay.style-two{
background: #ffffff;
}
.default-form-area h6{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 10px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #222222;
line-height: 36px;
font-weight: 600;
margin-bottom: 30px;
}
.default-form-area p{
font-size: 14px;
font-weight: 400;
color: #5a5a5a;
line-height: 24px;
font-family: 'Open Sans', sans-serif;
}
.gradient-overlay .default-form-area {
padding: 100px 80px 100px 90px;
}
.gradient-overlay.style-two .default-form-area {
padding: 100px 0px;
}
/*form*/
.default-form {
position: relative;
}
.default-form p {
color: #fff;
font-size: 18px;
line-height: 34px;
margin-bottom: 20px;
}
.default-form p span {
color: #ab7442;
font-size: 20px;
font-weight: 600;
}
.default-form .form-box{
position:relative;
}
.comment-form .form-box{
padding:25px 25px 0px 25px;
}
.default-form .form-group{
position:relative;
margin-bottom:20px;
}
.default-form.style-two .form-group{
position:relative;
margin-bottom: 30px;
}
.default-form .comment-form .form-box .form-group{
margin-bottom:25px;
}
.default-form.form-box .row{
margin-left:-10px;
margin-right:-10px;
}
.default-form.form-box .row .form-group{
padding:0px 0px;
}
.default-form .form-group .field-label{
display:block;
line-height:24px;
text-transform:uppercase;
margin-bottom:10px;
color:#232323;
font-weight:500;
font-size:13px;
}
.default-form .form-group .field-label sup{
color:#ff0000;
font-size:14px;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea{
display:block;
width:100%;
line-height:24px;
height: 45px;
font-size:14px;
box-shadow: none;
border: 1px solid #dddddd;
padding:12px 15px;
background: #ffffff;
border-radius: 0px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.default-form textarea{
height: 155px;
resize:none;
}
.default-form .bootstrap-select {
border: 1px solid #f4f4f4;
background: #f7f7f7;
color: #a2a2a2;
padding: 10px 0;
font-size: 16px;
}
.default-form .btn-group.open .dropdown-toggle {
box-shadow: none;
}
.default-form .btn-group.open .dropdown-toggle:focus {
border: none;
outline: none;
}
.default-form .bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.default-form .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
background-color: #48c7ec;
color: #fff;
}
.default-form .form-control:focus {
border-color: #0b1e45;
box-shadow: none;
}
.default-form .thm-btn {
width: 100%;
}
.default-form form input::-webkit-input-placeholder {
color: #aaaaaa;
}
.default-form form input:-moz-placeholder {
/* Firefox 18- */
color: #aaaaaa;
}
.default-form form input::-moz-placeholder {
/* Firefox 19+ */
color: #aaaaaa;
}
.default-form form input:-ms-input-placeholder {
color: #aaaaaa;
}
.default-form .alert-success {
color: #48c7ec;
background: none;
border: none;
font-size: 18px;
}
/*============ consult-section end ==============*/
/*============ footer styles==============*/
.footer {
position: relative;
background-color: #2a2a2a;
margin-top: -18px;
}
.footer-up{
margin-top: 60px;
padding-top: 30px;
position: relative;
overflow: hidden;
background: #333333;
padding-bottom: 20px;
}
.footer.style-three .footer-up{
margin-top: 60px;
padding-top: 30px;
position: relative;
overflow: hidden;
background: rgba(2, 2, 4, 0.6);
padding-bottom: 20px;
}
.footer-up i:before{
color: #aaaaaa;
font-size: 36px;
margin-left: 0px;
}
.footer-up .content-text.content{
position: relative;
}
.footer-up .content-text.content:before{
position: absolute;
top: -5px;
right: 0px;
content: '';
border-right: 1px solid #2a2a2a;
height: 100px;
}
.footer-up.style-three .content-text.content:before{
position: absolute;
top: -5px;
right: 0px;
content: '';
border-right: 1px solid #3c3c3c;
height: 100px;
}
.footer-up h2{
color: #fff;
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
.footer-up span{
color: #cc8800;
font-size: 14px;
}
.footer-top{
position: relative;
overflow: hidden;
margin: 45px 0px 35px 0px;
}
.footer-top.style-one .column-title h2{
margin-top: 30px;
}
.footer.style-three .column-title h2{
margin-top: 5px;
}
.footer-top h2 {
font-size: 16px;
color: #fff;
margin-top: 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding-bottom: 10px;
text-transform: uppercase;
}
.footer-top.style-one h2 {
padding-bottom: 15px;
}
.footer-top .news-column {
margin-bottom: 20px;
}
.footer-top .news-column .news-post p {
color: #aaaaaa;
font-weight: 500;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
.footer-top .news-column .time{
position: relative;
border-top: 1px solid #383838;
border-bottom: 1px solid #383838;
padding: 12px 0px;
color: #aaaaaa;
margin-top: 0px;
}
.footer.style-three .news-column .time{
position: relative;
border-top: 1px solid #5a5a5a;
border-bottom: 1px solid #5a5a5a;
padding: 12px 0px;
color: #aaaaaa;
margin-top: 0px;
}
.footer-top .news-column .time span{
color: #aaaaaa;
}
.footer-top .news-column .social-links i{
color: #aaaaaa;
margin-top: 20px;
font-size: 14px;
border: 1px solid #aaaaaa;
border-radius: 1px;
margin-right: 5px;
transition: all 0.5s ease;
width: 35px;
line-height: 35px;
height: 35px;
text-align: center;
}
.footer-top.style-one .news-column .social-links i{
margin-top: 0px;
}
.footer.style-three .news-column .social-links i{
margin-top: 20px;
}
.footer-top .news-column .social-links i:hover{
background: transparent;
color: #0b1e45;
transition: all 0.5s ease;
border: 1px solid #0b1e45;
}
.footer-top .links-column .links a{
color: #aaaaaa;
}
.footer-top .links-column .links a:hover{
color: #0b1e45;
}
.footer-top .links-column .links i{
margin-right: 10px;
}
.footer-top .links-column .links{
margin-left: -15px;
}
.footer-top .links-column {
margin-left: 35px;
margin-bottom: 20px;
}
.footer-top .gallery-column {
margin-left: 5px;
}
.footer-top .gallery-column .get-touch-news a{
color: #aaaaaa;
font-weight: 500;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
.footer-top .gallery-column .get-touch-news i:before{
margin-left: 0px;
margin-right: 10px;
color: #0b1e45;
}
.footer-top .gallery-column p{
margin-top: 0px;
color: #aaaaaa;
}
.footer-top.style-one .gallery-column p{
margin-top: -5px;
color: #aaaaaa;
font-weight: 500;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
.footer-top .gallery-column .subscribe-form {
position: relative;
top: 10px;
}
.footer-top .gallery-column input[type="email"] {
padding: 13px 70px 14px 19px;
line-height: 15px;
margin-bottom: 30px;
background: #333333;
border: none;
color: #fff;
}
.footer-top.style-one .gallery-column input[type="email"] {
padding: 13px 75px 13px 20px;
line-height: 17px;
margin-bottom: 15px;
background: #333333;
border: none;
}
.footer-top.style-two .gallery-column input[type="email"],
.footer-top.style-three .gallery-column input[type="email"] {
padding: 15px 145px 12px 7px;
line-height: 15px;
background: transparent;
}
.footer-top .subscribe-form button{
position: absolute;
right: 50px;
top: 0px;
padding: 11px 20px;
line-height: 20px;
border: none;
text-align: center;
font-size: 15px;
color: #ffffff;
background: #0b1e45;
border-radius: 0px 4px 4px 0px;
transition: all 0.5s ease;
}
.footer-top.style-one .subscribe-form button{
right: 35px;
}
.footer-top .subscribe-form button:hover{
background: #034529;
border-radius: 0px 4px 4px 0px;
transition: all 0.5s ease;
color: #fff;
}
.footer-bottom {
padding: 20px;
position: relative;
background-color: #222222;
}
.footer-bottom.style-three{
background: none;
border-top: 1px solid #5a5a5a;
}
.footer .footer-bottom p{
color: #aaaaaa;
font-size: 14px;
margin-bottom: 0px;
display: inline-block;
}
.footer .footer-bottom a{
color: #aaaaaa;
font-size: 14px;
}
.footer.style .get-touch-news i:before{
font-size: 14px;
color: #0b1e45;
margin-left: 0px;
margin-right: 10px;
}
.footer-top.style-two .get-touch-news p i{
margin-left: -25px;
}
.footer-top.style-two .get-touch-news p a{
color: #aaaaaa;
}
.footer.style-one .get-touch-news a{
font-size: 14px;
color: #aaaaaa;
}
.footer-top.style-one .get-touch-news {
margin-bottom: 75px;
}
.footer.style-one {
position: relative;
}
.footer.style-three {
position: relative;
background: url(../images/background/f-bg.jpg);
background-size: cover;
weight: 100%;
}
.footer.style-three:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.65);
z-index: 0;
}
.footer-top.style-one{
margin: 40px 0px;
}
.footer-top.style-three{
padding-bottom: 50px;
border-bottom: 1px solid #aaaaaa;
}
/*============ footer-end ==============*/
/*============ testimonial-section ==============*/
.testimonial-section.style-one{
position: relative;
padding-bottom: 80px;
overflow: hidden;
}
.testimonial-section .section-title h3{
margin-top: 146px;
font-size: 16px;
font-weight: 600;
color: #0b1e45;
font-family: 'Open Sans', sans-serif;
margin-bottom: 0px;
}
.testimonial-section .section-title h2{
position: relative;
background: url(../images/background/bg.png) no-repeat scroll left bottom;
padding-bottom: 32px;
font-weight: bold;
font-family: 'PT Serif', serif;
line-height: 30px;
margin-top: 5px;
font-size: 24px;
color: #034529;
margin-bottom: 30px;
display: inline-block;
}
.testimonial-section.style-one .item figure.author-thumb.img-circle{
position: absolute;
left: 35%;
}
.testimonial-section.style-one .author-title {
position: absolute;
left: 55%;
bottom: -30px;
}
.testimonial-section.style-one .section-title h2{
padding-bottom: 28px;
margin-bottom: 18px;
}
.testimonial-section.style-two .section-title h2{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
font-weight: bold;
font-family: 'PT Serif', serif;
line-height: 30px;
margin-top: 10px;
font-size: 24px;
color: #034529;
margin-bottom: 40px;
display: inline-block;
}
.testimonial-section .item ul{
margin-bottom: 40px;
}
.testimonial-section .testimonial {
margin-top: 30px;
}
.testimonial-section .testimonial.style-two {
margin-bottom: 150px;
}
.testimonial-section.style-one .item{
margin-bottom: 0px;
}
.testimonial-section.style-one .item ul{
margin-bottom: 0px;
margin-left: 10px;
}
.testimonial-section .item li p{
font-size: 14px;
line-height: 20px;
margin-left: 50px;
color: #222222;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.testimonial-section .item.style-two li p{
font-size: 14px;
line-height: 20px;
margin-top: 50px;
margin-bottom: 40px;
text-align: center;
}
.testimonial-section .item{
position: relative;
margin-left: 35px;
margin-bottom: 30px;
}
.testimonial-section .bx-viewport{
min-height: 324px;
margin-right: 30px;
}
.owl-carousel .owl-item img{
width: 68px;
height: 68px;
}
.testimonial-section .item h1{
position: absolute;
font-size: 20px;
background: #0b1e45;
top: 15px;
width: 70px;
height: 70px;
left: -35px;
padding: 15px 0px;
line-height: 20px;
text-align: center;
color: #ffffff;
}
.testimonial-section .update-news ul{
overflow: hidden;
margin-bottom: 10px;
margin-left: -40px;
}
.testimonial-section .item .comment{
list-style: none;
padding: 32px 0px;
margin-bottom: 30px;
border: 2px solid #ededed;
}
.testimonial-section.style-one .item .comment{
list-style: none;
padding: 30px 0px;
margin-bottom: 20px;
border: 2px solid #ededed;
margin-right: 35px;
margin-left: -5px;
}
.testimonial-section .item.style-two .comment{
position: relative;
list-style: none;
margin-bottom: 10px;
border: none;
padding: 10px 0px;
margin-right: 10px;
}
.testimonial-section .item.style-two .comment .info{
text-align: center;
display: inline-block;
}
.testimonial-section .item.style-two{
position: relative;
list-style: none;
margin-top: 30px;
margin-left: 0px;
margin-bottom: 10px;
border: 2px solid #ededed;
padding-bottom: 140px;
}
.testimonial-two-column .owl-controls {
position: absolute;
right: 0px;
bottom: -50px;
}
.testimonial-two-column .owl-controls .owl-nav .owl-prev{
display: inline-block;
font-size: 20px;
text-align: center;
}
.testimonial-two-column .owl-controls .owl-nav .owl-next{
display: inline-block;
font-size: 20px;
text-align: center;
margin-left: 10px;
}
.testimonial-two-column .owl-controls .owl-nav span{
background: #034529;
border: 1px solid #034529;
color: #ffffff;
height: 50px;
width: 50px;
line-height: 50px;
}
.testimonial-two-column .owl-controls .owl-nav span:hover{
background: #ffffff;
color: #034529;
border: 1px solid #034529;
}
.testimonial-section .item.style-two p{
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #5a5a5a;
font-family: 'Open Sans', sans-serif;
}
.testimonial-section .item li ul li{
display: inline-block;
list-style: none;
}
.testimonial-section .item li ul li i{
color: #0b1e45;
font-size: 20px;
margin-left: 0px;
margin-right: 5px;
}
.testimonial-section .item .slide-text{
list-style: none;
}
.testimonial-section .quotes-icon {
color: #ffd71b;
font-size: 36px;
line-height: 40px;
margin-bottom: 0px;
margin-top: -30px;
z-index: 999;
position: absolute;
right: 15%;
}
/*============ testimonial-section end ==============*/
/***
====================================================================
Page Title Style
====================================================================
***/
.page-title{
position:relative;
padding: 96px 0px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
text-align:center;
}
.page-title:before{
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
position:absolute;
}
.page-title .container{
position:relative;
z-index:1;
}
.page-title h3{
font-size:20px;
color:#ffffff;
margin: 0px;
line-height: 26px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
}
.page-title .bread-crumb{
position:relative;
font-size:15px;
font-weight:500;
text-transform:uppercase;
}
.page-title .bread-crumb li{
position:relative;
float: left;
margin-left:30px;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
line-height:24px;
font-weight: 400;
text-transform: capitalize;
list-style:none
}
.page-title .bread-crumb li:first-child{
margin-left:0px;
}
.page-title .bread-crumb li:after{
content:'//';
position:absolute;
right:-22px;
width:10px;
line-height:22px;
font-size:16px;
}
.page-title .bread-crumb li:last-child:after{
display:none;
}
.page-title .bread-crumb li a{
color:#0b1e45;
}
.page-title .bread-crumb li a:hover{
color:#ffffff;
}
/*============ accordion style ==============*/
.accordion-box {
position: relative;
margin-top: 50px;
}
.accordion {
position: relative;
border-bottom: 1px solid #dddddd;
}
.accordion-box .content-title h2{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
font-size: 16px;
padding-bottom: 20px;
line-height: 26px;
color: #222222;
margin-bottom: 30px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.accordion .acc-btn .left-icon {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 100%;
color: #9c9c9c;
font-size: 20px;
text-align: center;
}
.accordion .acc-btn.active .left-icon {
color: #fff;
}
.accordion .left-icon span {
position: relative;
top: 18px;
}
.accordion .acc-btn h5 span{
font-size: 18px;
margin-right: 10px;
font-family: 'PT Serif', serif;
}
.accordion .acc-btn h5{
color: #222222;
cursor: pointer;
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
line-height: 24px;
padding: 35px 0px 30px;
text-transform: uppercase;
}
.accordion .acc-btn .toggle-icon {
color: #ffffff;
display: block;
font-weight: 100;
height: 28px;
position: absolute;
right: 17px;
top: 35px;
margin-left: 20px;
padding: 5px;
text-align: center;
width: 28px;
background: #034529;
}
.accordion .acc-btn .toggle-icon.left {
color: #9c9c9c;
display: block;
font-weight: 100;
height: 24px;
line-height: 24px;
position: absolute;
right: 20px;
bottom: 20px;
left: 30px;
}
.accordion .acc-btn .toggle-icon .plus::before {
font-size: 18px;
font-weight: 500;
transition: all 0.3s ease 0s;
position: absolute;
top: 5px;
left: 0;
width: 100%;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
opacity: 0;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus::before {
font-size: 18px;
font-weight: 500;
transition: all 0.3s ease 0s;
position: absolute;
top: 5px;
left: 0;
width: 100%;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
opacity: 1;
}
.accordion-box .accordion .acc-btn.active {
color: #0b1e45
}
.accordion-box .accordion .acc-content {
color: #333;
display: none;
font-size: 14px;
line-height: 24px;
padding: 12px 0px 13px;
}
.accordion-box .accordion .acc-content.collapsed {
display: block;
}
.accordion-box .accordion .acc-content p {
color: #333333;
margin: 0;
max-width: 900px;
padding-left: 30px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
color: #ffffff;
}
/*============ accordion ==============*/
/*============ features style ==============*/
.features {
position: relative;
margin-top: 55px;
margin-bottom: 80px;
}
.features .content-text {
position: relative;
padding: 100px 0px;
}
.features .content-text h3{
margin-top: 10px;
font-weight: 300;
font-size: 24px;
font-family: 'Open Sans', sans-serif;
color: #5a5a5a;
}
.features .content-text p{
color: #5a5a5a;
margin-top: 15px;
margin-bottom: 35px;
}
.features .content-text a{
margin-bottom: 10px;
border: 1px solid #333;
padding: 14px 28px;
background: #034529;
color: #fff;
transition: all 0.5s ease 0s;
}
.features .content-text a:hover{
background: transparent;
color: #222222;
transition: all 0.5s ease 0s;
}
.features .content-text .flaticon-home-page:before{
margin-left: 0px;
font-size: 16px;
margin-right: 10px;
}
/*============ features end ==============*/
/*============ blog_area style ==============*/
#blog_area{
position: relative;
padding:150px 0px;
overflow:hidden
}
#blog_area .blog_section .item{
position: relative;
border: 1px solid #dddddd;
margin-bottom: 50px;
margin-left: -15px;
margin-right: 23px;
}
#blog_area .blog_section {
position: relative;
overflow: hidden;
}
#blog_area .blog_section .item.style-two{
position: relative;
border: none;
margin-bottom: 0px;
margin-left: -15px;
margin-right: 0px;
}
#blog_area .blog_section .item .item-content{
position: relative;
padding: 20px;
margin-top: 30px;
}
#blog_area .blog_section .item.style-two .item-content{
position: relative;
padding: 0px;
}
#blog_area .blog_section .item .blog-details{
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 2px solid #ededed;
}
#blog_area .blog_section .item .blog_date{
position: absolute;
top: 0px;
left: 0px;
text-align: center;
background: #0b1e45;
height: 56px;
width: 57px;
}
#blog_area .blog_section .item .blog_date:hover{
color: #ffffff;
background: #034529;
}
#blog_area .blog_section .item .blog_date h5{
text-align: center;
font-size: 14px;
font-weight: bold;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
}
#blog_area .blog_section .item .date_details{
position: relative;
margin-left: 80px;
}
#blog_area .blog_section .item .date_details h2{
position: relative;
font-weight: 600;
font-size: 14px;
color: #222222;
margin: 0px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
#blog_area .blog_section .item .details_comment {
position: relative;
margin-top: 10px;
}
#blog_area .blog_section .item .details_comment p{
position: relative;
float: left;
margin-right: 10px;
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
#blog_area .blog_section .item .details_comment p i{
color: #0b1e45;
}
#blog_area .blog_section .item .details_comment p i:before{
margin-left: 0px;
margin-right: 5px;
font-size: 14px;
}
#blog_area .blog_section .item .content-text{
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
color: #222222;
line-height: 24px;
}
#blog_area .item.style-two .content-text p{
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
color: #5a5a5a;
line-height: 24px;
margin-bottom: 30px;
}
#blog_area .item.style-two .content-text h5{
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
color: #222222;
line-height: 24px;
width: 100%;
padding: 20px 0px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
#blog_area .item.style-two .content-text i{
margin-right: 10px;
color: #0b1e45;
}
#blog_area .item.style-two .content-text i:before{
margin-left: 0px;
font-size: 16px;
}
#blog_area .blog_section .item .content-link{
font-weight: bold;
margin-top: 20px;
font-family: 'Open Sans', sans-serif;
text-decoration: underline;
text-transform: uppercase;
}
#blog_area .blog_section .item .content-link a{
font-size: 13px;
color: #000000;
}
#blog_area .blog_section .item .content-link a:hover{
font-size: 13px;
color: #0b1e45;
}
.shop-pagination {
margin: 0;
padding: 0;
list-style: none;
padding-top: 25px;
}
.shop-pagination li {
float: left;
margin: 0 5px;
}
.shop-pagination.style-two li a{
color: #222;
transition: all 0.5s ease 0s;
}
.shop-pagination.style-two li a:hover{
color: #034529;
transition: all 0.5s ease 0s;
}
.shop-pagination.style-two li i{
margin: 5px;
}
.shop-pagination li a {
text-decoration: none;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
display: block;
}
.active-ul-1st{
width:35px;
height:35px;
color:#fff ;
background:#034529;
text-align: center;
padding-top: 6px;
}
.active-next{
width: 35px;
height: 35px;
color: #ffffff;
background: #034529;
border: 1px solid #034529;
text-align: center;
margin-top: 5px;
}
li.active-next a{
color:#ffffff;
font-size: 20px;
margin-top: 3px;
}
li.active-next{
margin-right: 35px;
}
li.order-two a {
color: #333!important;
background: none;
text-align: center;
padding: 4px 12px;
border: 1px solid #333;
display: block;
}
#blog_area .comment-box{
position: relative;
margin-top: 70px;
}
#blog_area .comment-box h2{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
font-size: 16px;
padding-bottom: 20px;
line-height: 26px;
color: #222222;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
#blog_area .comment-box p{
font-size: 14px;
line-height: 26px;
color: #5a5a5a;
margin-bottom: 50px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
#blog_area .contact-touch{
position: relative;
margin-top: 20px;
}
#blog_area .blog_content{
position: relative;
overflow: hidden;
}
#blog_area .contact-form h2{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
font-size: 16px;
padding-bottom: 20px;
line-height: 26px;
color: #222222;
margin-bottom: 30px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
#blog_area .blog_date {
position: relative;
}
#blog_area .blog_date h2 {
position: absolute;
padding: 10px;
text-align: center;
}
#blog_area .date_details_blog {
position: relative;
margin-left: 80px;
}
/** sideber ***/
.blog_sidebar .search-form-icon {
position: relative;
}
.blog_sidebar .search-form-icon [placeholder] {
color: #555555;
width: 100%;
padding: 8px 10px;
position: relative;
border: 1px solid #ededed;
}
.blog_sidebar .search-form-icon button {
top: 8px;
color: #555555;
border: none;
background: none;
right: 15px;
position: absolute;
}
.blog_sidebar h2{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 24px;
font-size: 16px;
color: #222222;
margin-top: 0px;
}
.blogimg {
width: 85px;
float: left;
height: 100px;
padding-top: 25px;
}
.blogimg img{}
.sidber_text{
width:180px;
float:right;
height:100px;
}
.sidber_text h3{
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
color: #1d1d1d;
line-height:23px;
}
.sidebar_text_date i{
color: #0b1e45;
}
.sidebar_text_date i:before{
margin-left: 0px;
}
.sidebar_text_date h2 {
font-size: 11px;
font-family: poppins;
font-weight: 600;
color: #777777;
text-transform: uppercase;
float: left;
width: 80%;
margin-top: 3px;
}
.sidebar_text_date p{
font-size: 14px;
font-family: Bitter;
font-weight: 500;
color: #777777;
float:right;
width: 80%;
}
.catagori{
margin:30px 0;
padding-bottom:10px;
border-bottom: 1px solid #ededed;
}
.archieve {
padding-bottom: 10px;
height: 100%;
margin:30px 0;
overflow: hidden;
border-bottom: 1px solid #ededed;
}
.catagori_list ul{
margin:0;
padding:0;
list-style:none;
}
.catagori_list ul li{
padding: 7px 0px;
color: #8b8b8b;
}
.catagori_list ul li a {
text-decoration: none;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
color: #8b8b8b;
padding-left: 15px;
}
.catagori_list ul li a span{
right: 15px;
position: absolute;
}
.catagori_list ul li a:hover{
color: #0b1e45;
}
.single_sidebar{
width: 285px;
padding-bottom: 10px;
height: 100%;
margin:30px 0;
overflow: hidden;
border-bottom: 1px solid #ededed;
}
.Keyword {
margin:30px 0;
padding: 10px 0;
}
.Keyword h2{
margin-bottom: 26px;
}
.Keyword ul{
margin:0;
padding:0;
list-style:none;
}
.Keyword ul li {
float: left;
margin: 5px 5px;
}
.Keyword ul li a {
text-decoration: none;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #777777;
border: 1px solid #dfdfdf;
display: block;
padding: 10px 16px;
}
.Keyword ul li a:hover{
color: #ffffff;
background:#034529;
transition:all ease-in-out 500ms;
-webkit-transition:all ease-in-out 500ms;
-moz-transition:all ease-in-out 500ms;
-os-transition:all ease-in-out 500ms;
}
.wrapper input[type="text"] {
position: relative;
}
.wrapper input{
font-family: 'FontAwesome';
border: 1px solid #e3e3e3;
width: 100%;
height: 60px;
padding: 0 30px;
}
.wrapper:before {
font-family: 'FontAwesome';
color:red;
position: relative;
left: -10px;
content: " ";
}
/*============ blog_area end ==============*/
/*============ map-section style ==============*/
.contact-area {
position: relative;
margin: 125px 0px 150px 0px;
}
.contact-area .section-title h5{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 20px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
line-height: 20px;
font-size: 16px;
color: #060606;
}
.contact-area .section-title h6{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 20px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 26px;
margin-bottom: 30px;
color: #222222;
}
.map-section{
position:relative;
padding:2px;
border: 10px solid #dddddd;
margin-bottom: 30px;
margin-right: 45px;
}
.map-section .map-container{
position:relative;
width:100%;
height:305px;
}
.contact-area .get-touch-us p a{
font-size: 14px;
color: #5a5a5a;
}
.contact-area .get-touch-us p a:hover{
color: #0b1e45;
}
.contact-area .get-touch-us p i:before {
font-size: 14px;
color: #5a5a5a;
margin-left: 0px;
}
/*============ map-section end ==============*/
.appointment {
margin-top: 145px;
margin-bottom: 65px;
}
.appointment .content-area{
position: relative;
padding: 40px 100px 120px 150px;
border: 7px solid rgba(237, 237, 237, 0.5);
margin-left: -155px;
margin-top: 110px;
}
.appointment h2{
font-size: 20px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
color: #222222;
margin-bottom: 7px;
}
.appointment .practice-areas h2{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 15px;
font-size: 20px;
margin-top: 32px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
color: #222222;
margin-bottom: 20px;
}
.appointment span{
font-size: 14px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
color: #5a5a5a;
}
.appointment .contact-list{
margin-top: 20px;
border-top: 1px solid #eeeeee;
padding-top: 10px;
padding-bottom: 5px;
}
.appointment .contact-list a{
font-size: 13px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
color: #656565;
padding: 5px;
transition: .5s ease;
}
.appointment .contact-list a:hover{
color: #0b1e45;
transition: .5s ease;
}
.appointment .contact-list i{
font-size: 16px;
font-weight: 600;
color: #656565;
padding: 10px 0px;
margin-right: 10px;
}
.appointment .contact-list i:hover{
color: #0b1e45;
transition: .5s ease;
}
.appointment .social{
border-top: 2px solid #eeeeee;
border-bottom: 2px solid #eeeeee;
}
.appointment .social i{
margin: 20px 29px 13px 0px;
color: #656565;
}
.appointment .social i:hover{
color: #0b1e45;
}
.appointment .practice-areas ul{
position: relative;
margin-left: -40px;
}
.appointment .practice-areas ul li {
list-style: none;
transition: .5s ease;
}
.appointment .practice-areas ul li a{
color: #5a5a5a;
font-size: 14px;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
}
.appointment .practice-areas ul li a:hover{
color: #0b1e45;
transition: .5s ease;
}
.appointment .botton {
position: absolute;
right: 35%;
bottom: -20px;
}
.appointment .botton a {
background: #034529;
border: 2px solid transparent;
color: #fff;
line-height: 36px;
padding: 10px 20px;
font-weight: 600;
text-transform: uppercase;
transition: .5s ease;
}
.appointment .botton a:hover{
background: #0b1e45;
transition: .5s ease;
}
.experience {
margin-bottom: 150px;
}
.experience h5{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 15px;
font-size: 20px;
margin-top: 32px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
color: #222222;
margin-bottom: 20px;
}
.experience .content-text h2{
margin-bottom: 30px;
}
.experience p{
font-size: 13px;
font-weight: 300;
letter-spacing: 0.05em;
font-family: 'Open Sans', sans-serif;
}
/***
====================================================================
Gallery Sections
====================================================================
***/
.gallery-section{
position:relative;
padding:100px 0px 70px;
}
.gallery-section .item {
position: relative;
padding: 0 3px;
}
.gallery-section .inner-box {
position: relative;
margin-bottom: 5px;
overflow: hidden;
display: block;
}
.gallery-section .item .image-box img {
width: 100%;
}
.gallery-section .item .overlay-box {
visibility: hidden;
background: #0b1e45;
position: absolute;
display:table;
width: 100%;
height: 100%;
top: 0%;
right: 100%;
transition: .5s ease;
}
.gallery-section .item:hover .overlay-box {
visibility: visible;
position: absolute;
display:block;
width: 100%;
height: 100%;
transition: .5s ease;
right: 0%;
top: 0%;
}
.gallery-section .item .overlay-inner {
position: relative;
margin-top: 80px;
}
.gallery-section .item .overlay-inner .image-link {
position: relative;
padding: 15px;
background: #ffffff;
}
.gallery-section .item .content h3 a {
position: relative;
color: #ffffff;
}
.gallery-section .item .content h4 {
position: relative;
color: #ffffff;
}
.row-3 {
margin: 0 -3px;
}
/***
====================================================================
Gallery Popup style
====================================================================
***/
body.popup-visible{
overflow:hidden;
}
.gallery-box{
position:fixed;
left:0px;
top:-120%;
width:100%;
height:100%;
overflow:auto;
padding:0px;
z-index:9999;
visibility:hidden;
opacity:0;
-webkit-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
-ms-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;
}
.gallery-box.now-visible{
top:0px;
visibility:visible;
opacity:1;
}
.gallery-box .bg-fade-layer{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(21,21,21,0.80);
}
.gallery-box .popup-content{
overflow:hidden;
border:1px solid #505050;
}
.gallery-box .popup-header{
position:relative;
padding:1px;
background: #0b1e45;
color:#ffffff;
}
.gallery-box .popup-header .btn-close{
position:absolute;
top:20px;
right:30px;
color:#ffffff;
width:30px;
height:30px;
background: rgba(41, 46, 49, 1.00);
opacity:1;
font-size:14px;
line-height:30px;
padding:0px;
display:block;
border:none;
z-index:1;
}
.gallery-box .popup-header .close:hover{
background:#999999;
}
.gallery-box .popup-header h3{
position:relative;
font-size:16px;
text-align:left;
padding-bottom: 10px;
line-height: 28px;
color:#ffffff;
font-weight:500;
margin-left: 25px;
text-transform:capitalize;
}
.gallery-box .popup-container{
margin:50px auto;
width:auto;
max-width:1070px;
padding:0px 15px;
}
.gallery-box .content-outer{
position:relative;
padding:0px 15px;
background:#ffffff;
}
.vertical-slider-outer{
position:relative;
}
.gallery-box .lower-content{
position:relative;
padding:20px 0px 0px;
}
.gallery-box .lower-content .desc-text{
position:relative;
margin-bottom:20px;
}
/***
====================================================================
criminal-low style
====================================================================
***/
.criminal-low{
position: relative;
margin-top: 150px;
}
.criminal-low .section-title{
position: relative;
margin-top: -20px;
}
.criminal-low .section-title h2{
position: relative;
background: url(../images/background/bd.png) no-repeat scroll left bottom;
padding-bottom: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 24px;
font-size: 20px;
margin-left: 80px;
}
.criminal-low .section-title i{
position: absolute;
top: 0px;
left: 0px;
padding: 10px 15px;
background: #0b1e45;
color: #ffffff;
}
.criminal-low .section-title i:hover{
background: #034529;
}
.criminal-low .section-title i:before{
margin-left: 0px;
}
/*======== hidden bar Styles ===========*/
.hidden-bar {
position: fixed;
top: 0;
right: -150%;
width: 350px;
height: 100%;
background: #212121;
z-index: 9999;
}
.hidden-bar .hidden-bar-closer {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -20px;
background: #000;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 40px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: 999999;
}
.hidden-bar .hidden-bar-closer:hover {
background: #fff;
}
.hidden-bar .hidden-bar-closer:hover .btn {
color: #E8A20C;
}
.hidden-bar .hidden-bar-closer .btn {
background-color: transparent;
border: none;
outline: none;
font-size: 17px;
}
.hidden-bar-wrapper {
height: 100%;
}
.hidden-bar .logo {
padding: 75px 0 105px;
}
.hidden-bar .main_menu {
background-color: transparent;
padding: 0;
display: block;
float: none;
}
.hidden-bar .main_menu ul li {
float: none;
margin: 0;
padding: 0;
list-style: none;
}
.hidden-bar .main_menu ul li ul a {
background: #161616;
}
.hidden-bar .main_menu ul li ul li ul li a {
background: #1C1C1C;
}
.hidden-bar .main_menu a.current {
color: #E8A20C;
}
.hidden-bar .main_menu li.current > a {
color: #E8A20C;
}
.hidden-bar .main_menu ul li a {
background: #212121;
color: #fff;
display: block;
font-weight: 600;
text-transform: uppercase;
border-top: 1px solid #2B2B2B;
border-bottom: 1px solid #2B2B2B;
padding: 10px 0;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.hidden-bar .main_menu ul li a:hover {
background: #1C1C1C;
color: #E8A20C;
}
.hidden-bar .main_menu ul li a .btn.expander {
background: #161616;
color: #fff;
border: 1px solid #2B2B2B;
padding: 3px 10px;
font-size: 10px;
border-radius: 7px;
position: absolute;
top: 10px;
right: 35px;
outline: none;
}
.header-v2 .hidden-bar-opener {
margin-top: 35px;
margin-left: 22px;
background: transparent;
border: none;
}
.header-v2 .hidden-bar-opener:focus {
display: none;
}
.header-v2 .hidden-bar-opener span {
display: block;
background: #000;
width: 22px;
height: 2px;
margin: 5px 0;
}
.subbtn{
background: #337ab7;
padding: 4px 29px;
border-radius: 10px;
}