/*------------------------------------------------------------------
[Master Stylesheet]
Project: theLaw - Onepage Html Responsive Template
Version: 1.1
Last change: 09/06/2017
Primary use: theLaw - Onepage Html Responsive Template
-------------------------------------------------------------------*/
@import url("default-template-style.css");
@import url("awesomenav.css");
@import url("awesomenav-style.css");
@import url("awesomenav-animate.css");
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,400i,700,900|Montserrat:100,200,300,400,400i,500,600,700,800,900');
/*------------------------------------------------------------------
[Table of contents]
1. Body
2. loader
3. Nav
4. Slider
5. About
6. Practice Areas
7. Request call
8. Attorney
9. Why us
10. News
11. Testimonial
12. Contact
13. Footer
14. Responsive Media Screen style
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
# [Color codes]
# Black (text): #1b1b1b
# Blue : #76C0C8
------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Typography]
Body : 'Lato', sans-serif;
Title and logo: 'Montserrat', sans-serif;
-------------------------------------------------------------------*/
/*---Body---*/
/*loader start */
.loader {
background: #ffffff;
height: 100%;
width: 100%;
position: fixed;
overflow: hidden;
z-index: 1200;
}
#awsload-pageloading:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#awsload-pageloading .awsload-wrap {
position: absolute;
top: 45%;
bottom: 45%;
left: 25%;
right: 25%;
}
#awsload-pageloading .awsload-divi {
font-size: 97px;
width: 1em;
height: 1em;
position: relative;
margin: 0 auto;
list-style: none;
padding: 0;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
#awsload-pageloading .awsload-divi li {
position: absolute;
width: .2em;
height: .2em;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
#awsload-pageloading .awsload-divi li:nth-child(1) {
left: 50%;
top: 0;
margin: 0 0 0 -.1em;
background: #E05E26;
transform-origin: 50% 250%;
-o-transform-origin: 50% 250%;
-ms-transform-origin: 50% 250%;
-webkit-transform-origin: 50% 250%;
-moz-transform-origin: 50% 250%;
animation: awsload-rota 1.3s linear infinite, awsload-opa 4.22s ease-in-out infinite alternate;
-o-animation: awsload-rota 1.3s linear infinite, awsload-opa 4.22s ease-in-out infinite alternate;
-ms-animation: awsload-rota 1.3s linear infinite, awsload-opa 4.22s ease-in-out infinite alternate;
-webkit-animation: awsload-rota 1.3s linear infinite, awsload-opa 4.22s ease-in-out infinite alternate;
-moz-animation: awsload-rota 1.3s linear infinite, awsload-opa 4.22s ease-in-out infinite alternate;
}
#awsload-pageloading .awsload-divi li:nth-child(2) {
top: 50%;
right: 0;
margin: -.1em 0 0 0;
background: #76C0C8;
transform-origin: -150% 50%;
-o-transform-origin: -150% 50%;
-ms-transform-origin: -150% 50%;
-webkit-transform-origin: -150% 50%;
-moz-transform-origin: -150% 50%;
animation: awsload-rota 2.14s linear infinite, awsload-opa 4.93s ease-in-out infinite alternate;
-o-animation: awsload-rota 2.14s linear infinite, awsload-opa 4.93s ease-in-out infinite alternate;
-ms-animation: awsload-rota 2.14s linear infinite, awsload-opa 4.93s ease-in-out infinite alternate;
-webkit-animation: awsload-rota 2.14s linear infinite, awsload-opa 4.93s ease-in-out infinite alternate;
-moz-animation: awsload-rota 2.14s linear infinite, awsload-opa 4.93s ease-in-out infinite alternate;
}
#awsload-pageloading .awsload-divi li:nth-child(3) {
left: 50%;
bottom: 0;
margin: 0 0 0 -.1em;
background: #E05E26;
transform-origin: 50% -150%;
-o-transform-origin: 50% -150%;
-ms-transform-origin: 50% -150%;
-webkit-transform-origin: 50% -150%;
-moz-transform-origin: 50% -150%;
animation: awsload-rota 1.67s linear infinite, awsload-opa 5.89s ease-in-out infinite alternate;
-o-animation: awsload-rota 1.67s linear infinite, awsload-opa 5.89s ease-in-out infinite alternate;
-ms-animation: awsload-rota 1.67s linear infinite, awsload-opa 5.89s ease-in-out infinite alternate;
-webkit-animation: awsload-rota 1.67s linear infinite, awsload-opa 5.89s ease-in-out infinite alternate;
-moz-animation: awsload-rota 1.67s linear infinite, awsload-opa 5.89s ease-in-out infinite alternate;
}
#awsload-pageloading .awsload-divi li:nth-child(4) {
top: 50%;
left: 0;
margin: -.1em 0 0 0;
background:#76C0C8;
transform-origin: 250% 50%;
-o-transform-origin: 250% 50%;
-ms-transform-origin: 250% 50%;
-webkit-transform-origin: 250% 50%;
-moz-transform-origin: 250% 50%;
animation: awsload-rota 1.98s linear infinite, awsload-opa 6.04s ease-in-out infinite alternate;
-o-animation: awsload-rota 1.98s linear infinite, awsload-opa 6.04s ease-in-out infinite alternate;
-ms-animation: awsload-rota 1.98s linear infinite, awsload-opa 6.04s ease-in-out infinite alternate;
-webkit-animation: awsload-rota 1.98s linear infinite, awsload-opa 6.04s ease-in-out infinite alternate;
-moz-animation: awsload-rota 1.98s linear infinite, awsload-opa 6.04s ease-in-out infinite alternate;
}
@keyframes awsload-rota {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes awsload-rota {
to {
-ms-transform: rotate(360deg);
}
}
@-webkit-keyframes awsload-rota {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes awsload-opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@-ms-keyframes awsload-opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
@-webkit-keyframes awsload-opa {
12.0% {
opacity: 0.80;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.60;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.60;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
/*loader End */
html,
body {
height: 100%;
width: 100%;
}
body {
color:#898989;
font-family: 'Lato', sans-serif;
}
a {
color: #76C0C8;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.btn, .btn:hover {
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
a:hover,
a:focus {
color: #76C0C8;
outline: none;
outline-offset: 0px;
text-decoration:none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif;
color:#333;
}
p {
line-height: 1.5;
margin-bottom: 20px;
}
.blue{
color:#76C0C8;
}
.white{
color: #fff;
}
.black{
color:#333;
}
.gray{
color:#898989;
}
.bg-blue{
background-color:#76C0C8;
}
.light-blue {
background-color: #e5f0fb;
}
section{
padding:60px 0px;
}
.light-gray{
background-color:#f7f7f7;
}
.patternback{
background: #f7f7f7 url(http://thirty33legal.com/fancy/images/pattern_back.png) repeat;
}
/*--- Nav ---*/
@media (max-width: 992px){
nav.navbar.awesomenav.navbar-fixed .logo-scrolled {
max-width: 120px;
}
}
/*--- Nav top bar ---*/
.top-container {
float: left;
width: 100%;
color: #333;
padding: 5px 0;
background-color: #f7f7f7 ;
border-top: 5px solid #76C0C8;
}
.top-column-left, .top-column-right {
float: left;
}
.top-social-network, ul.contact-line, ul.register {
float: left;
margin: 0;
padding: 0;
}
ul.register {
margin-right: 15px;
}
ul.contact-line li:first-child {
border-left: none;
padding: 0;
}
ul.contact-line li, ul.register li {
float: left;
font-size: 12px;
list-style: none;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.top-column-right {
float: right;
}
.top-social-network a {
margin: 2px;
}
.top-container a, .top-container a:hover, .top-container a:focus, .top-container a:active {
color: #666;
}
@media (max-width: 767px) {
.top-container .top-column-left {
display: none;
}
.top-container .top-column-right {
padding-right: 15px;
}
.top-container {
font-size:13px;
}
}
/*---slider---*/
#masterslider h1, #masterslider h2, #masterslider h3, #masterslider h4, #masterslider h5, #masterslider h6 {
color: #fff;
}
/*---about section---*/
.about-point {
padding-top: 5px;
}
.icon_box_big_rd_square {
margin-top: 0px;
margin-bottom: 40px;
}
.icon_box_big_rd_square .ib_big_rd_square {
background: #76C0C8;
border: 1px solid #76C0C8;
}
.ib_big_rd_square {
width: 70px;
height: 70px;
top: 0;
border-radius: 12px;
transition: all .2s linear;
}
.ib_big_rd_square, .icon_box_big_rd_square i {
-moz-transition: all .2s linear;
position: relative;
float: left;
}
.icon_box_big_rd_square h4, .icon_box_big_rd_square i {
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_box_big_rd_square i {
font-size: 30px;
color: #fff;
top: 0;
left: 0;
background: 0 0;
line-height: 70px;
transition: all .2s linear;
text-align: center;
width: 70px;
}
.icon_box_big_rd_square h4 {
text-align: left;
padding: 0 0 0 90px;
transition: all .2s linear;
margin-top:5px;
}
.icon_box_big_rd_square h4, .icon_box_big_rd_square p {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
}
.icon_box_big_rd_square p {
padding: 1px 0 3px 90px;
text-align: left;
transition: all .2s linear;
}
.icon_box_big_rd_square:hover .ib_big_rd_square {
background: #fff;
border: 1px solid #76C0C8;
}
.icon_box_big_rd_square:hover i {
color: #76C0C8;
}
.icon_box_big_rd_square:hover h4 {
color: #76C0C8;
}
.wel-text .dart-heading {
width: auto;
display: inline-block;
margin: 0;
text-align: right;
}
.wel-text p{
border-left: 5px solid #76C0C8;
margin-bottom: 0;
padding: 10px 20px;
}
.wel-text {
margin-top: -25px;
padding-bottom: 10px;
}
section.cta-box {
background-color: #e05d25;
padding: 15px 0px;
color: #fff;
}
.cta-box h3 {
color: #fff;
}
.cta-box .btn {
border-radius: 0px;
border: 1px solid #fff;
background-color: #fff;
padding: 10px 20px;
margin-top: 30px;
color: #333;
text-transform: uppercase;
}
.cta-box .btn:hover {
color: #fff;
background-color: #76C0C8;
}
/*---Practice Areas section---*/
.icon_box_round {
margin-top: 0px;
margin-bottom: 30px;
border: solid 1px rgba(0,0,0,0);
padding: 15px 15px 1px;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.icon_box_round .ib_big_round {
border-style: solid;
border-width: 1px;
border-color: rgb(226, 226, 226);
border-radius: 50%;
background-color: rgb(255, 255, 255);
}
.ib_big_round {
width: 70px;
height: 70px;
left: 0px;
top: 8px;
border-radius: 100%;
transition: all .2s linear;
}
.ib_big_round, .icon_box_round i {
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
position: relative;
float: left;
}
.icon_box_round h3, .icon_box_round i {
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.icon_box_round i {
font-size: 30px;
color: #76C0C8;
top: 0;
left: 0;
background: 0 0;
line-height: 70px;
transition: all .2s linear;
text-align: center;
width: 70px;
}
.icon_box_round h3 {
text-align: left;
padding: 0 0 0 90px;
transition: all .2s linear;
margin-top:5px;
font-weight: 400;
}
.icon_box_round h3, .icon_box_round p {
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.icon_box_round p {
padding: 1px 0 3px 90px;
text-align: left;
transition: all .2s linear;
}
.icon_box_round:hover .ib_big_round {
background: #76C0C8;
}
.icon_box_round:hover h3 {
color: #76C0C8;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.icon_box_round:hover i {
color: #fff;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.heading {
text-align: center;
}
.heading h1 {
margin-top: 0;
}
.heading hr {
width: 60px;
height: 5px;
background-color: #76C0C8;
border: none;
display: inline-block;
margin-top: 5px;
margin-bottom: 30px;
}
.icon_box_round:hover {
background-color: #f7f7f7;
-webkit-box-shadow: inset 3px 0 #76C0C8;
-moz-box-shadow: inset 3px 0 #76C0C8;
box-shadow: inset 3px 0 #76C0C8;
border: solid 1px rgba(0,0,0,.1);
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
/*---request call section---*/
.req-form{
background-image:url(../images/bg-2.jpg)
}
.req-form .request-content h2{
margin-top: 10px;
color: #fff;
font-weight: 400;
}
.req-form .request-content h6{
color: #76C0C8;
margin-top: 0;
}
.req-form .request-content p{
color: #ccc;
margin-bottom: 0;
}
.req-form .request-form .btn{
width: 100%;
margin-top: 25px;
background-color: #76C0C8;
border-color: transparent;
font-weight:600;
color: #fff;text-transform: uppercase;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.req-form .request-form .btn:hover{
background-color: transparent;
border-color: #76C0C8;
color: #fff;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.req-form .request-form {
margin-top: 35px;
}
.req-form .request-form label {
color: #fff;
font-weight: 400;
}
/*---attorney-team section---*/
.attorney-team .heading{
text-align: left;
}
.attorney-team .heading p {
border-left: 5px solid #76C0C8;
margin-bottom: 0;
padding: 10px 20px;
}
#identifier {
background-color: #ccc;
}
.attorney-team .heading h1 {
margin-top: 0px;
margin-bottom: 20px;
line-height: 1;
margin-left: -2px;
}
.attorney-team .heading h6 {
color: #76C0C8;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 0;
}
.team-content-3 .team-person-detail{
padding:15px;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.team-content-3 .img-content {
position: relative;
border: 1px solid #e2e2e2;
width: 75%;
margin-right: auto;
margin-left: auto;
}
.team-content-3 .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #E05E26;
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease;
}
.team-content-3:hover .img-content .overlay {
width: 10%;
text-align:center;
}
.team-content-3:hover .team-person-detail{
border-bottom: 1px solid #76C0C8;
}
.team-content-3 .img-content .text {
white-space: nowrap;
color: white;
font-size: 20px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.team-content-3 ul.social_links_fifth li a {
display: inline-block;
margin: 0 auto;
text-align: center;
width: 35px;
height: 35px;
font-size: 20px;
position: relative;
margin-bottom: 15px;
background: none;
border: none;
}
.team-content-3 ul.social_links_fifth li i{
color:#fff;
}
ul.social_links_fifth {
list-style: none;
margin-top: 20px;
}
ul.social_links_fifth li {
display: inline;
padding: 0;
}
ul.social_links_fifth li a {
display: inline-block;
margin: 0 auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
width: 35px;
height: 35px;
font-size: 16px;
position: relative;
background-color: #eff2f3;
margin-bottom: 10px;
border: 1px solid #cccccc;
}
ul.social_links_fifth li a i {
color: #898989;
text-align: center;
margin: 5px;
line-height: 25px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.team-content-3 {
margin-top: 30px;
}
.heading .btn {
border-radius: 0px;
border: 1px solid #ccc;
background-color: #fff;
padding: 10px 20px;
margin-top: 15px;
color: #333;
text-transform: uppercase;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
float: right;
}
.heading .btn:hover {
background-color: #76C0C8;
color: #fff;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
/*---why us section---*/
.why-us {
padding-top: 0;
padding-bottom: 0;
}
.why-us .heading{
text-align: left;
}
.why-us .heading p {
border-left: 5px solid #76C0C8;
margin-bottom: 0;
padding: 10px 20px;
}
.why-us .heading h1 {
margin-top: 0px;
margin-bottom: 20px;
line-height: 1;
margin-left: -2px;
}
.why-us .heading h6 {
color: #76C0C8;
text-transform: uppercase;
margin-bottom: 5px;
}
.icon_square {
margin-top: 0px;
margin-bottom: 40px;
}
.icon_square .ib_square {
background: #fff;
border: 2px solid #76C0C8;
}
.ib_square {
width: 60px;
height: 60px;
top: 0;
border-radius: 12px;
transition: all .2s linear;
}
.ib_square, .icon_square i {
-moz-transition: all .2s linear;
position: relative;
float: left;
}
.icon_squareh4, .icon_square i {
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
}
.icon_square i {
font-size: 24px;
color: #76C0C8;
top: 0;
left: 0;
background: 0 0;
line-height: 55px;
transition: all .2s linear;
text-align: center;
width: 55px;
}
.icon_square h4 {
text-align: left;
padding: 0 0 0 90px;
transition: all .2s linear;
margin-top:5px;
}
.icon_square h4, .icon_square p {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
}
.icon_square p {
padding: 1px 0 3px 90px;
text-align: left;
transition: all .2s linear;
}
.icon_square:hover .ib_square {
background: #76C0C8;
border: 2px solid #76C0C8;
}
.icon_square:hover i {
color: #fff;
}
.icon_box_big_rd_square:hover h4 {
color: #76C0C8;
}
.right-content-bottom{
margin-left: -60px;
margin-top: 30px;
}
.right-content-top {
margin-top: 40px;
}
.counter p.count {
font-size: 1.7142857142857142em;
height: 110px;
width: 110px;
margin: 0 auto 20px;
border: 8px solid #76C0C8;
line-height: 95px;
border-radius: 100%;
}
.counter{
border-bottom: 1px solid #ebebeb;
padding-top: 30px;
padding-bottom: 10px;
}
/*---News section---*/
.blog-alt {
border-bottom: 1px solid #ebebeb;
margin-bottom: 5px;
}
.blog-alt p {
margin-bottom: 5px;
font-size:0.8571428571428571em;
}
.blog-alt p .sep {
padding-left: 10px;
padding-right: 10px;
}
.blog-title {
margin-top: 15px;
}
.blog-post .btn {
border-radius: 3px;
border: 1px solid #ccc;
background-color: #fff;
padding: 5px 20px;
color: #333;
text-transform: uppercase;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.blog-post .btn:hover {
background-color: #76C0C8;
color: #fff;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
/*---testimonial section---*/
.testimonial{
text-align:center;
background-image: url(../images/bg-3.jpg);
color:#ccc;
}
.testimonial #dart-quote-carousel.carousel {
padding-bottom: 30px;
}
.testimonial #dart-quote-carousel.carousel .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.testimonial #dart-quote-carousel.carousel .carousel-inner .active {
opacity: 1;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.testimonial #dart-quote-carousel.carousel .carousel-indicators {
bottom: 10px;
z-index:2;
}
.testimonial #dart-quote-carousel.carousel .carousel-indicators li {
background-color: #fff;
border: none;
}
.testimonial #dart-quote-carousel.carousel .carousel-indicators .active{
background-color: #76C0C8;
border: none;
width:10px;
height:10px;
margin:1px;
}
.testimonial #dart-quote-carousel blockquote {
text-align: center;
border: none;
}
.testimonial #dart-quote-carousel .profile-circle {
width: 64px;
height: 64px;
margin: 0 auto;
border-radius: 100px;
}
.testimonial .item .name{
color:#ccc;
}
.testimonial .item .position{
text-align:left;
margin-left:20px;
}
.testimonial .carousel li {
margin-right: 0px;
}
blockquote {
font-size: 14px;
}
/*---contact section---*/
.contact-section{
padding-top: 0;
padding-bottom: 0;
}
.map {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.map iframe {
width: 100%;
border: none;
height: 508px;
margin-bottom: -5px;
}
.contact-details .heading {
text-align: left;
margin-bottom: 20px;
}
.contact-details .heading h6 {
color: #f7f7f7;
}
.contact-details {
background-color: rgba(224,94,38,0.9);
min-height: 509px;
padding-top: 40px;
padding-bottom: 40px;
position: absolute;
top: 0;
z-index: 1;
}
.contact-form {
margin-bottom: 20px;
}
.contact-form .form-control {
border: none;
border-radius: 0;
color: #333;
box-shadow: none;
}
.contact-form .btn {
border-radius: 0px;
border: 1px solid #fff;
background-color: #fff;
padding: 10px 20px;
margin-top: 0px;
color: #333;
text-transform: uppercase;
width: 100%;
}
.contact-form .btn:hover {
color: #fff;
background-color: #E05E26;
}
.contact-info.clearfix {
color: #f7f7f7;
}
.contact-info p {
margin-bottom: 10px;
}
.contact-info p i {
padding-right: 15px;
}
.contact-info .socian-icon li a {
color: #f7f7f7;
}
.contact-info .socian-icon li a:hover {
color: #000;
}
/*---footer---*/
footer {
text-align: center;
background-color: #464746;
color: #cccccc;
padding-top: 60px;
padding-bottom: 40px;
}
footer .footer-logo img{
display: inline-block;
margin-bottom: 30px;
}
/*---Responsive Media Screen style---*/
@media only screen and (max-width: 3500px) {
/*body*/
body {
overflow-x: hidden;
}
}
@media only screen and (max-width: 2500px) {}
@media only screen and (max-width: 2100px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1566px) {}
@media only screen and (max-width: 1366px) {}
@media only screen and (min-width: 1300px) {}
@media only screen and (max-width: 1280px) {}
@media (min-width: 1280px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 1024px) {
body{
font-size:100%;
}
.cta-box .btn {
margin-top: 20px;
}
.req-form .request-form {
margin-top: 0px;
}
.heading .btn {
margin-top: 0px;
}
.team-content-3 ul.social_links_fifth li a {
margin-bottom: 5px;
}
.right-content-top {
margin-top: 0px;
}
.icon_square {
margin-bottom: 0px;
}
.icon_square p {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 991px) {
body{
font-size:100%;
}
.dart-no-padding-tb {
padding-top: 0;
padding-bottom: 10px;
}
#about{
padding-top: 30px;
}
.about-point {
padding: 0;
}
#practice-areas {
padding-bottom: 0px;
}
.req-form {
background-size: cover;
background-position: top;
}
.team-content-3 ul.social_links_fifth li a {
font-size: 15px;
margin-bottom: 0px ;
width: 30px;
height: 30px;
}
.right-content-top {
margin-top: 15px;
}
.right-content-bottom {
margin-left: 15px;
}
.icon_square {
margin-bottom: 10px;
clear: both;
display: inline-block;
}
.right-content-bottom {
margin-top: 20px;
}
.contact-details {
padding-top: 30px;
padding-bottom: 30px;
}
}
/*--------------iPhone 6 plus landscape----------------*/
@media only screen and (max-width: 767px) {
body{
font-size:100%;
}
section {
padding: 30px 0px;
}
.icon_box_big_rd_square {
margin-top: 25px;
margin-bottom: 25px;
}
.wel-text .text-right, .wel-text .dart-heading {
text-align: left;
}
.wel-text .dart-heading {
margin: 10px 0px;
}
#about {
padding-bottom: 30px;
}
.cta-box .btn {
margin-top: 0px;
margin-bottom: 20px;
}
.heading .btn {
margin-top: 25px;
float: none;
}
.team-content-3 ul.social_links_fifth li a {
font-size: 18px;
margin-bottom: 15px;
width: 35px;
height: 35px;
}
.blog-post {
margin-bottom: 20px;
}
.contact-details {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
}
.contact-section{
background-color: #76C0C8;
}
.attr-nav > ul > li > a {
margin-top: 15px;
width: 30px;
text-align: center;
padding: 0;
height: 30px;
}
.attr-nav > ul > li > a i {
line-height: 30px;
}
}
/*--------------iPhone 6 landscape----------------*/
@media only screen and (max-width: 667px) {}
/*--------------iPhone 5 landscape----------------*/
@media only screen and (max-width: 568px) {}
@media only screen and (max-width: 480px) {}
/*--------------iPhone 6 plus portrait----------------*/
@media only screen and (max-width: 414px) {}
/*--------------iPhone 6 portrait----------------*/
@media only screen and (max-width: 375px) {}
/*--------------iPhone 5 portrait----------------*/
@media only screen and (max-width: 320px) {}
@media only screen and (max-width: 300px) {}
@media only screen and (max-width: 200px) {}