/* Business Point - HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style One / Style Two
5. Main Slider
6. Welcome Section
7. About us
8. Fullwidth Section One
9. Services Section
10. Request Section
11. Projects Gallery
12. Creative Project
13. Project Single Section
14. Testimonials
15. Sponsors Section
16. Subscribe Section
17. Map Section
18. Team section
19. Latest News
20. Comment Form
21. comment area Style
22. Accordion Box
23. Pricing plan
24. Fact Counter
25. Breadcrumb Title
26. Sidebar Page
27. Main Footer
28. Login Section
29. Shop Item
30. Sidebar Realated Posts
31. Sidebar Range slider
32. Product Details
33. Product Tabs Style
34. Shop Comment Form
35. CheckOut Sectioon
36. Cart Section style
37. Contact Form
38. Error Section
39. FAQ'S section
**********************************************/
/*====================================================================
Fonts
=====================================================================*/
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900|Montserrat:300,400,500,600,700,900|Varela+Round|Great+Vibes');
/*
font-family: 'Merriweather', serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Great Vibes', cursive;
font-family: 'Varela Round', sans-serif;
*/
/*====================================================================
Reset css
=====================================================================*/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
display:block
}
/*====================================================================
Global Settings
=====================================================================*/
body {
font-size:15px;
color:#777777;
line-height:1.8em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Roboto', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Arimo', sans-serif;
}
ol,ul,li{
margin: 0;
padding: 0;
list-style-type:none;
}
a{
text-decoration: none;
cursor:pointer;
outline:none;
color:inherit;
}
a:hover,
a:focus,
a:active,
a:visited{
text-decoration:none;
outline:none;
}
img{
display:inline-block;
max-width:100%;
height:auto;
}
p,.text{
font-size: 15px;
color: #777777;
margin: 0;
position:relative;
line-height:1.8em;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
.auto-container{
position:static;
max-width:1140px;
padding:0px 15px;
margin:0 auto;
}
.bg,
.parallax{
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-attachment: scroll;
}
.parallax{background-attachment: fixed; }
.grey-bg{background-color:#f8f8f8; }
.remove-top{padding-top: 0 !important;}
.remove-bottom{padding-bottom: 0 !important;}
.theme_color{color:#009fe9;}
.strike-through{text-decoration:line-through; }
.centered{text-align:center; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: inherit;
}
::-moz-placeholder { /* Firefox 19+ */
color: inherit;
}
:-ms-input-placeholder { /* IE 10+ */
color: inherit;
}
:-moz-placeholder { /* Firefox 18- */
color: inherit;
}
.btn-classic{
font-size: 11px;
padding: 8px 23px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
background: #9d1b20;
border: 2px solid #9d1b20;
letter-spacing: .25px;
display: inline-block;
transition: all 300ms ease;
}
.section-padding{
padding: 80px 0;
}
/*====================================
Page Loader
====================================*/
.preloader{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:999999;
background-color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-image:url(../images/icons/preloader.svg);}
/*========================================
Scroll To Top style
==========================================*/
.scroll-to-top{
position:fixed;
bottom:50px;
right:15px;
width:50px;
height:50px;
color:#ffffff;
font-size:13px;
text-transform:uppercase;
line-height:50px;
text-align:center;
z-index:9999;
cursor:pointer;
background:#444444;
display:none;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-top:hover{
color:#ffffff;
background:#9d1b20;
}
.scroll-to-top.style2:hover{
background: #012b45;
}
.scroll-to-top.style3:hover{
background: #d3b86e;
}
/*==================================
Button Styles
====================================*/
.theme-btn{
display:inline-block;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition: all 300ms ease;
}
.theme-btn i{
margin-right: 10px;
}
/*Btn Style One*/
.btn-style-one{
font-size: 11px;
padding:8px 23px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
background: #9d1b20;
border:2px solid #9d1b20;
letter-spacing: .25px;
display: inline-block;
transition: all 300ms ease;
}
.btn-style-one:hover{
color: #9d1b20;
background: none;
}
/*Btn Style Two*/
.btn-style-two{
position: relative;
padding: 17px 28px;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: normal;
border: 2px solid #fff;
text-transform: uppercase;
transition: all 300ms ease;
}
.btn-style-two:hover{
color: #9d1b20;
background: #fff;
}
/*Btn Style Three*/
.btn-style-three{
position: relative;
padding: 18px 28px;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: 20px;
letter-spacing: .25px;
border: 2px solid #d99300;
text-transform: uppercase;
transition: all 300ms ease;
}
.btn-style-three:hover{
color: #fff;
background: #d99300;
}
/*Btn Style Three*/
.btn-style-four{
}
.btn-style-four:hover{
}
/*Btn Style Three*/
.btn-style-five{
font-size: 12px;
line-height: 20px;
padding: 13px 23px;
float: left;
font-weight: 700;
text-transform: uppercase;
color: #666666;
margin-right: 10px;
border: 2px solid #cccccc;
font-family: 'Varela Round', sans-serif;
transition: all 300ms ease;
}
.btn-style-five:hover{
background: #cccccc;
color: #666666;
}
/*Btn Style Three*/
.btn-style-six{
font-size: 12px;
line-height: 20px;
padding: 13px 25px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
float: left;
margin-right: 10px;
background: #d99300;
border: 2px solid #d99300;
font-family: 'Varela Round', sans-serif;
transition: all 300ms ease;
}
.btn-style-six:hover{
color: #d99300;
background: none;
}
/*Btn Style Three*/
.btn-style-seven{
font-size: 16px;
line-height: 25px;
padding: 13px 25px;
font-weight: 700;
color: #333333;
float: left;
margin-right: 10px;
border: 2px solid #bda55e;
font-family: "Montserrat";
transition: all 300ms ease;
}
.btn-style-seven:hover{
color: #ffffff;
background: #baa25c;
}
.btn-style-eight{
margin-right: 0;
font-family: 'Montserrat';
font-size: 14px;
color: #ffffff;
line-height: 20px;
padding: 12px 30px;
font-weight: 700;
text-transform: uppercase;
background: #d3b86e;
border-color: #d3b86e;
border: 2px solid #d3b86e;
}
.btn-style-eight:hover{
background: none;
color: #d3b86e;
}
.btn-rounded{border-radius: 50px !important; }
.field-inner .ui-selectmenu-button.ui-button{
width:100%;
background:#ffffff;
font-size:14px;
font-style:normal;
height:52px;
padding:10px 20px;
border:1px solid #e3e3e3;
line-height:30px;
color:#333333;
border-radius:0px;
}
.field-inner .ui-button .ui-icon{
background:none;
position:relative;
top:3px;
text-indent:0px;
color:#333333;
}
.field-inner .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:4px !important;
top:13px;
width:10px;
height:20px;
display:block;
color:#333333;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
/*==================================
List Style Type
===================================*/
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
font-size:15px;
line-height: 28px;
font-weight:400;
padding-left:35px;
color:#777777;
}
.list-style-one li:before{
position:absolute;
content:'\f178';
left:0px;
top:0px;
color:#009fe9;
font-size:16px;
font-family: 'FontAwesome';
}
/*==================================
Fancy Box
===================================*/
.fancybox-next span,
.fancybox-prev span{
background-image:none !important;
width:44px !important;
height:44px !important;
line-height:44px !important;
text-align:center;
}
.fancybox-next span:before,
.fancybox-prev span:before{
content:'';
position:absolute;
font-family: 'FontAwesome';
left:0px;
top:0px;
font-size:12px;
width:44px !important;
height:44px !important;
line-height:44px !important;
background-color:rgba(28,28,28,0.40) !important;
color:#ffffff;
visibility:visible;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.fancybox-next span:before{
content:'\f178';
}
.fancybox-prev span:before{
content:'\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
background-color:#ffffff !important;
color:#000000;
}
.fancybox-type-image .fancybox-close{
right:0px;
top:0px;
width:45px;
height:45px;
background:url(../images/icons/icon-cross.png) center center no-repeat;
background-color:rgba(17,17,17,0.50) !important;
}
.fancybox-type-image .fancybox-close:hover{
background-color:#000000 !important;
}
.fancybox-type-image .fancybox-skin{
padding:0px !important;
}
/*===============================
Social Icon One
===============================*/
.social-icon-one{
position:relative;
}
.social-icon-one li{
position:relative;
margin-right:10px;
display:inline-block;
}
.social-icon-one li a{
position:relative;
width:36px;
height:36px;
font-size:16px;
text-align:center;
border-radius:50%;
line-height:34px;
color:#858585;
display:inline-block;
border:1px solid #858585;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-one li a:hover{
color:#b9a366;
border-color:#b9a366;
}
.social-icon-two{
position: relative;
display: block;
text-align: center;
}
.social-icon-two li{
display: inline-block;
margin-right: 20px;
}
.social-icon-two li a{
font-size: 24px;
line-height: normal;
color: #fff;
transition: all 300ms ease;
}
.social-icon-two li:hover a{
color: #222222;
}
/*==================================================
Section title Style
===================================================*/
.sec-title{
position:relative;
display: block;
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.sec-title img{
position:relative;
display: block;
margin: 0 auto 6px;
}
.sec-title span{
font-size: 12px;
line-height: normal;
color: #666666;
display: inline-block;
position: relative;
margin: 0 auto;
width: auto;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 15px;
}
.sec-title span:before,
.sec-title span:after{
position: absolute;
left: -55px;
content: url(../images/resource/ltl.png);
}
.sec-title span:after{
left: auto;
right: -55px;
content: url(../images/resource/ltr.png);
}
.sec-title h2{
position:relative;
font-size:28px;
line-height: 40px;
color: #333333;
font-weight:700;
display: block;
width: 100%;
text-transform: uppercase;
}
.sec-title p{
font-size: 13px;
line-height: 26px;
color: #666666;
margin-top: 15px;
}
.fancy{
position: relative;
font-size: 12px;
line-height: normal;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 2px;
margin-bottom: 5px;
}
.fancy:before{
position: absolute;
right: -50px;
top: 0;
content: url(../images/resource/lt.png);
height: 7px;
width: 47px;
}
.sec-title.light h2{color: #ffffff;}
.sec-title.light span{color: #cccccc;}
.sec-title.golden span:before{content: url(../images/resource/ltlg.png);}
.sec-title.golden span:after{content: url(../images/resource/ltrg.png);}
.fancy.dark{color: #666666;}
.fancy.dark:before{content: url(../images/resource/ltr.png);}
.fancy-title h2{
font-size: 48px;
font-family: 'Great Vibes', cursive;
text-transform: unset;
font-weight: normal;
}
.fancy-title p{margin-top: 10px;font-family: "merriweather";font-weight: 300;}
.fancy-title span{margin-bottom: 20px;font-family: "Montserrat"; font-weight: 400;}
.sec-title.text-left {text-align: left ; }
.sec-title.text-left span:before{display: none;}
/*==================================================
Main Header style
===================================================*/
.main-header{
position:relative;
left:0px;
top:0px;
z-index:999;
width:100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
/*Sticky Header*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
z-index:0;
border-bottom:1px solid #d9d9d9;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:5px 0px 2px;
}
.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
background-color:#ffffff;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-o-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-header .header-upper{
position:relative;
z-index:5;
background-color:#242424;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .header-upper .logo img{
position:relative;
display:inline-block;
max-width:100%;
}
.main-header .logo-outer{
position:relative;
z-index:25;
padding:40px 0px;
}
.main-header .logo-outer .logo a{
display: block;
}
.main-header .header-upper .upper-right{
position:relative;
padding-top:40px;
}
.main-header .info-box{
position:relative;
float:left;
margin-left:22px;
text-align: right;
}
.main-header .info-box:last-child{
padding-left:0px;
padding-top:0px;
}
.main-header .info-box li{
position:relative;
color:#ffffff;
font-size:18px;
margin-bottom:5px;
font-weight:400;
text-transform:capitalize;
}
.main-header .info-box strong{
position:relative;
font-weight:600;
color:#ffffff;
font-size:28px;
}
.main-header .info-box .order-btn{
position: relative;
line-height: 24px;
color: #ffffff;
font-size: 12px;
font-weight: 700;
padding: 18px 24px;
background: #9d1b20;
border-radius: 3px;
text-transform: uppercase;
}
.main-header .info-box .order-btn:hover{
opacity:0.50;
}
.main-header .header-lower{
position:relative;
top:0px;
width:100%;
z-index:5;
background-color:#333333;
}
.main-header .nav-outer{
position:relative;
}
.main-menu{
position:relative;
float:left;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:relative;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
border-left:2px solid #383838;
border-right:2px solid #383838;
}
.main-menu .navigation > li:last-child{
margin-right:0px;
}
.main-header .sticky-header .main-menu .navigation > li{
margin:0px;
border:0px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
font-size:12px;
color:#ffffff;
line-height:30px;
font-weight:700;
opacity:1;
text-transform:uppercase;
padding:20px 31px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > a:focus,
.main-menu .navigation > li:hover > a{
opacity:1;
background: #9d1b20;
color: #fff;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:100%;
width:250px;
padding:0px 0px;
z-index:100;
opacity: 0;
visibility: hidden;
background:#333333;
border-top:2px solid #9d1b20;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-menu .navigation > li > ul > li:last-child{
border-right:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:10px 20px;
line-height:24px;
font-weight:500;
font-size:15px;
color:#ffffff;
text-align:left;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ffffff;
background:#9d1b20;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:15px;
top:11px;
width:10px;
height:20px;
display:block;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:0px;
width:250px;
padding:0px;
z-index:100;
visibility: hidden;
opacity: 0;
background:#333333;
border-top:2px solid #9d1b20;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:10px 20px;
line-height:24px;
font-weight:500;
font-size:15px;
color:#ffffff;
text-align:left;
text-transform:capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover{
color:#ffffff;
background:#9d1b20;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:8px;
width:34px;
height:30px;
border:1px solid #ffffff;
text-align:center;
font-size:16px;
line-height:26px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .outer-box{
position:relative;
z-index:12;
float:right;
}
/*Search Box*/
.main-header .nav-outer .dropdown-outer{
position:relative;
font-size:14px;
left:0px;
top:0px;
height:70px;
line-height:70px;
color:#ffffff;
}
.main-header .nav-outer .dropdown-outer .search-box-btn{
position:relative;
font-size:16px;
right:0px;
top:0px;
line-height:20px;
cursor:pointer;
background:none;
}
.main-header .nav-outer .dropdown-outer .dropdown-menu{
top:68px;
padding:0px;
width:270px;
border-radius:0px;
border-top:2px solid #9d1b20;
}
.main-header .search-panel .form-container{
padding:20px 20px;
}
.main-header .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
display:block;
width:100%;
color:#000000;
line-height:24px;
padding:9px 50px 9px 15px;
height:44px;
border:1px solid #e0e0e0;
background:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
border-color:#9d1b20;
}
.main-header .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#2b2b2b;
font-size:14px;
background:none;
cursor:pointer;
line-height:44px;
}
/*====================================================================
Gallery Section
=====================================================================*/
.gallery-section{
position: relative;
padding: 110px 0;
}
.gallery-section .inner-container{
position: relative;
max-width: 1200px;
margin: 0 auto;
}
/*====================================================================
Header Style 2
=====================================================================*/
.header-style-two{
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.header-style-two .header-upper{
background: none;
}
.header-style-two .info-box{
float: none;
}
.header-style-two .header-upper .upper-right{
padding-top: 30px;
}
.header-style-two .info-box{
margin: 0;
margin-bottom: 10px;
}
.header-style-two .info-box li{
font-size: 14px;
line-height: 20px;
color: #333333;
display: inline-block;
font-family: 'Varela Round', sans-serif;
}
.header-style-two .info-box li strong {
font-weight: 700;
font-size: 14px;
color: #333333;
}
#toggle-menu-btn{
font-size: 18px;
line-height: 20px;
padding: 13px 15px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
border: none;
background: none;
outline: none;
background: #005689;
border: 2px solid #005689;
font-family: 'Varela Round', sans-serif;
transition: all 300ms ease;
display: inline-block;
float: left;
}
#toggle-menu-btn:hover{
color: #005689;
background: none;
}
#side-nav{
position: fixed;
top: 0;
display: block;
background-color: #005689;
width: 250px;
height: 100vh;
z-index: 999;
left: -250px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#side-nav.active{
left: 0;
}
#nav-close{
font-size: 15px;
position: absolute;
right: 15px;
top: 20px;
height: 25px;
width: 25px;
border: 2px solid #fff;
background: none;
color: #fff;
line-height: 10px;
z-index: 999;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#nav-close:hover{
background: #ffffff;
color: #005689;
}
#side-nav nav{
position: relative;
padding: 70px 0px 0;
}
#side-nav nav ul li{
position: relative;
float: left;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,.5);
}
#side-nav nav ul li a{
font-size: 16px;
color: #fff;
padding: 10px 15px 7px;
display: block;
font-weight: 700;
text-transform: capitalize;
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
#side-nav nav ul > li > a:hover{
background: rgba(255,255,255,.9);
color: #005689;
}
#side-nav .dropdown-btn{
position: absolute;
right: 15px;
top: 10px;
font-size: 14px;
color: #d99300;
z-index: 1;
}
#side-nav .dropdown.active > .dropdown-btn{
transform: rotate(180deg);
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
#side-nav nav ul > li:last-child{
border-bottom: 0;
}
/*====================================================================
Header Style Three
=====================================================================*/
.header-style-three{
position: relative;
display: block;
width: 100%;
}
.top-bar{
position: relative;
background-color: #313561;
padding: 6px 0;
}
.top-bar .social-icon ul li{
margin-left: 30px;
margin-right: 0;
}
.top-bar .social-icon ul li:first-child{
margin-left: 0;
}
.top-bar .social-icon ul li a{
color: rgba(255,255,255,.5);
}
.top-bar .social-icon ul li:hover a{
color: #fff;
}
.top-info{
position: relative;
}
.top-info li{
position: relative;
float: left;
}
.top-info li a{
font-size: 14px;
line-height: 20px;
color: #ffffff;
font-family: 'merriweather';
margin-left: 40px;
}
.header-style-three .header-upper{
background: none;
}
.header-style-three .logo-outer{
padding: 45px 0;
}
.header-style-three .header-upper .upper-right{
padding-top: 15px;
padding-bottom: 5px;
}
.header-style-three .info-box{
float: right;
padding-bottom: 5px;
}
.header-style-three .info-box ul{
position: relative;
float: left;
margin-right: 38px;
}
.header-style-three .info-box li{
color: #333333;
font-size: 16px;
line-height: 20px;
padding: 15px 0;
float: left;
font-family: 'Montserrat', sans-serif;
text-transform: unset;
font-weight: 600;
margin-left: 7px;
margin-bottom: 10px;
}
.header-style-three .info-box li strong{
color: #d3b86e;
font-size: 16px;
font-weight: 700;
}
.header-style-three .info-box .theme-btn{
margin-right: 0;
font-family: 'Montserrat';
font-size: 14px;
background: #d3b86e;
border-color: #d3b86e;
letter-spacing: .25px;
}
.header-style-three .info-box .theme-btn:hover{
background: none;
color: #d3b86e;
}
.header-style-three .main-menu .navigation{
padding: 0 110px;
border-top: 2px solid #f1f1f1;
margin-bottom: 10px;
}
.header-style-three .main-menu .navigation > li{
border: 0;
}
.header-style-three .main-menu .navigation > li > a{
font-size: 14px;
color: #000000;
line-height: 20px;
font-weight: 700;
opacity: 1;
letter-spacing: .5px;
text-transform: uppercase;
padding: 30px 20px;
font-family: 'Montserrat';
}
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .main-menu .navigation > li > a:focus,
.header-style-three .main-menu .navigation > li:hover > a{
background: none;
color: #d3b86e;
}
.header-style-three .main-menu .navigation > li > ul > li > ul > li > a:hover,
.header-style-three .main-menu .navigation > li > ul > li:hover > a{
background: #d3b86e;
}
.header-style-three .main-menu .navigation > li > ul,
.header-style-three .main-menu .navigation > li > ul > li > ul{
border-color: #d3b86e !important;
}
/*====================================================================
Main Slider style
=====================================================================*/
.main-slider{
position:relative;
z-index:10;
}
.main-slider .tp-caption{
z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
background:none !important;
}
.main-slider .btns-box .theme-btn{
margin-right:28px;
margin-bottom:10px;
}
.main-slider h2{
position:relative;
color:#ffffff;
font-size:40px;
font-weight:700;
line-height: normal;
}
.main-slider .text{
position:relative;
font-size:14px;
line-height: 30px;
font-weight:300;
color:#ffffff ;
z-index: 99;
font-family: 'merriweather';
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
display:none !important;
}
.slider-style-two h2{
position:relative;
color:#222222;
font-size:46px;
font-weight:700;
line-height: normal;
font-family: 'Varela Round', sans-serif;
}
.slider-style-two .text{
position:relative;
font-size:18px;
line-height: 30px;
font-weight:400;
color:#005689 ;
z-index: 99;
font-family: 'Varela Round', sans-serif;
}
.slider-style-two .fancy:before{
top: 3px;
}
/*====================================================================
Intro Section
=====================================================================*/
.intro-section{
position: relative;
padding: 110px 90px;
}
.intro-section .sec-title{
padding: 0 150px;
margin-bottom: 25px;
}
.intro-section .sec-title span{
margin-bottom: 25px;
}
.intro-section .content-box{
padding: 0 100px;
text-align: center;
}
.intro-section .content-box .text{
margin-bottom: 50px;
}
.intro-section .content-box a{
float: none;
margin-bottom: 30px;
}
.intro-slider-section{
position: relative;
}
.intro-section-style-two{
position: relative;
padding: 125px 70px 260px;
background: #fbf8f0;
margin-top: -40px;
margin-bottom: -225px;
text-align: center;
}
.intro-section-style-two .intro-text{
position: relative;
}
.intro-section-style-two .intro-text .detail-box{
margin-bottom: 30px;
}
.intro-section-style-two .intro-text h2{
font-size: 60px;
color: #333333;
font-family: 'Great Vibes', cursive;
margin-bottom: 5px;
}
.intro-section-style-two .intro-text p{
font-size: 16px;
line-height: 30px;
color: #666666;
font-family: "merriweather";
font-weight: 300;
}
/*====================================================================
Feature Section
=====================================================================*/
.feature-section{
position: relative;
margin-bottom: 100px;
}
.feature-section .feature-outer{
position: relative;
box-shadow: 0 0 54px rgba(0,0,0,.1);
background: #ffffff;
}
.feature-block{
position: relative;
padding: 75px 0px 50px;
text-align: center;
}
.feature-block .inner-box{
position: relative;
border-right: 1px solid #ddd;
padding: 0 40px;
}
.feature-block:last-child .inner-box{
border-right: 0;
}
.feature-block .inner-box .icon-box{
margin-bottom: 30px;
}
.feature-block .inner-box .info-box h3{
font-size: 16px;
line-height: 24px;
color: #333333;
font-weight: 700;
text-transform: uppercase;
font-family: "Montserrat";
margin-bottom: 10px;
}
.feature-block .inner-box .info-box p{
font-size: 13px;
line-height: 26px;
color: #333333;
font-family: "merriweather";
margin-bottom: 0;
padding-bottom: 25px;
font-weight: 300;
}
/*====================================================================
Practice Area Section
=====================================================================*/
.practice-area-section{
position: relative;
}
.practice-area-section .sec-title{
margin-bottom: 55px;
}
.feature-block-style-two{
position: relative;
}
.feature-block-style-two {
position: relative;
display: block;
margin-bottom: 70px;
}
.feature-block-style-two .inner-box{
position: relative;
}
.feature-block-style-two .image-box{
position: relative;
}
.feature-block-style-two .image-box img{
width: 100%;
}
.feature-block-style-two .caption-box{
position: relative;
padding: 35px 40px;
text-align: center;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-style-two .caption-box h3{
font-size: 16px;
line-height: 24px;
color: #333333;
font-weight: 700;
text-transform: uppercase;
font-family: "Montserrat";
margin-bottom: 15px;
}
.feature-block-style-two .caption-box h3 a{
color: #333333;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-style-two .caption-box p{
font-size: 13px;
line-height: 26px;
color: #666666;
font-weight: 300;
font-family: "merriweather";
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.feature-block-style-two:hover .caption-box{
background-color: #d3b86e;
}
.feature-block-style-two:hover .caption-box p,
.feature-block-style-two:hover .caption-box h3 a{
color: #ffffff
}
/*====================================================================
Case Studies Section
=====================================================================*/
.case-studies{
position: relative;
display: block;
background-color: #005689;
padding: 100px 0 70px;
}
.case-studies .sec-title {
margin-bottom: 40px;
}
.case-studies .sec-title span{
margin-bottom: 5px;
}
.case-studies-slider{
position: relative;
margin-bottom: 100px;
}
.case-studies-slider .slide-item{
position: relative;
}
.case-studies-slider .slide-item .inner-box{
position: relative;
display: block;
border-bottom: 2px solid #266f9b;
transition: all 200ms ease;
}
.case-studies-slider .slide-item:hover .inner-box{
border-bottom: 2px solid #d99300;
}
.case-studies-slider .slide-item .inner-box .image-box{
position: relative;
}
.case-studies-slider .slide-item .inner-box .image-box img{
width: 100%;
}
.case-studies-slider .slide-item .inner-box .caption-box{
position: relative;
padding: 30px 8px 35px;
}
.case-studies-slider .slide-item .inner-box .caption-box h3{
font-size: 16px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px;
font-family: 'Varela Round', sans-serif;
}
.case-studies-slider .slide-item .inner-box .caption-box h3:hover a{
color: #fff;
}
.case-studies-slider .slide-item .inner-box .caption-box p{
font-size: 14px;
line-height: 26px;
color: rgba(255,255,255,0.40);
}
.case-studies .lower-content{
position: relative;
text-align: center;
}
.case-studies .lower-content h2{
font-size: 32px;
line-height: 40px;
color: #ffffff;
margin-bottom: 11px;
font-family: 'Varela Round', sans-serif;
}
.case-studies .lower-content p{
font-size: 14px;
line-height: 26px;
color: rgba(255,255,255,.70);
font-family: 'Varela Round', sans-serif;
margin-bottom: 45px;
}
.case-studies .lower-content a{
}
/*====================================================================
Fact Counter
=====================================================================*/
.fact-counter{
position: relative;
width:100%;
padding: 70px 0 30px;
text-align: center;
}
.counter-box{
position: relative;
border-bottom: 1px solid #eeeeee;
padding-bottom: 40px;
}
.count-box{
position: relative;
display: inline-block;
padding: 0 70px;
margin-bottom: 28px;
}
.count-box .count-outer{
position: relative;
}
.count-box .count-outer span{
font-size: 48px;
line-height: normal;
color: #333333;
font-family: 'Varela Round', sans-serif;
}
.count-box .counter-title{
font-size: 14px;
color: #666666;
line-height: 20px;
}
.call-us{
position: relative;
text-align: center;
padding: 60px 0 ;
}
.call-us .info-box{
position: relative;
display: block;
}
.call-us .info-box h3{
font-size: 24px;
line-height: 30px;
color: #333333;
font-weight: normal;
margin-bottom: 25px;
}
.call-us .info-box h3 strong{
font-weight: 700;
}
.call-us .theme-btn{
float: none;
margin-bottom: 30px;
}
.fact-counter-style-two{
position: relative;
background-size: cover;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
padding: 70px 0 60px;
}
.fact-counter-style-two .sec-title h2{
display: inline;
}
.fact-counter-style-two .sec-title h2:before,
.fact-counter-style-two .sec-title h2:after{
position: absolute;
left: -95px;
content: url(../images/resource/rt.png);
}
.fact-counter-style-two .sec-title h2:after{
left: auto;
right: -95px;
content: url(../images/resource/lt.png);
}
.fact-counter-style-two:before{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background:rgba(49,53,97,.85);
content: "";
}
.fact-counter-style-two .counter-box{
border: none;
text-align: center;
}
.fact-counter-style-two .count-box{
padding: 0 60px;
padding-top: 60px;
margin-bottom: 30px;
}
.fact-counter-style-two .count-box .count-outer span{
color: #ffffff;
font-family: "merriweather";
line-height: 50px;
display: inline-block;
margin-bottom: 13px;
}
.fact-counter-style-two .count-box .counter-title{
font-size: 11px;
color: #ffffff;
line-height: 20px;
font-weight: 700;
font-family: "Montserrat";
text-transform: uppercase;
}
/*====================================================================
Info And Shedule
=====================================================================*/
.info-and-shedule{
position: relative;
background-color: #baa25b;
padding: 60px 0 30px;
}
.info-and-shedule .inner-container{
position: relative;
text-align: center;
}
.info-and-shedule .inner-container .info-box{
position: relative;
display: inline-block;
max-width: 500px;
width: 100%;
padding: 0 15px;
}
.info-and-shedule .inner-container .info-box .inner-box{
position: relative;
padding: 50px;
text-align: left;
background-color: #ffffff;
z-index: 9;
min-height: 350px;
}
.info-and-shedule .inner-container .info-box .inner-box:before{
position: absolute;
right:15px;
bottom: 15px;
height: 90px;
width: 160px;
background:url(../images/resource/eagle-bg.png);
content: '';
z-index: -1;
}
.info-and-shedule .info-box{
position: relative;
margin-bottom: 30px;
}
.info-and-shedule .info-box .icon{
display: block;
margin-bottom: 10px;
}
.info-and-shedule .info-box h3{
font-size: 18px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
color: #333333;
font-family: "Montserrat";
margin-bottom: 20px;
}
.info-and-shedule .info-box.shedule h3{
margin-bottom: 49px;
}
.info-and-shedule .info-box p{
font-size: 13px;
line-height: 26px;
color: #666666;
font-family: "merriweather";
margin-bottom: 30px;
}
.info-and-shedule .info-box a{
float: none;
}
.info-and-shedule .info-box .shedule{
position: relative;
padding-right: 70px;
margin-bottom: 15px;
}
.info-and-shedule .info-box .shedule li{
font-size: 13px;
line-height: 20px;
padding: 20px 0;
font-family: "merriweather";
text-transform: capitalize;
border-top:1px solid #eeeeee;
}
.info-and-shedule .info-box .shedule li:first-child{
padding-top: 0;
border-top: 0;
}
.info-and-shedule .info-box .shedule li:last-child{
padding-bottom: 0;
}
.info-and-shedule .info-box .shedule li span{
float: right;
font-size: 13px;
color: #666666;
font-weight: 700;
}
/*====================================================================
Progress and Testimonials
=====================================================================*/
.progress-and-testimonials{
position: relative;
padding: 95px 0 70px;
}
.progress-column{
position: relative;
padding-right: 55px;
}
.progress-column .sec-title h2{
font-size: 48px;
line-height: 56px;
color: #333333;
margin-bottom: 10px;
}
.progress-box{
position: relative;
margin-top:40px;
}
.progress-data{
font-size: 11px;
line-height: 20px;
color: #333333;
display: block;
text-transform: uppercase;
font-weight: 500;
font-family: "Montserrat";
}
.progress-line{
margin-top: 10px;
background: #f4f4f4;
height: 5px;
max-width: 100%;
}
.progress-bar{
position: relative;
background-color: #313561;
}
.value {
position:absolute;
right:0px;
bottom:15px;
font-size: 11px;
color: #333333;
display: block;
text-transform: uppercase;
font-family: "Montserrat";
}
.testimonial-area{
position: relative;
padding-top: 35px;
}
.testimonial-slider-style-two{
padding: 0;
text-align: left;
background: #fbf8f0;
margin-bottom: 60px;
}
.testimonial-slider-style-two .slide-item{
position: relative;
padding: 50px 40px 30px 80px;
}
.testimonial-slider-style-two .slide-item:before{
position: absolute;
left: 35px;
top: 40px;
color: #d3b86e;
content: "“";
font-size: 72px;
line-height: normal;
font-family: "Montserrat";
font-weight: 500;
}
.testimonial-slider-style-two .slide-item p{
font-size: 13px;
line-height: 26px;
color: #666666;
margin-bottom: 15px;
font-weight: 300;
font-family: "merriweather";
}
.testimonial-slider-style-two .slide-item .info-box{
position: relative;
padding-left: 78px;
padding-top: 10px;
min-height: 60px;
margin-bottom: 20px;
}
.testimonial-slider-style-two .slide-item .info-box img{
position: absolute;
left: 0;
top: 0;
width: auto;
}
.testimonial-slider-style-two .slide-item .info-box .name{
display: block;
font-size: 14px;
line-height: 20px;
color: #000000;
text-transform: uppercase;
font-family: "Montserrat";
}
.testimonial-slider-style-two .slide-item .info-box .name span{
font-size: 12px;
line-height: 20px;
color: #666666;
text-transform: capitalize;
font-family: "Montserrat";
display: block;
}
.testimonial-slider-style-two .owl-dots{
position: absolute;
bottom: -65px;
width: 100%;
text-align: center;
}
.testimonial-slider-style-two .owl-dot{
height: 7px;
width: 7px;
margin:0 5px;
display: inline-block;
background-color: #cccccc;
transition: all 300ms ease;
}
.testimonial-slider-style-two .owl-dot.active{
height: 11px;
width: 11px;
background-color: #d3b86e;
margin-bottom: -2px;
}
/*====================================================================
Why Choose Us
=====================================================================*/
.why-choose-us{
position: relative;
background: #f0faff;
padding: 95px 0 75px;
}
.why-choose-us .sec-title{
margin-bottom: 70px;
}
.big-img-section{
position: relative;
padding-top: 35px;
}
.big-img-section .image-box{
position: relative;
text-align: center;
}
.big-img-section .image-box img{
max-width: 100%;
height: auto;
}
/*====================================================================
Contact us section
===================================================================*/
.contact-us-section{
position: relative;
padding: 100px 0 80px;
}
.contact-us-section .sec-title{
margin-bottom: 50px;
}
.contact-form{
position:relative;
padding-right:15px;
}
.contact-form .form-group{
position:relative;
margin-bottom:20px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,
.contact-form .form-group select{
float: left;
width: 100%;
height: 40px;
border: 1px solid #c1c1c1;
padding: 0 20px;
margin: 0 0 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font: 400 14px/14px 'Open Sans',sans-serif;
color: #666;
border-radius: 0;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
}
.contact-form .form-group textarea{
height: 120px;
resize:none;
margin-bottom: 0px;
padding: 20px;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:11px;
color:#ff0000;
font-weight:500;
}
/*====================================================================
Request Section
=====================================================================*/
.request-section{
position: relative;
}
.request-section .video-column{
position: relative;
padding: 90px 0 ;
}
.request-section .video-column .video-box{
position: relative;
margin-bottom: 35px;
}
.request-section .video-column .video-box img{
width: 100%;
}
.request-section .video-column .video-box a{
position: absolute;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
height: 60px;
line-height: 60px;
text-align: center;
widows: 60px;
color: #fff;
font-size: 58px;
}
.request-section .video-column .content-box{
position: relative;
text-align: center;
padding: 0 30px;
}
.request-section .video-column .content-box h2{
font-size: 28px;
line-height: 40px;
color: #333333;
font-weight: 700;
margin-bottom: 10px;
}
.request-section .video-column .content-box p{
font-size: 13px;
line-height: 26px;
color: #666666;
font-weight: 300;
font-style: italic;
font-family: 'merriweather';
}
.request-section .form-outer{
position:relative;
max-width:485px;
float:right;
width:100%;
z-index: 99;
margin-top: -22px;
padding-bottom: 110px;
}
.request-section .form-outer .inner-box{
position:relative;
display:block;
padding:45px 50px 30px;
background-color:#9d1b20;
}
.request-section .form-outer .inner-box h2{
position:relative;
font-size: 24px;
line-height: normal;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}
.request-section .form-outer .inner-box p{
position:relative;
color:#ffffff;
font-size:13px;
line-height: 26px;
font-weight: 300;
font-family: 'merriweather';
margin-bottom: 20px;
}
.request-section .default-form .form-group{
margin-bottom: 15px;
}
.request-section .default-form input[type="text"],
.request-section .default-form input[type="email"],
.request-section .default-form input[type="password"],
.request-section .default-form select,
.request-section .default-form textarea{
display:block;
font-size:13px;
color:#ffffff;
font-weight:300;
width:100%;
padding: 0 5px;
line-height:42px;
height:42px;
background: none;
border-bottom:2px solid #bd6f72;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: 'merriweather';
}
.request-section .default-form input:focus,
.request-section .default-form select:focus,
.request-section .default-form textarea:focus{
border-color:#ffffff;
}
.request-section .default-form textarea{
height:117px;
resize:none;
margin-bottom: 30px;
}
.request-section .default-form button{
font-size:14px;
line-height: normal;
color: #ffffff;
background: #242424;
text-transform: uppercase;
font-weight: 700;
padding:20px 90px;
margin:0 auto 20px;
}
.request-section .default-form .call-us p{
font-size: 14px;
line-height: normal;
color: #ffffff;
letter-spacing: -0.25px;
font-weight: 700;
font-family: 'Montserrat';
}
/*====================================================================
Service Section
=====================================================================*/
.service-section{
position: relative;
padding-top: 80px;
clear: both;
background: #242424;
}
.service-page{
background: #fff;
padding: 80px 0px;
}
.service-page .service-block .inner-box h3 a{
color: #666;
}
.service-page .service-block .inner-box {
position: relative;
margin: 10px;
box-shadow: 2px 2px 12px 5px #cecece;
padding: 20px;
transition-duration: .3s;
}
.service-page .service-block .inner-box:hover {
position: relative;
margin: 10px;
box-shadow: 2px 2px 12px 10px #cecece;
padding: 20px;
transform:scale(1.05);
}
.service-block{
position:relative;
text-align: center;
padding-bottom:30px;
margin-bottom:20px;
}
.service-block .inner-box{
position:relative;
}
.service-block .inner-box .icon-box{
position:relative;
margin-bottom:38px;
}
.service-block .inner-box h3{
position:relative;
font-size:16px;
line-height: 24px;
font-weight:700;
text-transform: uppercase;
margin-bottom:20px;
}
.service-block .inner-box h3 a{
position:relative;
color:#ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.service-block .inner-box h3 a:hover{
color:#9d1b20;
}
.service-block .inner-box .text{
position:relative;
font-style: 13px;
line-height: 26px;
color: #8d949a;
font-weight: 300;
padding:0 15px;
font-family: 'merriweather';
}
.services-style-two{
position: relative;
background: #005689;
transition: all 300ms ease;
}
.service-block-two{
position: relative;
float: left;
transition: all 300ms ease;
}
.service-block-two .inner-box{
position: relative;
padding: 40px 40px;
}
.service-block-two .inner-box .icon-box{
position: absolute;
left: auto;
top: auto;
height: 65px;
width: 65px;
border:2px solid #004872;
background: #004872;
text-align: center;
display: table;
transition: all 300ms ease;
}
.service-block-two .inner-box .icon-box figure{
display: table-cell;
vertical-align: middle;
}
.service-block-two .inner-box .content-box{
position: relative;
padding:10px 0;
padding-left: 80px;
}
.service-block-two .inner-box .content-box h2 {
color: #ffffff;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
font-weight: 700;
font-family: 'Varela Round', sans-serif;
}
.service-block-two .inner-box .content-box h2 a{
color: #ffffff;
transition: all 300ms ease;
}
.service-block-two .inner-box .content-box p{
color: #ffffff;
transition: all 300ms ease;
}
.service-block-two:hover{
background: #f0faff;
}
.service-block-two:hover .inner-box .content-box h2 a{
color: #333333;
}
.service-block-two:hover .inner-box .content-box p{
color: #333333;
}
.service-block-two:hover .inner-box .icon-box{
background: none;
}
.services-style-three{
position: relative;
padding: 100px 0 0;
}
.services-style-three .sec-title p{
margin-top: 0px;
}
.services-style-three .sec-title{
margin-bottom: 45px;
}
.services-style-three .services{
margin-bottom: 50px;
text-align: center;
}
.services-style-three .text{
padding: 0 100px;
text-align: center;
}
.service-block-three{
position: relative;
width: 230px;
padding: 0;
padding-right: 10px;
text-align: center;
margin-bottom: 30px;
float: none;
display: inline-block;
}
.service-block-three:last-child{
padding-right:0;
width: 220px;
}
.service-block-three:nth-child(even) .inner-box{
background-color: #d99300 ;
}
.service-block-three:nth-child(odd) .inner-box{
background-color: #005689;
}
.service-block-three .inner-box{
padding: 40px 20px;
width: 220px;
}
.service-block-three .icon-box {
position: relative;
margin-bottom: 25px;
}
.service-block-three .icon-box img{
max-width: 100%;
}
.service-block-three .caption-box{
position: relative;
}
.service-block-three .caption-box h4{
margin-bottom: 10px;
}
.service-block-three .caption-box h4 a{
font-size: 16px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
}
.service-block-three .caption-box p{
font-size: 14px;
line-height: 24px;
color: #ffffff;
}
.service-block-four{
position: relative;
display: block;
min-height: 75px;
margin-bottom: 60px;
}
.service-block-four .inner-box{
position: relative;
display: block;
}
.service-block-four .icon-box{
background-color: #005689;
height: 75px;
width: 75px;
position: absolute;
left: 0;
top: 0;
display: table;
text-align: center;
}
.service-block-four .icon-box figure{
display: table-cell;
vertical-align: middle;
}
.service-block-four .content-box{
position: relative;
padding-left: 100px;
}
.service-block-four .content-box h4 a{
font-size: 16px;
color: #333333;
line-height: 20px;
font-weight: 700;
}
.service-block-four .content-box p{
font-size: 14px;
line-height: 24px;
color: #666666;
}
/*====================================================================
Award Winning secton
=====================================================================*/
.award-winning-section{
position: relative;
background: #242424;
}
.award-winning-section .sec-title{
margin-bottom: 75px;
}
.award-winning-section .inner-box{
position: relative;
transform: translateY(50px);
-moz-transform: translateY(50px);
}
.award-winning-section .award-block .img-box{
position: relative;
display: block;
text-align: center;
background: #fff;
padding:40px;
box-shadow: 0 6px 46px rgba(0,0,0,.1);
margin-bottom: -30px;
}
/*====================================================================
About Us Section
=====================================================================*/
.about-lawyers{
position: relative;
padding-top: 185px;
}
.about-lawyers .content-box{
padding-right: 50px;
margin-bottom: 8px;
}
.about-lawyers .content-box h2 {
font-size: 32px;
line-height: normal;
color: #333333;
text-transform: uppercase;
font-weight: 700;
margin-top: 20px;
margin-bottom: 40px;
}
.about-lawyers .content-box p {
font-size: 13px;
line-height: 26px;
color: #666666;
margin-bottom: 35px;
font-family: 'merriweather';
}
.about-lawyers .content-box a{
font-size: 11px;
padding:8px 23px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
background: #9d1b20;
border:2px solid #9d1b20;
letter-spacing: .25px;
display: inline-block;
transition: all 300ms ease;
}
.about-lawyers .content-box a:hover{
color: #9d1b20;
background: none;
}
/*====================================================================
Recent Articles
=====================================================================*/
.latest-news{
position: relative;
padding: 110px 0 100px;
background: #f4f4f4;
}
.latest-news .sec-title{
margin-bottom: 60px;
}
.latest-news .news-block{
position: relative;
}
.latest-news .news-block .image-box{
position: relative;
margin-bottom: 50px;
}
.latest-news .news-block .image-box img{
width: 100%;
}
.latest-news .news-block .image-box .date {
position: absolute;
right: 0;
bottom: 0;
height: 50px;
width: 50px;
color: #fff;
background: #9d1b20;
text-align: center;
padding-top: 8px;
line-height: 10px;
font-size: 10px;
transition: all 300ms ease;
}
.latest-news .news-block .image-box .date strong{
font-size: 22px;
color: #ffffff;
font-weight: 600;
display: block;
line-height: normal;
float: left;
width: 100%;
}
.latest-news .news-block .image-box:hover .date{
opacity: .5;
}
.latest-news .news-block .content-box{
position: relative;
padding-bottom: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #dddddd;
}
.latest-news .news-block .content-box .tag{
font-size: 10px;
line-height: 24px;
color: #666666;
}
.latest-news .news-block .content-box h3{
font-size: 16px;
line-height: 24px;
color: #333333;
font-weight: 700;
}
.latest-news .news-block:hover .content-box h3 a{
color: #9d1b20;
transition: all 300ms ease;
}
.read-more a{
font-size: 11px;
line-height: normal;
color: #242424;
text-transform: uppercase;
font-weight: 700;
}
.read-more a:hover{
text-decoration: underline;
color: #242424;
}
/*====================================================================
Get Solution
=====================================================================*/
.get-solution{
position: relative;
padding: 60px 0;
background: #9d1b20;
}
.get-solution .detail-box{
position: relative;
}
.get-solution .detail-box h3{
font-size: 32px;
line-height: normal;
color: #ffffff;
font-weight: 700;
}
.get-solution .detail-box p{
font-size: 13px;
line-height: 26px;
color: #ffffff;
font-family: 'merriweather';
}
.get-solution .btn-box a{
position: relative;
padding: 17px 28px;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: normal;
border:2px solid #fff;
text-transform: uppercase;
transition: all 300ms ease;
}
.get-solution .btn-box a:hover{
color: #9d1b20;
background: #fff;
}
/*====================================================================
Testimonials
=====================================================================*/
.testimonials-section{
position: relative;
padding:100px 0 110px;
}
.testimonials-section .sec-title{
position: relative;
margin-bottom: 35px;
}
.testimonials-section .sec-title h2{
text-transform: unset;
position: relative;
display: inline;
}
.testimonials-section .sec-title h2:before,
.testimonials-section .sec-title h2:after{
position: absolute;
left: -63px;
content: url(../images/resource/ltl.png);
top: -10px;
}
.testimonials-section .sec-title h2:after{
left: auto;
right: -63px;
content: url(../images/resource/ltr.png);
}
.testimonial-slider{
position: relative;
text-align: center;
padding: 0 135px;
}
.testimonial-slider .slide-item .content-box{
position: relative;
display: block;
}
.testimonial-slider .slide-item .content-box p{
font-size: 16px;
line-height: 26px;
color: #666666;
position: relative;
margin-bottom: 40px;
}
.testimonial-slider .slide-item .content-box .name{
font-size: 12px;
line-height: normal;
color: #666666;
letter-spacing: .5px;
text-transform: uppercase;
font-weight: bold;
}
.rating{
position: relative;
}
.rating li{
display: inline-block;
font-size: 14px;
line-height: 16px;
color: #005689;
}
/*====================================================================
Full Width Social Links
=====================================================================*/
.full-width-social-links{
position: relative;
}
.full-width-social-links ul{
position: relative;
display: table;
width: 100%;
}
.full-width-social-links ul li{
display: table-cell;
text-align: center;
vertical-align: middle;
padding:10px 0;
}
.full-width-social-links ul li a{
position: relative;
font-size: 18px;
line-height: 20px;
color: #ffffff;
font-family: 'Varela Round', sans-serif;
}
.full-width-social-links ul li a i{
margin-right: 18px;
}
.facebook { /* facebook icon*/background: #3b5998;}
.twitter { /* twitter icon*/background: #55acee;}
.google-plus { /* google plus icon*/background: #e02f2f;}
.github { /* github icon*/background: #343434;}
.behance { /* behance icon*/background: #005dff;}
.digg { /* digg icon*/background: #000000;}
.pinterest { /* pinterest icon*/background: #cb2027;}
.linkedin { /* linkedin icon*/background: #0094BC;}
.flickr { /* flickr icon*/background: #FF57AE;}
.instagram { /* instagram icon*/background: #375989;}
.vimeo-square { /* vimeo square icon*/background: #83DAEB;}
.stack-overflow { /* stack overflow icon*/background: #FEA501;}
.dropbox { /* dropbox icon*/background: #017FE5;}
.tumblr { /* tumblr icon*/background: #3a5876;}
.dribbble { /* dribble icon*/background: #F46899;}
.skype { /* skype icon*/background: #00C6FF;}
.stack-exchange { /* stack exchange icon*/background: #4D86C9;}
.youtube { /* youtube icon*/background: #FF1F25;}
.xing { /* xing icon*/background: #005C5E;}
.rss { /* rss icon*/background: #e88845;}
.foursquare { /* foursquare icon*/background: #09B9E0;}
.youtube { /* youtube play button icon*/background: #DF192A;}
/*====================================================================
Main Footer
=====================================================================*/
.main-footer{
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0 0px;
}
.footer-column {
padding: 0 15px;
}
.main-footer .widget-section{
position: relative;
padding-bottom: 105px;
border-bottom: 1px solid #383838;
}
.main-footer .footer-widget{
position: relative;
margin-bottom: 30px;
}
.main-footer .footer-widget h3{
font-size: 18px;
line-height: normal;
color: #ffffff;
font-weight: 700;
margin-bottom: 40px;
}
.main-footer .about-widget .logo-box{
margin-bottom: 30px;
}
.main-footer .about-widget .text{
font-size: 13px;
line-height: 26px;
color: #8d949a;
margin-bottom: 35px;
}
.main-footer .about-widget .news-latter{
position: relative;
max-width: 300px;
}
.main-footer .about-widget .news-latter input{
position: relative;
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 20px;
font-size: 13px;
color: #666666;
padding-right: 20px;
padding-right: 35px;
}
.main-footer .about-widget .news-latter button{
position: absolute;
right: 15px;
top: 0;
z-index: 99;
font-size: 22px;
line-height: 50px;
background: none;
border:none;
}
.main-footer .practice-area{
position: relative;
padding-left: 65px;
}
.main-footer .creative-list li{
position: relative;
padding-left: 35px;
}
.main-footer .creative-list li a{
font-size: 13px;
line-height: 32px;
font-weight: 300;
font-family: 'merriweather';
color: #ffffff;
transition: all 300ms ease;
}
.main-footer .practice-area ul li:hover a{
color: #8d949a;
}
.main-footer .creative-list li:before{
position: absolute;
left: 0;
top: 8px;
height: 17px;
width: 17px;
background: url(../images/resource/fltl.png);
content: "";
background-size: cover;
}
.main-footer .timing{
padding-left: 85px;
}
.main-footer .timing ul {
margin-bottom: 20px;
}
.main-footer .timing ul li{
font-size: 13px;
line-height: 26px;
color: #8d949a;
font-weight: 300;
font-family: 'merriweather';
padding-right: 30px;
}
.main-footer .timing ul li span{
color: #ffffff;
}
.main-footer .address ul li{
font-size: 13px;
line-height: 26px;
color: #8d949a;
margin-bottom: 20px;
}
.main-footer .address ul li strong{
color: #fff;
}
.main-footer .address ul li span{
display: block;
}
.main-footer .footer-menu{
position: relative;
padding: 45px 15px;
}
.main-footer .footer-menu .navigation{
position: relative;
margin-bottom: 30px;
}
.main-footer .footer-menu nav ul li{
position: relative;
float: left;
margin-right: 20px;
}
.main-footer .footer-menu nav ul li a{
font-size: 11px;
line-height: normal;
color: #8d949a;
text-transform: uppercase;
font-weight:400;
transition: all 300ms ease;
}
.main-footer .footer-menu nav ul li:hover a{
color: #fff;
}
.main-footer .call-us{
position: relative;
padding: 0;
text-align: right;
}
.main-footer .call-us h3{
font-size: 18px;
line-height: normal;
color: #ffffff;
}
.main-footer .call-us h3 strong{
font-size: 24px;
line-height: normal;
color: #ffffff;
font-weight: 700;
}
.main-footer .bottom-strip{
position: relative;
background: #242424;
padding: 28px 0;
}
.main-footer .bottom-strip p{
font-size: 11px;
line-height: 26px;
color: #8d949a;
}
.main-footer .bottom-strip p a{
color: #ffffff;
}
.main-footer .bottom-strip p a:hover{
text-decoration: underline;
}
.social-icon ul li{
position: relative;
float: left;
margin-left: 30px;
}
.social-icon ul li a{
font-size: 14px;
color: #8d949a;
transition: all 300ms ease;
}
.social-icon ul li a:hover{
color: #fff;
}
/*====================================================================
Main Footer Style 2
=====================================================================*/
.footer-style-two{
position: relative;
background: #002135;
font-family: 'Varela Round', sans-serif;
}
.footer-style-two .creative-list li a{
font-size: 14px;
color: #8d949a;
}
.footer-style-two .widget-section{
border-bottom: 0;
padding-bottom: 40px;
}
.footer-style-two .practice-area{
padding-left: 40px;
}
.footer-style-two .practice-area ul li:hover a {
color: #ffffff;
}
.footer-style-two .creative-list li:before{
background: url(../images/resource/ltlg.png);
}
.footer-style-two .about-widget .news-latter input{
background: #012b45;
color: rgba(255,255,255,.40);
}
.footer-style-two .about-widget .news-latter button{
color: #d99300;
}
.footer-style-two .bottom-strip{
background: #012b45;
}
/*====================================================================
Main Footer Style 3
=====================================================================*/
.footer-style-three{
position: relative;
background-color: #fbf8f0;
font-family: "merriweather";
}
.footer-style-three .about-widget .logo-box{
margin-top: -10px;
}
.footer-style-three .widget-section{
border-bottom: 1px solid #ebe8e0;
}
.footer-style-three .about-widget .news-latter input{
background-color: #ffffff;
color: #666666;
}
.footer-style-three .about-widget .news-latter button {
color: #d3b86e;
}
.footer-style-three .footer-widget h3{
color: #333333;
font-family: "Montserrat";
}
.footer-style-three .creative-list li:before{
background: url(../images/resource/ltlg.png);
}
.footer-style-three .widget-section{
padding-bottom: 50px;
}
.footer-style-three .timing ul li,
.footer-style-three .practice-area ul li a {
color: #8d949a;
}
.footer-style-three .address ul li strong,
.footer-style-three .timing ul li span,
.footer-style-three .practice-area ul li:hover a {
color: #333333;
}
.footer-style-three .footer-menu nav ul li a{
color: #666666;
font-family: "Montserrat";
font-weight: 600;
}
.footer-style-three .footer-menu nav ul li.active a,
.footer-style-three .footer-menu nav ul li:hover a{
color: #d3b86e;
}
.footer-style-three .footer-menu{
padding:50px 0 15px;
}
.footer-style-three .footer-menu .call-us{
text-align: right;
margin-top: -15px;
padding-right: 15px;
}
.footer-style-three .bottom-strip{
background-color: #ffffff;
padding: 35px 0;
}
.footer-style-three .bottom-strip .copyright a:hover,
.footer-style-three .bottom-strip .copyright a{
color: #666666;
}
.footer-style-three .bottom-strip .copyright p{
font-size: 12px;
color: #666666;
font-weight: 300;
}
.footer-style-three .social-icon ul li a{
color: #666666;
}
.footer-style-three .social-icon ul li:hover a{
color: #d3b86e;
}
/*
===========================
9.0 Post Area
===========================
*/
.post-wrapper {
background-color: #ffffff;
box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.06);
position: relative;
-webkit-transition: 0.5s all;
transition: 0.5s all;
cursor: pointer;
margin-bottom: 30px;
}
.post-wrapper:hover {
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.03); }
.post-wrapper .post-desc {
padding: 30px; }
.post-wrapper .post-thumb img {
width: 100%; }
.post-wrapper .post-desc h4 {
font-size: 20px;
font-weight: 500;
line-height: 30px;
margin-bottom: 10px;
-webkit-transition: 0.5s all;
transition: 0.5s all; }
.post-wrapper .post-desc h4:hover {
color: #9d1b20; }
.post-wrapper .post-desc p {
margin-bottom: 30px; }
.post-wrapper .post-desc .post-meta {
margin-bottom: 15px; }
.post-wrapper .post-desc .post-meta li {
color: #2d2d43;
position: relative;
margin-right: 15px;
font-size: 16px;
line-height: 30px;
margin-bottom: 0; }
.post-wrapper .post-desc .post-meta li:after {
color: #2d2d43;
content: "/";
position: relative;
left: 10px;
font-size: 14px; }
.post-wrapper .post-desc .post-meta li:last-child:after {
display: none; }
.post-wrapper .post-desc .post-meta li:last-child {
margin-right: 0; }
.post-wrapper-2 {
background-color: #ffffff;
box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.06);
position: relative;
-webkit-transition: 0.5s all;
transition: 0.5s all;
cursor: pointer;
margin-bottom: 30px; }
.post-wrapper-2:hover {
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.03); }
.post-wrapper-2 .post-thumb img {
width: 100%; }
.post-wrapper-2 .post-desc {
padding: 30px; }
.post-wrapper-2 .post-desc h4 {
font-size: 24px;
font-weight: 500;
line-height: 30px;
margin-bottom: 10px;
-webkit-transition: 0.5s all;
transition: 0.5s all; }
.post-wrapper-2 .post-desc h4:hover {
color: #9d1b20; }
.post-wrapper-2 .post-desc p {
margin-bottom: 30px; }
.post-wrapper-2 .post-desc .post-meta {
margin-bottom: 8px; }
.post-wrapper-2 .post-desc .post-meta li {
color: #2d2d43;
position: relative;
margin-right: 15px;
font-size: 16px;
line-height: 30px;
margin-bottom: 0; }
.post-wrapper-2 .post-desc .post-meta li:last-child {
margin-right: 0; }
.sidebar-left {
border-right: 1px solid #ededed;
padding-right: 30px; }
.sidebar-right {
border-left: 1px solid #ededed;
padding-left: 30px; }
.sidebar-widget {
margin-bottom: 60px; }
.sidebar-title h4 {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
font-weight: 700;
}
.form-widget .input-group {
margin: 0px auto;
padding-bottom: 0; }
.form-widget .input-group .form-control {
border: 0px;
background: #f6f6f9;
border-radius: 0;
padding: 0px 15px;
position: relative;
z-index: 1;
min-height: 54px;
}
.form-widget .input-group .btn {
border: 0px;
text-transform: capitalize;
font-weight: 400;
border-radius: 0px;
background: #f6f6f9;
z-index: 1;
color: #6f6f6f;
padding: 17px 20px;
position: relative;
-webkit-transition: 0.5s all;
transition: 0.5s all; }
.form-widget .input-group .btn:hover,
.form-widget .input-group .btn:focus {
background-color: #f6f6f9;
color: #9d1b20; }
.form-widget .input-group .btn:before {
content: "";
height: 54px;
width: 1px;
background: #dadada;
position: absolute;
top: 0px;
left: 0;
z-index: 4; }
.category-widget li {
border-left: 0;
border-right: 0;
padding: 8px 0px;
border-color: #ededed; }
.category-widget li a {
color: #6f6f6f;
text-transform: capitalize;
-webkit-transition: 0.5s all;
transition: 0.5s all; }
.category-widget li a:hover {
color: #9d1b20; }
.category-widget li .badge {
color: #6f6f6f;
font-size: 16px;
text-transform: capitalize;
background: none;
}
.popular-container {
display: table;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ededed; }
.popular-container:last-child {
border: 0;
margin-bottom: 0;
padding-bottom: 0; }
.popular-container .popular-image {
width: 70px;
float: left;
margin-top: 6px; }
.popular-container .popular-content {
width: calc(100% - 70px);
float: left;
padding-left: 15px;
padding-right: 15px; }
.popular-container .popular-content > a {
display: block;
color: #2d2d43;
line-height: 24px;
font-weight: 500;
-webkit-transition: 0.5s all;
transition: 0.5s all; }
.popular-container .popular-content a:hover {
color: #9d1b20; }
.popular-container .popular-meta {
margin-bottom: 0; }
.popular-container .popular-meta li {
color: #6f6f6f;
font-size: 14px;
font-weight: 400;
position: relative;
margin-right: 10px; }
.popular-container .popular-meta li:first-child {
color: #9d1b20; }
.tags-widget{
margin-bottom:0;
}
.tags-widget .btn-tags {
padding: 10px 25px;
background-color: transparent;
border: 1px solid;
border-radius: 0;
border-color: #ededed;
color: #6f6f6f;
font-weight: 400;
font-size: 16px;
margin-bottom: 10px;
cursor: pointer; }
.tags-widget .btn-tags:hover {
background-color: #9d1b20;
color: #ffffff !important;
border-color: #9d1b20; }
.post-details .post-thumb {
margin-bottom: 30px; }
.post-details .post-thumb img {
margin-bottom: 5px; }
.post-details figcaption {
color: #6f6f6f;
font-size: 14px;
font-weight: 400;
background: #f3f3f3;
padding: 3px 10px;
text-align: center; }
.error-container {
max-width: 800px;
margin: auto;}
.contact-widget .contact-container {
display: table;
margin-bottom: 30px; }
.contact-widget .contact-container:last-child {
margin-bottom: 0; }
.contact-widget .contact-logo {
margin-top: 5px;
float: left;
position: relative;
float: left;
height: 40px;
min-width: 40px;
max-width: 40px;
font-size: 14px;
line-height: 40px;
text-align: center;
background-color: #9d1b20;
color: #fff; }
.contact-widget .contact-logo img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto; }
.contact-widget .contact-content {
padding-left: 15px;
float: left; }
.contact-widget .contact-content p {
margin: 0;
line-height: 24px;
font-weight: 700; }
.contact-widget .contact-meta {
margin: 0; }
.contact-widget .contact-meta li {
display: block;
line-height: 22px;
font-size: 14px; }
#contact-map {
min-height: 600px; }
.blockquote {
position: relative;
margin-bottom: 60px; }
.blockquote:before {
content: "\f10d";
font-family: 'FontAwesome';
font-size: 40px;
color: #cccccc; }
.blockquote:after {
content: "";
width: 30%;
height: 1px;
background-color: #cccccc;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -15px; }
.blockquote p {
font-style: italic;
margin-bottom: 0; }
.post-tags-share {
border: 1px solid;
border-radius: 0;
border-color: #f7f7f7;
padding: 20px;
margin-bottom: 60px; }
.post-tags-share ul {
margin-bottom: 0; }
.post-tags-share .post-tags li:first-child {
color: #2d2d43;
font-weight: 500; }
.post-tags-share .post-tags li:first-child:after {
display: none; }
.post-tags-share .post-tags li:after {
content: ","; }
.post-tags-share .post-tags li:last-child:after {
display: none; }
.post-tags-share .post-tags li a {
color: #6f6f6f; }
.post-tags-share .post-share li:nth-child(1) {
color: #2d2d43;
font-weight: 500;
margin-right: 10px; }
.post-tags-share .post-share li:nth-child(2) {
color: #cccccc;
margin-right: 10px; }
.post-tags-share .post-share li a {
color: #2d2d43;
width: 40px;
height: 40px;
border-radius: 50px;
border: 1px solid #e1e1e1;
display: block;
text-align: center;
padding-top: 5px;
-webkit-transition: 0.5s all;
transition: 0.5s all; }
.post-tags-share .post-share li a:hover {
color: #ffffff;
border-color: #555fae;
background-color: #555fae; }
.post-author {
display: table;
margin-bottom: 60px;
background-color: #f6f7f8;
padding: 30px; }
.post-author .author-thumb {
width: 60px;
float: left; }
.post-author .author-thumb img {
width: 60px;
height: 60px;
border-radius: 50%; }
.post-author .author-info {
width: calc(100% - 60px);
padding-left: 30px;
position: relative;
float: left; }
.post-author .author-info h5 {
font-size: 18px;
color: #2d2d43;
font-weight: 500;
margin-bottom: 0; }
.post-author .author-info .author-admin {
font-size: 14px;
color: #9d1b20;
font-weight: 500;
display: block;
margin-bottom: 10px; }
.post-author .author-info p {
margin-bottom: 0px; }
.post-comment {
display: table;
margin-bottom: 60px; }
.post-comment .comment-thumb {
width: 90px;
float: left; }
.post-comment .comment-thumb img {
width: 60px;
height: 60px;
border-radius: 50%; }
.post-comment .comment-info {
width: calc(100% - 90px);
padding: 30px;
background-color: #f6f7f8;
position: relative;
float: left; }
.post-comment .comment-info .comment-date {
margin-bottom: 0; }
.post-comment .comment-info .comment-date li {
font-size: 16px;
color: #6f6f6f; }
.post-comment .comment-info .comment-date li a {
color: #2d2d43;
font-weight: 500; }
.post-comment .comment-info p {
margin-bottom: 0px; }
.post-comment .comment-info .comment-btn {
position: absolute;
top: 30px;
right: 30px;
color: #9d1b20;
text-transform: capitalize; }
.post-comment-wrapper {
padding-left: 40px; }
.comment-title h4 {
font-size: 20px;
margin-bottom: 40px; }
.form-wrapper .form-row .form-group {
margin-bottom: 20px;
}
.form-wrapper .form-group {
margin-bottom: 30px;
position: relative; }
.form-wrapper .form-group textarea {
width: 100%;
padding: 15px;
margin: 0px; }
.form-wrapper .form-group input,
.form-wrapper .form-group textarea {
padding: 10px 15px;
width: 100%;
border-radius: 4px;
border: 1px solid #e1e1e1;
background-color: transparent; }
.form-wrapper .form-group textarea:focus,
.form-wrapper .form-group input:focus {
outline: none; }
.form-wrapper [type="submit"] {
padding: 10px 30px;
border: 0;
border-radius: 4px;
color: #ffffff;
background-color: #555fae;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
margin-bottom: 5px;
-webkit-transition: 0.5s all;
transition: 0.5s all; }
.form-wrapper [type="submit"]:hover,
.form-wrapper [type="submit"]:focus {
background-color: #13c8a6; }
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{
border-radius: 0;
}
.pagination > li > a, .pagination > li > span{
margin: 0 5px;
color: #9d1b20;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 3;
color: #fff;
background-color: #9d1b20;
border-color: #9d1b20;
}
/*
============================================================
Blog Detail Css Wrap Start #Blog Detail Css
============================================================
*/
.blog-detail{
float: left;
width: 100%;
}
.blog-detail .title:first-child{
font-size: 24px;
line-height: 1;
}
.blog-detail figure .social-box{
top: 20px;
right: 20px;
position: absolute;
}
.blog-meta li {
width: auto;
margin: 0 5px;
font-size: 14px;
line-height: 14px;
position: relative;
display: inline-block;
}
.blog-meta li i {
margin: 0 10px 0 0;
}
.social-box{
width: 44px;
float: right;
height: 44px;
color: #fff;
background: #000;
line-height: 44px;
text-align: center;
position: relative;
border-radius: 5px;
}
.social-box .social-list{
right: 0;
top: 100%;
left: auto;
min-width: 300px;
padding: 10px 0 0;
position: absolute;
border-radius: 5px;
overflow: hidden;
}
.social-box .social-list::before{
width: 0;
top: 3px;
height: 0;
right: 15px;
content: "";
position: absolute;
border-style: solid;
border-width: 0 6.5px 7px 6.5px;
border-color: transparent transparent #fff transparent;
opacity: 0;
transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition-delay: -webkit-transform;
-moz-transition-delay: -moz-transform;
-o-transition-delay: -o-transform;
transition-delay: transform;
visibility: hidden;
}
.social-box .social-list,
.social-box .social-list li{
opacity: 0;
float: right;
margin: 0 0 0;
transform: translateX(30px);
-o-transform: translateX(30px);
-ms-transform: translateX(30px);
-moz-transform: translateX(30px);
-webkit-transform: translateX(30px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition-delay: -webkit-transform;
-moz-transition-delay: -moz-transform;
-o-transition-delay: -o-transform;
transition-delay: transform;
visibility: hidden;
}
.social-box .social-list li:first-child a{
border-radius: 0px 5px 5px 0px;
}
.social-box .social-list li:last-child a{
border-radius: 5px 0px 0px 5px;
}
.social-box .social-list li a{
width: 51px;
height: 51px;
background: #fff;
line-height: 51px;
}
.social-box:hover .social-list,
.social-box:hover .social-list::before,
.social-box:hover .social-list li{
opacity: 1;
visibility: visible;
transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.social-box .social-list li:nth-child(2){
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.social-box .social-list li:nth-child(3){
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.social-box .social-list li:nth-child(4){
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.blog-detail .blog-meta{
padding:18px 0 0;
margin: 0 0 16px;
}
.blog-detail .text p{
margin-bottom: 23px;
}
.blog-detail .text p + p{
margin-top: -7px;
}
blockquote{
margin: 0 0 30px;
padding:34px 40px 35px;
}
blockquote + p{
margin-top:-7px;
}
blockquote p{
font-size: 18px;
font-style: italic;
margin: 0 !important;
}
.border-divider{
float: left;
width: 100%;
height: 1px;
margin: 10px 0 32px;
background: #e9e9e9;
}
.border-divider.mg{
margin:16px 0 35px;
}
/**/
.blog-detail .comment-form .simple-heading, .blog-detail .comment-wrap .simple-heading, .courses-detail .comment-form .simple-heading, .courses-detail .comment-wrap .simple-heading {
margin: 3px 0 24px;
}
.simple-heading {
float: left;
width: 100%;
font-size: 24px;
margin: -5px 0 25px;
font-weight: 700;
}
.comment-form,
.comment-head,
.comment-wrap{
float: left;
width: 100%;
}
.blog-detail .comment-form .simple-heading,
.blog-detail .comment-wrap .simple-heading,
.courses-detail .comment-form .simple-heading,
.courses-detail .comment-wrap .simple-heading{
margin:3px 0 24px;
}
.comment-wrap .children{
padding-left:100px;
}
.comment-thumb{
float: left;
width: 100%;
padding: 20px;
margin: 0 0 30px;
border-radius: 5px;
border: 1px solid #e1e1e1;
}
.comment-thumb figure{
width: 120px;
border-radius: 5px;
display: table-cell;
vertical-align: top;
}
.comment-thumb .text{
width: auto;
float: none;
overflow: hidden;
padding-left:20px;
display: table-cell;
}
.comment-thumb .text p{
float: left;
width: 100%;
margin: 0 0 11px;
}
.comment-thumb .text .comment-reply-link{
float: right;
font-size: 14px;
line-height: 14px;
}
.comment-reply-link:hover{
background: transparent !important;
}
.comment-head{
margin:0 0 6px;
}
.comment-head .title{
float: left;
width: auto;
font-size: 16px;
}
.comment-head .blog-meta{
float: right;
width: auto;
padding: 0;
margin: 0;
}
.comment-form textarea{
min-height: 200px;
padding: 20px;
}
.comment-form .btn{
float: right;
}
.input-field {
float: left;
width: 100%;
margin: 0 0 30px;
position: relative;
}
.form-control {
float: left;
width: 100%;
height: 40px;
border: 1px solid #c1c1c1;
padding: 0 20px;
margin: 0 0 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font: 400 14px/14px 'Open Sans',sans-serif;
color: #666;
border-radius: 0;
}
/*
============================================================
Sub Banner Css Wrap Start #Sub Banner Css
============================================================
*/
.sub-banner{
float: left;
width: 100%;
padding: 89px 0;
position: relative;
text-align: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url('../images/title_bg.png');
}
.sub-banner::before{
top: 0;
left: 0;
right: 0;
bottom:0;
content: "";
opacity: 0.5;
background: #000;
position: absolute;
}
.sub-banner .title{
color: #fff;
font-size: 36px;
margin: 0 0 13px;
font-weight: 700;
text-transform: capitalize;
}
.sub-banner .breadcrumb{
padding: 0;
width: auto;
margin: 0 0 4px;
display: inline-block;
background: transparent;
}
.sub-banner .breadcrumb > li a,
.sub-banner .breadcrumb > li{
width: auto;
color: #fff;
font-weight: bold;
/* font-family: 'Lora', serif; */
text-transform: uppercase;
}
.sub-banner .breadcrumb > li + li::before {
content: "\f105";
color: currentcolor;
padding: 0 5px 0 2px;
font-family: 'fontawesome';
}
.sub-banner.flex-text{
padding: 80px 0 79px;
}
/*
.sub-banner.flex-text{
min-height: 450px;
padding: 0;
}
.sub-banner.flex-text .text{
margin-top:148px;
}*/
.section-spacing{
padding: 70px 0 40px;
clear: both;
}
/* about us*/
.welcome-box {
width: 100%;
float: left;
}
.no-gap .welcome-box {
margin: 0px;
}
body .m0 {
margin: 0px;
}
.welcome-section {
width: 100%;
float: left;/* padding: 50px 0 126px; */
}
.welcome-text {
padding: 30px 0;
}
.welcome-text p {
font-size: 16px;
color: #666666;
line-height: 28px;
margin-bottom: 20px;
}
.welcome-text ul {
list-style: none;
padding: 0px;
margin: 0 0 30px;
}
.welcome-text ul li {
line-height: 24px;
}
.welcome-text ul li .fa {
margin-right: 10px;
}
.welcome-img {
text-align: right;
position: relative;
}
.welcome-img img {
position: relative;
z-index: 99;
}
.welcome-img:after {
position: absolute;
left: 0;
bottom: 0;
width: 90%;
height: 100%;
background: #fff;
border: 10px solid #e1e1e1;
left: 0px;
bottom: -50px;
content: "";
}
.welcome-text .signature {
font-family: 'Courgette', cursive;
font-weight: 400;
color: #222222;
font-size: 30px;
margin-top: 10px;
display: block;
}
.welcome-text .designation {
color: #9d1b20;
font-weight: 400;
margin-top: 12px;
}
.cp-tabs .tab-content {
border: 1px solid #cccccc;
padding: 30px;
font-size: 16px;
line-height: 28px;
color: #777777;
}
.cp-tabs .tabs {
border: 0px;
}
.cp-tabs .tabs > li {
margin: 0px;
}
.cp-tabs .ui-widget-header {
background: none;
border: 0px;
}
.cp-tabs .ui-tabs .ui-tabs-nav {
padding: 0px;
margin: 0px;
}
.cp-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
padding: 0px;
}
.cp-tabs .ui-state-default, .cp-tabs .ui-widget-content .ui-state-default, .cp-tabs .ui-widget-header .ui-state-default {
border: 0px;
color: #222222;
font-weight: 500;
}
.cp-tabs .ui-tabs .ui-tabs-panel {
padding: 0px;
font-size: 16px;
line-height: 28px;
color: #777777;
}
.cp-tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
border: 0px;
background: #f1f1f1;
border-radius: 0;
margin-right: 2px;
font-size: 18px;
color: #222222;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 0px 35px;
line-height: 59px;
}
.cp-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .cp-tabs .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .cp-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor, .cp-tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
background: #9d1b20;
color: #fff;
border: 0px;
}
.cp-tabs .tabs > li.active > a, .cp-tabs .tabs > li.active > a:focus, .cp-tabs .tabs > li.active > a:hover {
background: #9d1b20;
color: #fff;
border: 0px;
}
.video-thumb {
border: 2px solid #e1e1e1;
padding: 6px;
overflow: hidden;
position: relative;
}
.video-thumb img {
width: 100%;
float: left;
height: auto;
}
.video-thumb:hover .play {
opacity: 1;
}
.play {
position: absolute;
width: 87px;
height: 87px;
border: 2px solid #fff;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
border-radius: 100%;
text-align: center;
font-size: 30px;
color: #fff;
line-height: 87px;
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
opacity: 0;
}
.play:hover {
background: #9d1b20;
color: #fff;
}
/********* Team Two Start *********/
.team-section.page {
padding: 30px 0;
}
.team-section {
width: 100%;
float: left;
padding: 80px 0;
}
.team-section .team-box {
border: 2px solid #e1e1e1;
padding: 6px;
margin-bottom: 20px;
}
.team-section .team-box .team-text {
border: 0;
background: #f1f1f1;
padding: 20px;
text-align: center;
width: 100%;
position: relative;
z-index: 99;
}
.team-section .team-box .team-text:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
content: "";
background: #9d1b20;
z-index: -1;
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
}
.team-section .team-box:hover .team-text:after {
height: 100%;
}
.team-section .team-box:hover .team-text h5 a, .team-section .team-box:hover .team-text strong {
color: #fff;
}
.team-section .team-box:hover .team-social li a{
background: #fff;
color: #9d1b20;
}
.team-section .team-social {
border-top: 0;
list-style: outside none none;
margin: 17px 0 0;
padding: 0;
text-align: center;
}
.team-social li {
display: inline-block;
margin: 0 2px;
}
.team-section .team-social li a {
border: 0;
color: #fff;
display: block;
height: 26px;
line-height: 26px;
text-align: center;
transition: all 0.3s ease-in-out 0s;
width: 26px;
background: #9d1b20;
border-radius: 100%;
}
/*.team-section .team-social li a.tw {
border-color: #24a4f2;
color: #fff;
background: #24a4f2;
}
.team-section .team-social li a.fb {
border-color: #4e6cad;
color: #fff;
background: #4e6cad;
}
.team-section .team-social li a.insta {
border-color: #a3765f;
color: #fff;
background: #a3765f;
}
.team-section .team-social li a.gp {
border-color: #dd503e;
color: #fff;
background: #dd503e;
}
.team-section .team-social li a.ytp {
border-color: #24a4f2;
color: #fff;
background: #24a4f2;
}*/
/********* Team Two End *********/
/************** Testimonials + FAQ Start **************/
.testi-faq {
width: 100%;
float: left;
}
.testimonial-holder {
width: 100%;
float: left;
border: 1px solid #e1e1e1;
padding: 30px;
position: relative;
}
.testimonial-holder:after {
position: absolute;
right: 30px;
bottom: 30px;
background: url(images/quote.png);
width: 71px;
height: 52px;
content: "";
}
.user-thumb {
width: 120px;
float: left;
margin-right: 20px;
text-align: center;
}
#testimonial-slider .user-thumb img {
width: 100px;
height: 100px;
border-radius: 100%;
margin: auto auto 5px;
}
.user-thumb strong {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #222;
}
.user-thumb > i {
font-size: 12px;
color: #555555;
}
.test-text {
float: right;
text-align: left;
width: 70%;
}
.test-text p {
color: #777777;
font-size: 18px;
font-style: italic;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
.home-testimonials .owl-theme .owl-dots .owl-dot span {
backface-visibility: visible;
background: #ffffff;
border: 3px solid #cccccc;
border-radius: 30px;
display: block;
height: 15px;
margin: 5px 7px;
transition: opacity 0.2s ease 0s;
width: 15px;
}
.home-testimonials .owl-theme .owl-dots .owl-dot.active span, .home-testimonials .owl-theme .owl-dots .owl-dot:hover span {
background: #9d1b20;
border-color: #9d1b20;
}
.faqs .panel-default > .panel-heading {
background: #ffffff none repeat scroll 0 0;
border: 0 none;
padding: 0 30px;
position: relative;
}
.faqs .panel-default > .panel-heading a {
color: #222;
display: block;
}
.faqs .panel-default > .panel-heading a.collapsed {
color: #222;
}
.faqs .panel-default > .panel-heading a::after {
color: #9d1b20;
content: "\f146";
font-family: FontAwesome;
font-size: 14px;
position: absolute;
right: 30px;
top: 0;
}
.faqs .panel-default > .panel-heading a.collapsed::after {
color: #222;
content: "\f0fe";
font-family: FontAwesome;
font-size: 14px;
position: absolute;
right: 30px;
top: 0;
}
.faqs .panel-default > .panel-heading h4 {
font-weight: 500;
line-height: 58px;
font-size: 18px;
}
.faqs .panel-default > .panel-heading h4 a {
color: #9d1b20;
}
.faqs .panel-group .panel {
border-radius: 0;
box-shadow: none;
}
body .faqs .panel-body {
border: 0 none;
padding: 0 30px 30px;
}
body .faqs .collapse {
margin-top: -2px;
}
/************** Testimonials + FAQ End **************/
.fun-fact-testimonial-section {
overflow: hidden;
background: #181818;
}
.fun-fact-testimonial-section .fun-fact-style-one .single-fun-fact {
width: 33.33333%;
float: left;
padding: 5px;
}
.single-fun-fact {
position: relative;
}
.fun-fact-testimonial-section .fun-fact-style-one {
position: relative;
padding: 150px 0;
padding-top: 145px;
padding-right: 75px;
}
.fun-fact-testimonial-section .fun-fact-style-one:before {
content: '';
background: #9d1b20;
position: absolute;
top: 0;
right: 0;
width: 1000000px;
height: 100000px;
}
.fun-fact-testimonial-section .fun-fact-style-one .single-fun-fact .inner {
background: #a22126;
text-align: center;
padding-top: 35px;
padding-bottom: 35px;
}
.fun-fact-testimonial-section .fun-fact-style-one .single-fun-fact h3 {
margin: 0;
color: #fff;
font-size: 40px;
font-weight: 800;
line-height: 1em;
}
.fun-fact-testimonial-section .fun-fact-style-one .single-fun-fact p {
color: #fff;
font-weight: 600;
margin: 0;
margin-top: 5px;
}
.single-testimonial-one p {
font-size: 20px;
margin: 0;
color: #888888;
line-height: 35px;
}
.single-testimonial-one h3 {
margin: 0;
color: #fff;
font-size: 18px;
font-weight: 600;
margin-top: 70px;
margin-bottom: 10px;
}
.single-testimonial-one span.position {
display: block;
color: #9d1b20;
font-weight: 600;
}
.fun-fact-testimonial-section .testimonial-content .owl-nav [class*=owl-] {
background-color: transparent;
margin: 0;
padding: 0;
font-size: 50px;
color: #424242;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.fun-fact-testimonial-section .testimonial-content .owl-nav {
position: absolute;
margin: 0;
bottom: 0;
right: 0;
}
.app-faq .app-form input, .app-faq .app-form input[type="text"], .app-faq .app-form input[type="date"], .app-faq .app-form input[type="time"] {
border-bottom: 1px solid #cccccc;
color: #777777;
}
.app-faq .app-form select {
border-bottom: 1px solid #cccccc;
color: #777777;
}
.app-faq .app-form .input-group-addon {
color: #777;
}
.app-faq .app-form .input-group {
width: 100%;
}
.app-faq .app-form textarea {
width: 100%;
background: none;
border: 0px;
border-bottom: 1px solid #fff;
color: #777777;
margin-bottom: 30px;
}
.app-faq .app-form .wpcf7-form-control.wpcf7-submit {
color: #fff;
}
.app-faq .app-form input::-webkit-input-placeholder {
color: #777777;
}
.app-faq .app-form input::-moz-placeholder {
color: #777777;
}
.app-faq .app-form input:-ms-input-placeholder {
color: #777777;
}
.app-faq .app-form input:-moz-placeholder {
color: #777777;
}
::-moz-placeholder {
opacity: 1;
}
.app-faq .app-form textarea::-webkit-input-placeholder {
color: #777777;
}
.app-faq .app-form textarea::-moz-placeholder {
color: #777777;
}
.app-faq .app-form textarea:-ms-input-placeholder {
color: #777777;
}
.app-faq .app-form textarea:-moz-placeholder {
color: #777777;
}
.app-form input[type='text'], .app-form input[type='email'], .app-form input[type='tel'], .app-form input[type='date'], .app-form input[type='time'] {
height: 40px;
}
/************* About Page End ********************/
.attorney-details {
float: left;
width: 100%;
padding: 75px 0 75px;
}
.attorney-details .holder{
padding: 20px;
box-shadow: 2px 2px 2px 2px #cecece;
}
.attorney-details .text-box address {
float: left;
width: 262px;
border-top: 1px solid #c1c1c1;
padding: 20px 0 0;
margin: 20px 0 10px;
}
.attorney-details .text-box span {
display: block;
font: 14px/14px 'Open Sans',sans-serif;
color: #666;
}
.attorney-details .text-box address ul li {
padding: 0 0 18px 25px;
font: 14px/14px 'Open Sans',sans-serif;
color: #666;
position: relative;
}
.attorney-details .text-box address ul li .fa {
position: absolute;
left: 0;
}
.attorney-details-social {
float: left;
width: 100%;
}
.padding-btm-60 {
padding: 0 0 60px;
}
.accordions-row {
float: left;
width: 100%;
padding: 0 0 42px;
}
.accordion_cp {
background-color: #fff;
margin: 0;
border-bottom: 0;
padding: 15px 20px 15px 44px;
height: auto;
border-bottom: 1px solid #c1c1c1;
text-decoration: none;
font: 14px/14px 'Open Sans',sans-serif;
color: #222;
cursor: pointer;
position: relative;
}
/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
.panel-group {
margin-bottom: 20px;
margin-top: 45px;
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
border-color: #EEEEEE;
}
.panel-default > .panel-heading {
padding: 0;
border-radius: 0;
color: #212121;
background-color: #FAFAFA;
border-color: #EEEEEE;
}
.panel-title {
font-size: 14px;
}
.panel-title > a {
display: block;
padding: 15px;
text-decoration: none;
}
.more-less {
float: right;
color: #212121;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #EEEEEE;
}
.education-box li{
margin-top: 45px;
}
.education-box strong{
display: table-cell;
padding-right: 15px;
color: #9d1b20;
}
.education-box .text-box{
display: table-cell;
padding-left: 15px;
}
.honors-box .icon-box{
width: 85px;
height: 85px;
border: 1px solid #F3F2F2;
text-align: center;
border-radius: 50%;
display: table-cell;
vertical-align: top;
}
.honors-box .icon-box i {
font-size: 33px;
line-height: 83px;
color: #9d1b20;
}
.awards-box .honors-box{
margin-top: 45px;
}
.awards-box .text-box {
display: table-cell;
vertical-align: top;
padding-left: 15px;
}
.progress-box strong.title .fa {
padding: 0 20px 0 0;
color: #999;
}
.progress-box strong.title {
font: 400 14px/14px 'Open Sans',sans-serif;
color: #222;
display: block;
padding: 0 0 15px;
}
.progress-box .progress {
background-color: #e1e1e1;
border-radius: 0;
box-shadow: none;
height: 30px;
margin-bottom: 0;
overflow: hidden;
}
.progress-box .progress-bar {
box-shadow: none;
font: 400 14px/30px 'Open Sans',sans-serif;
color: #fff;
float: left;
height: 100%;
text-align: right;
padding: 0 15px 0 0;
background-color: #9d1b20;
}
.contact-form-area form input[type=text] {
height: 50px;
}
.author-box form input[type=text] {
float: left;
width: 100%;
height: 40px;
border: 1px solid #c1c1c1;
padding: 0 20px;
margin: 0 0 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font: 400 14px/14px 'Open Sans',sans-serif;
color: #666;
}
.author-box form textarea {
float: left;
width: 100%;
height: 190px;
border: 1px solid #c1c1c1;
padding: 14px 20px;
resize: none;
margin: 0 0 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font: 400 14px/14px 'Open Sans',sans-serif;
color: #666;
}
.attorney-details-social .team-social li a {
border: 0;
color: #fff;
display: block;
height: 30px;
line-height: 30px;
text-align: center;
transition: all 0.3s ease-in-out 0s;
width: 30px;
background: #9d1b20;
border-radius: 100%;
border:1px solid #9d1b20;
}
.attorney-details-social .team-social li a:hover {
color: #9d1b20;
background: #fff;
border-radius: 100%;
border:1px solid #9d1b20;
}
/* 404 */
.error-404 {
background-size: cover;
position: relative;
padding-top: 80px;
padding-bottom: 80px;
}
.error-404 h1 {
color: #9d1b20;
font-weight: bold;
font-size: 250px;
line-height: 191px;
}
.error-404 h2 {
font-size: 50px;
font-weight: bold;
line-height: 1em;
margin-top: 24px;
margin-bottom: 15px;
}
.error-404 form.error-404-form {
margin-top: 30px;
margin-bottom: 30px;
position: relative;
max-width: 470px;
margin-left: auto;
margin-right: auto;
}
.error-404 form.error-404-form input {
width: 100%;
height: 66px;
padding-left: 20px;
border: none;
outline: none;
background: #fff;
font-size: 14px;
color: #888888;
font-weight: 300;
border:1px solid #888;
}
.error-404 form.error-404-form button {
background-color: transparent;
border: none;
outline: none;
background: #9d1b20;
color: #fff;
font-size: 17px;
position: absolute;
top: 0;
right: 0;
width: 160px;
height: 100%;
}
.error-404 a.go-home {
color: #9d1b20;
display: inline-block;
font-size: 16px;
}
/*
===================================================================================
08. Coming Soon Page
=================================================================================== */
.coming-soon-wrapper {
background: url(../images/main_slider.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 2;
height: 100%;
padding: 80px 0 60px;
color: #fff;
}
.coming-soon-wrapper:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: -1;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.coming-soon-wrapper .logo {
margin-bottom: 80px;
}
.coming-soon-wrapper h1 {
margin-bottom: 10px;
}
.coming-soon-wrapper p {
width: 60%;
margin: 0 auto;
color: #fff;
}
.count-area {
padding: 60px 0;
}
.count-area ul li {
display: inline-block;
width: 24%;
position: relative;
}
.count-area ul li:after {
content: '';
position: absolute;
top: -16px;
right: 0;
background: #667174;
width: 1px;
height: 100px;
}
.count-area ul li:last-child:after {
display: none;
}
.count-area ul li span {
color: #fff;
margin-bottom: 14px;
display: block;
}
.subscribe-wrapper {
position: relative;
}
.subscribe-wrapper .form-control {
border: none;
box-shadow: none;
background: rgba(255, 255, 255, .3);
border-radius: 0;
height: 60px;
}
.subscribe-wrapper button {
border: none;
box-shadow: none;
color: #fff;
position: absolute;
right: 0;
top: 0;
height: 60px;
padding: 0 20px;
cursor: pointer;
}
.subscribe-wrapper .form-control::-webkit-input-placeholder {
color: #fff;
}
.coming-soon-wrapper footer {
margin-top: 50px;
}
.coming-soon-wrapper footer .social li {
display: inline-block;
margin-right: 10px;
padding-right: 10px;
position: relative;
}
.coming-soon-wrapper footer .social li:after {
content: '';
position: absolute;
right: 0;
top: 5px;
height: 15px;
width: 1px;
background: #fff;
}
.coming-soon-wrapper footer .social li:last-child:after {
display: none;
}
.coming-soon-wrapper footer .social a {
display: block;
width: 25px;
height: 25px;
border-radius: 50%;
background: #fff;
text-align: center;
color: #363636;
-webkit-transition: .3s;
transition: .3s;
}
.coming-soon-wrapper .social a:hover i.fa-facebook-f {
color: #3A589B;
}
.coming-soon-wrapper .social a:hover i.fa-twitter {
color: #1CB7EB;
}
.coming-soon-wrapper .social a:hover i.fa-linkedin-in {
color: #1686B0;
}
.coming-soon-wrapper .social a:hover i.google-plus-g {
color: #E3411F;
}
.coming-soon-wrapper .social {
margin-bottom: 15px;
}
.count-area ul li span {
font-size: 100px;
}
.days {
padding: 0 0;
margin: 0;
}
.subscribe-wrapper button {
border: none;
box-shadow: none;
color: #fff;
position: absolute;
right: 0;
top: 0;
height: 60px;
padding: 0 20px;
cursor: pointer;
background: #9d1b20;
}
/*-------------------------------*/
.thanks_bg{
background: #eeeeee;
}
.jumbotron{
padding: 100px 0;
}