@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Legal Eagle
Version:	1.0
Last change:	Initial RELEASED
Primary use:	Law Firm
-------------------------------------------------------------------*/


/* google font */
@import url(../../../../css.css);
@import url(../../../../css-1.css);
@import url(../../../../css-2.css);


@font-face {
    font-family: "Gotham Rounded";
    src: url(../fonts/GothamRoundedBold.ttf);
    src: url(../fonts/GothamRounded-Bold.otf);
    font-weight: 700;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url(../fonts/GothamRoundedMedium.ttf);
    src: url(../fonts/GothamRounded-Medium.otf);
    font-weight: 500;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url(../fonts/GothamRoundedBook.ttf);
    src: url(../fonts/GothamRounded-Book.otf);
    font-weight: 400;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url(../fonts/GothamRoundedLight.ttf);
    src: url(../fonts/GothamRounded-Light.otf);
    font-weight: 300;
}

@font-face {
    font-family: "gloriant-regular";
    src: url(../fonts/Gloriant.ttf);
}

@font-face {
    font-family: "brownie";
    src: url(../fonts/brownie-scriptalt-webfont.ttf);
    src: url(../fonts/Brownie-ScriptAlt.otf);
    font-weight: 700;
}

/*------------------------------------------------------------------

[Table of contents]

1- CSS RESET
2- BASIC STYLES
3- Button
4- Headings
5- HEADER
6- Slider
7- Features
8- Company Info
9- Services
10- Skills
11- Consultation
12- Why Choose
13- statistics
14- Team
15- Testimonials
16- News
17- Partners
18- Call To Action
19- info box
20- Pricing Table
21- Page Title
22- Timeline
23- Contact
24- Blog
25- Sidebar
26- Single Post
27- Attorney Detail
28- Error
29- Footer

NOTE: Every section is commented before starting.


/*------------------------------------------------------------------
    1- CSS RESET
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------------------------
    2- BASIC STYLES
-------------------------------------------------------------------*/

body { background: #fff; color: #000; font: 14px Arial, Helvetica, sans-serif; overflow-x: hidden; }

a { color: #666666; text-decoration: none;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;   }
a:hover { color: #cc9966; text-decoration: none; }
a:hover, a:active { outline: 0; }
hr {margin: 50px 0;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.text-right {text-align: right}
.text-left {text-align: left}
.seaction_margin { margin-bottom: 118px; }


    /*-- Heading --*/

    h1, h2, h3, h4, h5, h6 {-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; font: bold 14px 'Gotham Rounded', Arial, Helvetica, sans-serif; color: #333333; text-transform: uppercase; }
    h1 { font-size: 30px; }
    h1 a { color: #333333; }
    h2 {  font-size: 58.33px; color: #333333; }
    h2 a { color: #333333; }
    h3 { font-size: 20.83px;}
    h3 a { color: #333333; }
    h4 { font-size: 14px; }
    h4 a { color: #333333; }
    h5 { font-size: 12px; }
    h5 a { color: #333333; }
    h6 { font-size: 10px; }
    h6 a { color: #333333; }

    /*-- Lists --*/
    ul {}
    ul li {font: 300 13px 'Gotham Rounded', arial, sans-serif;}
    ul li a {font: 300 13px 'Gotham Rounded', arial, sans-serif;}

    ol {}
    ol li {font: 300 13px 'Gotham Rounded', arial, sans-serif;}
    ol li a {font: 300 13px 'Gotham Rounded', arial, sans-serif;}

    /*-- Paragraph --*/
    p strong { font-weight: bold; }
    p em { font-style: italic; }
    p {font: 300 13px 'Gotham Rounded', arial, sans-serif; line-height: 26px; color: #666666;}
    label {font: 400 13px 'Gotham Rounded', arial, sans-serif; margin-bottom: 12px; color: #333333; text-transform: uppercase;}
    blockquote {  font: italic 700 16px 'Gotham Rounded', arial, sans-serif; margin-bottom: 45px; line-height: 26px; color: #666666; background: url("../images/quotes.jpg") no-repeat 36px 4px;  padding: 0px 95px;  }
    blockquote p {font: italic 700 16px 'Gotham Rounded', arial, sans-serif; line-height: 26px; color: #666666; margin: 0px;}

    span{-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s;}

    .cd-top {     display: inline-block;  height: 44px;  width: 44px; line-height: 44px; text-align: center; border-radius: 50%; background: #cc9966;  position: fixed;  bottom: 20px;  right: 16px;  overflow: hidden;  white-space: nowrap;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  z-index: 10000; }
    .cd-top.cd-is-visible {  visibility: visible;  opacity: 0.5;  }
    .cd-top i {  color: #fff;  font-size: 30px;  vertical-align: -4px;  }
    .cd-top.cd-is-visible:hover { opacity: 1; }


/*------------------------------------------------------------------
    3- Button
-------------------------------------------------------------------*/
.button {   display: inline-block; font:700 11px 'Gotham Rounded', sans-serif; color: #fff;     padding: 14px 20px; letter-spacing: 0.2px; text-transform: uppercase;}
.yellow {-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s;background: #cc9966;}
.blue {background: #2c3c4a;}
.bordered {border: 2px solid #fff;}

.button.yellow:hover {color:#fff;background: #2c3c4a;}
.button.blue:hover {color:#fff;background: #cc9966;}


/*------------------------------------------------------------------
    4- Headings
-------------------------------------------------------------------*/

.heading_section {margin-bottom: 70px; text-align: center;}
.heading_a {font: 400 12px 'Gotham Rounded', Arial, Helvetica, sans-serif; color: #666666; /*background: url("../images/border_bg.png") no-repeat right center;*/ display: inline-block; margin-bottom: 17px; padding-right:55px; text-transform: uppercase;}
.heading_b {font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 30px;}

.heading_c {font: 400 12px 'Gotham Rounded', Arial, Helvetica, sans-serif; color: #666666; background: url("../images/legal.png") no-repeat top center; display: inline-block; margin-bottom: 10px; padding:25px 0px 0px; text-transform: uppercase;}
.heading_c.white {color: #fff; background: url("../images/legal_white.png") no-repeat top center;}
/*.heading_c:before {content: ''; background: url("../images/border_bg2.png") no-repeat top center; margin-right: 5px; width: 48px; height: 7px; display: inline-block;}*/
/*.heading_c:after {content: ''; background: url("../images/border_bg.png") no-repeat top center; margin-left: 5px;width: 48px; height: 7px; display: inline-block;}*/

.heading_d { font: 400 32px 'Gotham Rounded', Arial, Helvetica, sans-serif; color: #fff; display: inline-block; margin: 84px 0 57px; text-transform: none;}
/*.heading_d:before {  vertical-align: middle;content: ''; background: url("../images/border_bg2.png") no-repeat top center; margin-right: 5px; width: 48px; height: 7px; display: inline-block;}*/
/*.heading_d:after {  vertical-align: middle;content: ''; background: url("../images/border_bg.png") no-repeat top center; margin-left: 5px;width: 48px; height: 7px; display: inline-block;}*/
.heading_section .heading_b {  margin-bottom: 15px;  }

.heading_e {font-size:18px; margin-bottom: 35px;}

/*------------------------------------------------------------------
    5- HEADER
-------------------------------------------------------------------*/
.wellcome_banner { position: relative; }

#header1 {top:40px; position: absolute; left: 0px ; width:100%;   z-index: 99;}
header .logo img{ width:100%; }

nav { text-align: right; line-height:45px;  }
nav ul li { display: inline-block;     margin-left: 23px; position: relative;}
nav ul li a {font:400 11px 'Montserrat', sans-serif; color: #fff; text-transform: uppercase;letter-spacing: 1.1px;}
nav ul li a:hover {color: #cc9966;}
nav ul li .active {color: #cc9966;}

nav ul li ul:before {  content: '';  position: absolute;  top: -9px;  left: 13px;  border-bottom: 10px solid #000;  border-left: 10px solid rgba(255, 255, 255, 0);  border-right: 10px solid rgba(255, 0, 0, 0.01);  }

nav ul li ul.dropdown-menu {  z-index: 9999;  position: absolute;  width: 199px;  text-align: left;  background: #000;  display: none;  padding: 0px;  top: 17px;  left: 0px;  }
nav ul li ul.dropdown-menu li:last-child a {  border: 0px;  }
nav ul li ul.dropdown-menu li {  margin: 0px;  display: block;  }
nav ul li ul.dropdown-menu li a {  color: #fff !important;  font-size: 12px;  text-transform: none;  padding: 10px 10px;  text-align: left;  display: block;  border-bottom: 1px solid rgba(255, 255, 255, 0.37);  }
nav ul li ul.dropdown-menu li a:hover {  background: #cc9966;  }

header nav > ul > li > ul.dropdown-menu  {  border-radius: 3px;  }
#header1 nav > ul > li > ul.dropdown-menu  {  top: 48px;  }
#header1 nav > ul > li > a {  padding: 17px 0px;  display: block;  }
#header2 nav > ul > li > a {  padding: 50px 0px;  display: block;  }
#header2 nav ul li ul.dropdown-menu  {top:95px;}

.resnav7 .navbar-nav .dropdown-menu{float: left;}
.responsive_button .fas {  font-weight: 900; color: #fff; float: right;  }
.responsive_button .navbar-toggler {  float: right;  }
.pd-0 {  padding: 0; display: none;  }
.responsive_button { display: none;  background: #cc9966;   border-radius: 31px;  padding: 12px 20px 12px 20px !important;  width: 98%;  overflow: hidden;  margin:0 auto 10px;  }
.responsive_button p {  color: #fff; font: 600 13px 'Montserrat', sans-serif;  display: inline-block;  float: left; line-height: 30px;}
.responsive_button button.navbar-toggle {  margin: 0px;  padding: 0px;  }
.responsive_button  .icon-bar {  background: #fff;  }
/*visibility: hidden;*/
.responsive_nav{ width: 100%; position: absolute; z-index: 999; margin-top: -10px; }
.responsive_nav .navbar-collapse .collapse.in {  visibility: visible;  display: block !important;  }

.responsive_nav ul {text-align: left;  margin: 0 auto;    border-bottom-left-radius: 21px;  border-bottom-right-radius: 21px;  z-index: 9999999;  width: 98%; float: none;  overflow: hidden;  background: rgb(0, 0, 0);  }
.responsive_nav ul li { float: none; }
.responsive_nav ul li a{ color: #fff; display: block; padding: 10px 20px;  border-bottom: 1px solid rgba(255, 255, 255, 0.247059);  font: 600 12px Montserrat, sans-serif;}
.responsive_nav ul li a:hover{background: #cc9966;}



header form {position: relative; display: inline-block;    float: right;  margin-right: -15px;}
header form input[type="text"]{ -ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; visibility: hidden; position: absolute; left: -201px; top: 5px; border: 2px solid #cc9966; height: 32px; border-radius: 7px;  width: 200px; padding: 10px; font: 400 13px 'Montserrat', arial, sans-serif;  text-transform: uppercase;}
header form input[type="submit"]{background: url("../images/white_search.png") no-repeat center 12px; border: 0px; border-radius: 0px;    width: 18px; height: 30px; }
header form:hover  input[type="text"] { visibility: visible;}


header .button {float:right;}

#header2 {line-height:120px; height: 120px;}
#header2 img {vertical-align: middle;}

#header2 nav { text-align: right; line-height:0px;  }
#header2 nav ul li a{  color: #333333  ;}
#header2 nav ul li a:hover {color: #cc9966;}
#header2 nav ul li a.active {color: #cc9966;}

#header2 form input[type="submit"]{background: url("../images/black_search.png") no-repeat center 12px;}
#header2 form {  line-height: normal;  margin-top: 33px;  }
#header2 .button{    margin-top: 30px;}
header .button{  padding: 15px;}

/*------------------------------------------------------------------
    6- Slider
-------------------------------------------------------------------*/
.layer {  background: rgba(0, 0, 0, 0.68);  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  }

.slide_content {position: absolute; top: 0px; left: 0px; width: 100%; padding-top: 210px; background: rgba(0,0,0,.6); height: 100%;}
.slide_content h3  { display: inline-block; letter-spacing: 0.6px !important; font:400 11px 'Montserrat', sans-serif; color:#fff; text-transform: uppercase; }
.slide_content h3:after {content:''; background: url("../images/border_bg.png") no-repeat right center ;width:47px; height:20px;display: inline-block;  vertical-align: middle; margin-left: 11px; }
.slide_content h3:before {content:'';background: url("../images/slides/left_img.png") no-repeat left center ;width:25px; height:20px;display: inline-block;  vertical-align: middle; margin-right: 11px; }
.slide_content a.button {margin-right: 10px;}
.slide_content h1 {  font-size:40px; font-weight:800;  font-family:'Montserrat', sans-serif;  line-height:51px; margin: 18px 0px;  color:#fff;  text-transform:uppercase;  text-decoration:none;  background-color:transparent;  text-shadow:none;  border-width:0px;  border-color:rgb(0, 0, 0);  border-style:none;letter-spacing: 1px !important;  }

.main_slider .owl-prev {  background: url(../images/slides/left-arrow.png) no-Repeat 0 0; width: 19px;  height: 32px;  left: 65px !important;  opacity: 0.8; position: absolute;  font-size: 0px;  top: 50%;  }
.main_slider .owl-next  {  background: url(../images/slides/right-arrow.png) no-Repeat 0 0;  width: 19px;  height: 32px;  right: 65px !important;  opacity: 0.8;  position: absolute;  font-size: 0px;  top: 50%;  }
.owl-dots {  display: none;  }


.slider_wrap { height: 650px; width: 100%; }
.slider{ height: 650px; width: 100%; }
.slider .slides > img {width:100%; height:100%;}
.slider .slides{ height: 650px; position: relative; }

.slider .caption {position: absolute; width:100%; left: 0px; top:0px; height: 100%; padding-top: 180px; text-align: center;}
.slider .caption img {margin-bottom: 25px;}
.slider .caption h3 {font-size: 40px; color: #fff;margin-bottom: 25px;}
.slider .caption p { color: #fff; margin-bottom: 60px; line-height: 30px;}

/*------------------------------------------------------------------
    7- Features
-------------------------------------------------------------------*/

.features_wrap { margin-top:-20px; position: relative; z-index: 99; }
.feature {background: #2c3c4a; text-align: center; padding:45px; -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
.feature img { margin-bottom: 44px;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s; }
.feature h3 {font-size: 16px; color: #fff; margin-bottom:10px; font-weight: bold; text-transform: uppercase;}
.feature p {color:#fff;}
.feature:hover {background: #cc9966;}

.feature.feature_two  { background: none !important; }
.feature.feature_two  h3{color: #333333; margin-top: 44px; font-family: "Gotham Rounded";}
.feature.feature_two  p{color: #666666; font-family: "Gotham Rounded";}
.feature [class^="flaticon-"]:before{color: #cc9966; font-family: Flaticon;font-size: 70px;font-style: normal;margin-left: 0; }
.feature:hover img{  -webkit-transform: rotate(360deg);  transform: rotate(360deg);  }
.feature:hover{  -webkit-transform: scale(1.01);  -ms-transform: scale(1.01);  transform: scale(1.01);  }

/*------------------------------------------------------------------
    8- Company Info
-------------------------------------------------------------------*/

.info p {margin-bottom: 70px; padding-right: 30px;}
.info_img img {width:100%;}
.info .button {  padding: 15px 35px;  }
.info > img {  margin-right: 9px; }

.consult_area h4{font-size: 18px; margin-bottom: 35px; text-transform: none;}

.consult_area ul li {margin-bottom: 35px; overflow: hidden;}
.consult_area ul li i {width: 80px; height: 80px; background: #2c3c4a; color: #fff; text-align: center; line-height: 80px; font-size: 30px; border-radius: 50%;}
.consult_area ul li h6 { font-size: 16px; text-transform: none; margin-bottom: 15px;}
.consult_wrap {  margin-bottom: -4px;  }
.user_img img {width:100%;}

/*------------------------------------------------------------------
    9- Services
-------------------------------------------------------------------*/

.services_wrap {background: #f4f4f4; text-align: center; padding: 100px 0px 0;}
.services_wrap .heading_section {margin-bottom: 127px; }

.services{   -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s; cursor: pointer; background: #ffffff; border-bottom: 3px solid #fff; padding: 94px 45px 55px; position: relative; margin-bottom: 120px;}
.services figure {   -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;  width: 90px;  height: 89px;  line-height: 85px;  text-align: center;  background: #fff;  border: 2px solid #2c3c4a;  position: absolute;  left: 50%;  margin-left: -54px;  top: -53px;  }
.services figure i {   -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;  font-size: 44px;  vertical-align: middle;  color: #cc9966;  }
.services h4{font-size: 16px; color: #333333; margin-bottom: 19px;   -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
.services p {  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
.services:hover{ background: #2c3c4a;}
.services:hover figure{ background: #cc9966; border-color: #cc9966;}
.services:hover h4{ color: #fff }
.services:hover p{ color: #fff }
.services:hover figure i {color: #fff;-webkit-transform: rotate(20deg);  transform: rotate(20deg); }

.services_two { background: none; padding: 0px !important;}
.services_two .services {background: none; padding: 0px; border-bottom:5px solid rgba(255,255,255,0);    margin-bottom: 60px;}
.services_two .services:hover {background: #2c3c4a; border-bottom:5px solid #cc9966;}
.services_two .services figure{ background: none !important; width: 100%; height:auto; overflow: hidden; position: static; border: 0px !important; margin: 0px; margin-bottom: 40px;}
.services_two .services figure img {width: 100%;}
.services_two .services h4{;padding: 0px 45px 0px;}
.services_two .services p{  padding: 0px 45px 0px; margin-bottom: 35px;  }

/*------------------------------------------------------------------
    10- Skills
-------------------------------------------------------------------*/

.skill_wrap {border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; overflow: hidden;}

.skill_img { width: 50%;float: left; position: relative; overflow: hidden; }
.skill_content {width: 50%; float: left; padding: 114px 85px 0}
.skill_content p {margin-bottom: 60px;}


.progress {height: 5px; background: #f4f4f4; overflow: visible}
.progress .bar {background: #2c3c4a; position: relative; height: 5px; transition-duration: 5s;}
.progress .bar.yellow {background: #cc9966;}
.progress .bar.one {width: 80%;}
.progress .bar.two {width: 98%;}
.progress .bar.three {width: 90%;}
.progress .bar span {position: absolute; top: -23px; right: 1px;font: 400 13px 'Montserrat', arial, sans-serif;  color: #333333; text-transform: uppercase;}


.skill_counter {position: absolute; top: 0px; left: 0px; padding-top: 102px; padding-left: 100px;}
.skill_counter ul li {display: block; margin-bottom: 66px;}
.skill_counter ul li a{font: 300 48px 'Merriweather', arial, sans-serif; display: block; margin-bottom: 10px; color: #fff;}
.skill_counter ul li small{font: 700 11px 'Montserrat', arial, sans-serif; text-transform: uppercase; color: #fff;}

#tabs ul { margin-bottom: 10px; }
#tabs ul li{display: inline-block;}
#tabs ul li a{font: 700 12px 'Montserrat', arial, sans-serif; color: #666666; border: 3px solid #cc9966; padding: 11px 20px;display: block; }
#tabs ul li a:hover{color: #fff; border-color: #2c3c4a;background: #2c3c4a; }
#tabs ul li.ui-state-active a{color: #fff; border-color: #2c3c4a; background: #2c3c4a; }


#tabs img{width: 100%; margin-bottom: 45px;}
#tabs p{margin-bottom: 25px;}

.skill_img > a i {  font-size: 26px;  color: #fff;  }
.skill_img > a {  position: absolute;  top: 50%;  right: 50%;  line-height: 70px;  text-align: center;  width: 70px;  height: 70px;  border: 5px solid #fff;  border-radius: 50%; margin: -40px 0px 0px -40px;  }

.skill_img .heading_section {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.7);  padding: 122px 77px;}
.skill_img .heading_section .heading_b{ color: #fff; margin-bottom: 45px;}
.skill_img .heading_section p{ color: #cccccc; margin-bottom: 55px; font-size: 14px; line-height: 30px;}



/*------------------------------------------------------------------
    11- Consultation
-------------------------------------------------------------------*/

.consultation .heading_a  { margin-bottom: 0px; }
.consultation p{ margin-bottom: 38px;}

.field-control { position: relative; margin-bottom: 31px;  }
.form-control { height: 37px; font: 300 13px 'Gotham Rounded', arial, sans-serif; background: none;border: 0 !important;border-bottom: 1px solid #e5e5e5 !important;border-radius: 0;color: #333;  box-shadow: none !important; padding-left: 5px;padding-right: 0;font-size: 12px;  margin: 0px !Important; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; box-shadow: none;  }
.form-control ~ label {font: 300 13px 'Gotham Rounded', arial, sans-serif;  text-transform: none;width: 100%;  position: absolute;  left: 15px;  bottom: 0;  pointer-events: none;  }
.form-control ~ label:after{  content: '';  position: absolute;  z-index: 5;  bottom: -12px;  left: 50%;  width: 0;  height: 2px;  width: 0;  visibility: hidden;  transition: 0.2s ease all;  }

.form-control.edited:not([readonly]) ~ label:after,
.form-control:focus:not([readonly]) ~ label:after,
.form-control.focus:not([readonly]) ~ label:after {  visibility: visible;  left: 0;  width: 90%;  background: #2c3c4a;  }

textarea.form-control{height: 102px; resize: none; margin-bottom: 30px !important;}
input[type=submit].button {-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s;   border: 0px;  padding: 13px 23px; margin-bottom: 50px;}
.messages {  background: #f5f4f4;  width: 90%;  margin: 0 auto;  color: #333333;  font: 700 14px 'Gotham Rounded', arial, sans-serif;  padding: 21px 20px; text-transform: uppercase;}


/*------------------------------------------------------------------
    12- Why Choose
-------------------------------------------------------------------*/

.why_us .heading_a  { margin-bottom: 0px; }
#accordion h3  { background: url("../images/minus.png") no-repeat 96% center; color: #333333; font-size: 14px; padding: 18px 20px; border: 1px solid #eeeeee; margin-bottom: 15px; outline: 0px; cursor: pointer; }
#accordion h3 + div { padding: 15px 30px 30px; }

#accordion h3.ui-state-active {background: url("../images/plus.png") no-repeat 96% center #2c3c4a ; color: #fff;}

.accordion h3  { background: url("../images/minus.png") no-repeat 96% center; color: #333333; font-size: 14px; padding: 18px 20px; border: 1px solid #eeeeee; margin-bottom: 15px; outline: 0px; cursor: pointer; }
.accordion h3 + div { padding: 15px 30px 30px; }

.accordion h3.ui-state-active {background: url("../images/plus.png") no-repeat 96% center #2c3c4a ; color: #fff;}



/*------------------------------------------------------------------
    13- statistics
-------------------------------------------------------------------*/

.statistics { text-align: center; background: fixed url(../images/skill_bg.png)  no-repeat; background-position: 0 0; background-size: 100% 100%; width: 100%;height: 353px;position: relative; }
.statistics_inner {background: rgba(0, 33, 53, 0.88);    width: 100%;  height: 100%}
.statistics a { text-align: center;}
.statistics .counter1 a,.counter2 a,.counter3 a,.counter4 a {font: 300 48px 'Gotham Rounded', arial, sans-serif; display: block; margin-bottom: 10px; color: #fff;}            
.statistics small{font: 700 11px 'Gotham Rounded', arial, sans-serif; text-transform: uppercase; color: #fff;}

.statistics2 .heading_d{ margin-bottom: 30px; }
.statistics2 p{ color: #fff; font-size: 48px; margin-bottom: 20px;    line-height: 35px; }
.statistics2 span{ font: 700 11px 'Gotham Rounded', arial, sans-serif; color: #fff; display: block; text-transform: uppercase; }



/*------------------------------------------------------------------
    14- Team
-------------------------------------------------------------------*/

.attorney2 .attorney { margin-bottom: 80px; min-height: 513px;   -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s; }
.attorney figure { width: 100%; margin-bottom: -2px;}
.attorney figure img{ width: 100%; height: auto;}

.attorney .content {border: 1px solid #f4f4f4; border-top: 0px; padding:42px 40px 37px; text-align: center;   -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
.attorney .content h5 a{color: #333333; font-size: 14px;margin-bottom: 5px; display: block;text-transform: uppercase;}
.attorney .content span{font: 100 12px 'Gotham Rounded', arial, sans-serif; color: #999999; text-transform: uppercase;}

.attorney .social_icon{text-align: center; padding: 30px 0px;   -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
.social_icon a{margin: 0px 10px;}
.social_icon a i{ color: #cccccc;}

.attorney:hover .content { border: 0px; background: #cc9966;}
.attorney:hover .content h5 a{ color: #fff;}
.attorney:hover .content span{ color: #fff;}

.attorney:hover .social_icon{background: #2c3c4a;}
.attorney:hover .social_icon a i{ color: #fff;}

.attorney_form {  background: #f4f4f4;  text-align: center;  padding: 100px 0px 60px;  }
.attorney_form .messages { width: auto; display:inline-block; margin: 80px 0px 35px; background: #2c3c4a; color: #fff; font-size: 14px;  }
.attorney_form h6 { font-size: 14px; text-transform: none;  }



/*------------------------------------------------------------------
    15- Testimonials
-------------------------------------------------------------------*/

.testimonials_wrap { text-align: center; background: fixed url(../images/testi_bg.png)  no-repeat; background-position: 0 0; background-size: 100% 100%; width: 100%;position: relative; }
.testimonials_inner {background: rgba(0, 0, 0, 0.89);    width: 100%;  height: 100%; padding: 40px 0px}

.testimonials_wrap h5 { text-transform: none;margin: 50px 0 62px; }

.testi_slider {margin-bottom: 57px;}
.testi_slider p { color:#fff; margin-bottom: 48px; font-size: 13px;}
.testi_slider span {font: 400 11px 'Montserrat', arial, sans-serif; color: #fff; display: inline-block; background: /*url("../images/quote.png")*/ no-repeat top center; padding-top: 20px; text-transform: uppercase; }

.pagers a { width: 5px; height: 5px; background: #85827e; font-size: 0px ;display: inline-block; margin: 0px 2px; }
.pagers a.activeSlide {  background: #fff; }
.pagers {margin-bottom: 63px;  }


/*------------------------------------------------------------------
    16- News
-------------------------------------------------------------------*/

.news_wrap {border-bottom: 1px solid #eeeeee; padding-bottom: 76px;}
.news figure{width: 100%;  position: relative; margin-bottom: 80px;}
.news figure img{ width: 100%; height: 100%;}
.news figure .date{font: 400 24px 'Montserrat', arial, sans-serif; width: 90px; height: 90px; position: absolute; bottom: -45px; right: 45px; background: #2c3c4a; color: #fff; padding-top: 17px; text-align: center;  }
.news figure .date cite{display: block; font-size: 10px; margin-top: 5px;}

.news .content h3 a{ color: #333333; font-size: 16px; display: block; margin-bottom: 3px;}
.news .content h5{color: #cc9966;font-size: 10px; margin-bottom: 25px;}
.news .content p{ margin-bottom: 25px;}
.news .content > a{color: #2c3c4a;font: 700 11px 'Montserrat', arial, sans-serif; text-transform: uppercase; }

/*------------------------------------------------------------------
    17- Partners
-------------------------------------------------------------------*/

.partners_wrap a{border: 1px solid #eeeeee; display: block; height: 182px; line-height: 182px; text-align: center;}
.partners_wrap a img {vertical-align: middle;-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s;}
.partners_wrap a:hover img {-webkit-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1);}
/*------------------------------------------------------------------
    18- Call To Action
-------------------------------------------------------------------*/

.call_action {background: #cc9966; padding: 63px 0;}
.call_action h4{ font-size: 32px; color: #fff; margin-bottom: 0px;    text-transform: none;}
.call_action p{color: #fff; }
.call_action .button {  color: #fff !important;  margin-top: 8px;  display: inline-block;  padding: 16px 30px;  border-width: 3px;  }

/*------------------------------------------------------------------
    19- info box
-------------------------------------------------------------------*/

.box_wrap {background: #f4f4f4; padding: 60px 0px;}

.box {  background: #fff url(../images/eagle.png) no-repeat 95% 95%;  background-size: 111px;  padding: 55px 30px 33px;  }
.box h5 {  color: #333333;  font-size: 17px;  margin-bottom: 25px;  line-height: 25px;  }

.box p { margin-bottom: 25px;font-size: 11px;}
.box .button {  border: 2px solid #cc9966;  color: #333333;   }

.box ul {  margin-top: 50px;  margin-bottom: 17px;  }
.box ul li {color: #666666; padding: 0px 10px 15px; margin-bottom: 15px; border-bottom: 1px solid #000 }
.box ul li span{ float:right}

/*------------------------------------------------------------------
    20- Pricing Table
-------------------------------------------------------------------*/
.price_table{border:1px solid #eeeeee; border-top: 0px; text-align: center; }


.price_table ul li{ -ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; font-size: 12px; color: #666666; margin-bottom: 15px; display: block;}
.price_table ul li .button {margin: 55px 0;}
.price_table ul li h2 {-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; font-size: 16px; color: #fff; background: #2c3c4a; padding: 25px 0;}
.price_table ul li.price {padding: 50px 40px; }

.price_table ul li.price i { -ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; font-size: 52px;  color: #2c3c4a;  margin-bottom: 25px;  }

.price_table ul li span {font: 700 50px 'Montserrat', arial, sans-serif; display: block; border-bottom: 1px solid #eee;padding-bottom: 50px;}
.price_table li span small{font-size: 30px; font-weight: 400;}
.price_table li span cite{font: italic 700 13px 'Merriweather', arial, sans-serif; display: block; color: #999999;}

.price_table:hover h2{background: #cc9966; color: #fff;}
.price_table:hover .button{background: #cc9966; color: #fff;}
.price_table:hover .price i {    color: #2c3c4a;   -webkit-transform: rotate(20deg);  transform: rotate(20deg); }

/*------------------------------------------------------------------
    21- Page Title
-------------------------------------------------------------------*/

.page_title { background: url(../images/title_bg4.jfif)  no-repeat; position: relative;    background-size: 100% 100%; margin-bottom: 94px; }
.page_title .layer{position: static; padding: 96px 0px; }

.page_title h1 {font-size: 40px; color: #fff; /*background: url("../images/border_bg.png") no-repeat right center;*/ display: inline-block; margin-bottom: 17px; padding-right:55px; text-transform: uppercase;}
.beadcrumb a {font: 400 11px 'Montserrat', arial, sans-serif; color: #cc9966; text-transform: uppercase;}
.beadcrumb span {font: 400 11px 'Montserrat', arial, sans-serif;color: #fff; text-transform: uppercase;}

/*------------------------------------------------------------------
     22- Timeline
-------------------------------------------------------------------*/

.cd-horizontal-timeline h2 {font-size: 18px; color: #cc9966; margin-bottom: 30px; font-family: "Gotham Rounded";}
.cd-horizontal-timeline figure img{ width: 100%;}
.cd-horizontal-timeline p {margin-bottom: 30px; font-family: "Gotham Rounded";}

.cd-horizontal-timeline .events li a {font: 400 11px 'Gotham Rounded', arial, sans-serif}
.cd-horizontal-timeline .filling-line{background-color: #2c3c4a}
/*------------------------------------------------------------------
    23- Contact
-------------------------------------------------------------------*/

.contact_detail h3 {font-size: 20px; margin-bottom: 45px;}

.contact_address address {margin-bottom:55px;}
.contact_address address p{color:#333333; font-weight: lighter;}
.contact_address address p.hed{color:#333333; font-weight: 400; padding-left: 20px; background: url("../images/footer_border.png") no-repeat left center;}
.contact_address > p {margin-bottom: 45px;}

.contact_map {margin-bottom:70px;}
.contact_map iframe{width: 100%; height: 360px; border: 0px;}

/*------------------------------------------------------------------
    24- Blog
-------------------------------------------------------------------*/

article.post {margin-bottom: 80px;}
article.post a img { width: 100%; }

.meta {padding-bottom: 15px; margin-bottom: 35px; border-bottom: 1px solid #eeeeee;}
.meta ul li {font: 400 10px 'Gotham Rounded', arial, sans-serif;color:#333333; text-transform: uppercase; display: inline-block; margin-right: 25px;}
.meta ul li a{font: 400 10px 'Gotham Rounded', arial, sans-serif;color:#cc9966; text-transform: uppercase;}
.meta ul li i {  margin-right: 5px;  }

.post h3 {color: #333333; font-size: 20px; margin-bottom: 22px;}
.post p { margin-bottom: 45px;}

.post2 { border-bottom: 1px solid #eeeeee; padding-bottom: 45px; margin-bottom: 45px; }
.post2:last-child { border-bottom: 0px solid #eeeeee; }
.post2 .meta {border: 0px;}
.post2 .meta ul li { margin-bottom: 30px; }

/*------------------------------------------------------------------
    25- Sidebar
-------------------------------------------------------------------*/

.side_widget {margin-bottom: 55px;}
.side_widget .widget_title{margin-bottom: 30px; font-size: 18px;}

.side_widget form {  position: relative;  }
.side_widget form input[type='text']{ color: #999999; text-transform: uppercase; width: 100%; height: 55px; padding: 0px 60px 0px 20px; border: 1px solid #dddddd; font: 400 12px 'Gotham Rounded', arial, sans-serif; }
.side_widget form input[type='submit']{ border: 0px; background: url("../images/white_search.png") no-repeat center center #cc9966; width: 55px; height: 55px; position: absolute; top: 0px; right: 0px;}

.side_widget ul li { border-bottom: 1px solid #dddddd; padding-bottom: 15px; margin-bottom: 15px;}
.side_widget > ul > li:last-child { border: 0px; padding-bottom: 0px; margin-bottom:0px;}
.side_widget > ul > li a{ color: #333333; display: block;}
.side_widget > ul > li a i{-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; margin-right: 10px; color: #678cab;}
.side_widget > ul > li a:hover i {color:#cc9966;}

.recent_post ul li p {font-size: 14px; font-weight: 400; margin-bottom: 10px; line-height: 24px; color: #333333}
.recent_post ul li span {font: 400 10px 'Montserrat', arial, sans-serif;color:#cc9966; text-transform: uppercase;}
.recent_post ul li span i {color:#cc9966; margin-right: 5px;}

/*------------------------------------------------------------------
    26- Single Post
-------------------------------------------------------------------*/

article.single { margin: 0px; }
article.single .cate div{ font: 300 13px 'Merriweather', arial, sans-serif; line-height: 26px; color: #666666; }

article.single img { margin-bottom: 45px;}
article.single img.pull-left { margin-right: 45px;}
article.single img.pull-right { margin-left: 45px;}
.similar_post .news figure {  margin-bottom: 30px;  }

.single h6 { display: inline-block; font-size: 14px; color: #333333; }

/*------------------------------------------------------------------
    27- Attorney Detail
-------------------------------------------------------------------*/

.attorney_detail figure img {width: 100%;}
.attorney_detail h1 {color: #333333; font-size: 28px;}
.attorney_detail cite {color: #999999; font:100 14px 'Merriweather', arial, sans-serif; text-transform: uppercase;}
.attorney_detail .content { margin-top: 20px; }

.attorney_detail .social_icon {  text-align: right; margin-bottom: 50px;  }
.attorney_detail .social_icon a {  margin: 0px;  color: #666666;  width: 35px;  height: 35px;  line-height: 37px;  display: inline-block;  text-align: center;  border-radius: 50%;  }
.attorney_detail .social_icon a i {  color: #666666;  }
.attorney_detail .social_icon a:hover {  background: #2c3c4a;  }
.attorney_detail .social_icon a:hover i {  color: #fff;  }

.attorney_detail .meta  {margin-bottom: 45px;}
.attorney_detail .meta li {color: #333333; font:300 13px 'Gotham Rounded', arial, sans-serif; }
.attorney_detail .meta li i {color: #cc9966; }

.attorney_detail h5 {font-size: 16px; margin-bottom: 35px;}

.progress_bar_wrap p{margin-bottom: 60px; }

/*------------------------------------------------------------------
    28- Error
-------------------------------------------------------------------*/

.error_page {text-align: center; margin-bottom: 100px;}
.error_page h5{font-size: 200px; color: #cc9966;}
.error_page p{margin-bottom: 50px; font-size: 16px; color: #cc9966;}
.error_page span{margin: 0 30px;}
/*------------------------------------------------------------------
    29- Footer
-------------------------------------------------------------------*/

.footer_bottom {background: url("../images/footer_bg.png") no-repeat; background-size: 100% 100%;}
.footer_inner {background: rgba(0, 33, 53, 0.88); padding-top: 97px;}

.footer_widget h5 { color: #fff; font-size: 18px;     margin-bottom: 37px; text-transform: none;}
.footer_widget a img { margin-bottom: 30px;}
.footer_widget p { color: #8d949a;}
.footer_widget p span{color: #fff;}

.news_letter{ margin-top:40px; }
.news_letter form {position: relative;}
.news_letter input{ border: 0px; background: #0f2e41; width: 100%; padding: 15px 35px 15px 15px; outline: 0px !important; font: 300 13px 'Merriweather', arial, sans-serif; color: #8d949a;}
.news_letter input[type="submit"] {position: absolute;  top: 50%; right: 10px;  margin-top: -9px;  outline: 0px !important; padding: 0px; text-align: center; width: 20px; height: 16px; background: url("../images/message.png") no-repeat; }

.footer_widget address { margin-bottom: 30px; }

.footer_widget ul{}
.footer_widget ul li{}
.footer_widget ul li a{font: 300 13px 'Merriweather', arial, sans-serif; line-height: 32px; color: #8d949a; padding-left: 25px; /*background: url("../images/footer_border.png") no-repeat left center;*/ }
.footer_widget ul li a:hover{ color: #fff;}
.footer_widget .hed {/* padding-left: 25px;background: url("../images/footer_border.png") no-repeat left center;*/ color: #fff;}


.footer_nav {padding: 34px 0; margin-top: 65px; border-top:1px solid #113449; }
.footer_nav ul li a{color: #8d949a;}
.footer_nav .button {padding: 18px 25px; margin-top:0px; display: inline-block; color: #fff !important;}
.button img{vertical-align: middle; margin-right: 11px;}

footer {background: #012b45; height: 85px; line-height: 85px;}
footer p { color: #8d949a; line-height: 85px;}
footer p a{ color: #fff;}
footer .social_icon a {color: #a4abb2; margin: 0px 0px 0px 35px;}
footer .social_icon a:hover {color: #fff;}



/*-------------------------------*/
.thanks_bg{
    background: #eeeeee;
}
.jumbotron{
    padding: 100px 0; 
}

#header1 nav > ul > li:hover ul.dropdown-menu{
    display: block;
}
#header2 nav ul li:hover ul.dropdown-menu{
    display: block;
}


/*------------------------------------------------------------------
    30- Header 4 
-------------------------------------------------------------------*/

/*Top Section*/

.top_section h1,
.top_section h2,
.top_section h3,
.top_section h4,
.top_section h5,
.top_section h6,
.top_section p,
.top_section a {
    font-family: "Gotham Rounded";
}

.top_section {
    background: #222222;
    padding: 15px 0 0 0;
}

.top_section .inner_sec p {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    display: inline;
    line-height: 2.3;
}

.text_left {
    display: inline;
    float: right;
}

.top_section .inner_sec h6 {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    display: inline;
    text-transform: inherit;
}

.top_section .inner_sec .s_links {
    display: inline;
    padding-left: 10px;
    padding-right: 35px;
}

.top_section .inner_sec span {
    font-weight: 700;
    color: #fff;
    padding-left: 5px;
}

.top_section .inner_sec .s_links a {
    font-size: 12px;
    color: #e3e3e3;
    padding: 5px 5px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #4f4f4f;
    margin-right: 5px;
    display: inline-block;
    text-align: center;
}

.top_section .inner_sec .s_links a:hover {
    background: #7cc46a;
    color: #fff;
}

.top_section .inner_sec .s_lang {
    padding-left: 30px;
    background: url(../images/lang.png) no-repeat;
    background-position: left;
    margin-left: 30px;
}

/*Header Menu*/

.header4 h1,
.header4 h2,
.header4 h3,
.header4 h4,
.header4 h5,
.header4 h6,
.header4 p,
.header4 a {
    font-family: "Gotham Rounded";
}

.header4 form input[type="submit"] {
    background: none !important;
}

.header4 nav ul li {
    margin-left: 35px;
}

.header4 nav ul li a {
    font: 500 16px "Gotham Rounded";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.1px;
}

.header4 nav ul li ul.dropdown-menu li a:hover {
    background: #7cc46a;
    color: #fff !important;
}

.header4 .dropdown-toggle::after {
    display: none;
}

.header4 nav ul li a.active {
    color: #7cc46a !important;
}

.header4 nav ul li a:hover {
    color: #7cc46a !important;
}

.header4 form {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: auto;
    margin-left: -16px;
    padding-right: 15px;
    line-height: 3.7 !important;
}

.caret {
    display: inline-block;
    padding-right: 15px;
}

.caret i {
    font-size: 16px;
    color: #222222;
}


/*Toggle Button*/

.menu_toggle {
    display: inline-block;
}

#toggle-menu-btn {
    font-size: 16px;
    color: #7cc46a;
}

#toggle-menu-btn:hover {
    color: #2c3c4a;
    background: none;
}

#side-nav {
    position: fixed;
    top: 0;
    display: block;
    background-color: #7cc46a;
    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;
    padding: 0 4px;
}

#nav-close:hover {
    background: #ffffff;
    color: #7cc46a;
}

#side-nav nav {
    position: relative;
    padding: 70px 0px 0;
}

#side-nav nav ul {
    padding-left: 0;
}

#side-nav nav ul li ul.sub-menu {
    z-index: 9999;
    position: relative;
    width: 199px;
    text-align: left;

    display: none;
    padding: 0px;
    top: 0px;
    left: 0px;
}

#side-nav nav ul li {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    margin-left: 0;
    text-align: left;
}

#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 ul:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 13px;
    border-bottom: 0px solid #000;
    border-left: 10px solid rgba(255, 255, 255, 0);
    border-right: 0px solid rgba(255, 0, 0, 0.01);
}

#side-nav nav ul>li>a:hover {
    background: rgba(255, 255, 255, .9);
    color: #2c3c4a;
}

#side-nav .dropdown-btn {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 14px;
    color: #cc9966;
    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;
}

.resnav2 ul li a:hover {
    background: rgb(124, 196, 106);
    color: #fff;
}

.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.gif);
}


/*------------------------------------------------------------------
    31- Slider Area 
-------------------------------------------------------------------*/

.main_sider h1,
.main_sider h2,
.main_sider h3,
.main_sider h4,
.main_sider h5,
.main_sider h6,
.main_sider p,
.main_sider a {
    font-family: "Gotham Rounded";
}

.main_sider .contain_dflt {
    padding-right: 0;
    padding-left: 0;
}

.main_sider .slide1 {
    background: #7ac165;
}


.main_sider .slide1,
.slide2 {
    position: relative;
}

.main_sider .slide1 .overlay {
    position: absolute;
    top: 0;
    transform: translate(11%, 33%);
}

.main_sider .overlay h1 {
    font-size: 42px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 30px;
}

.main_sider .overlay p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.main_sider a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 25px 20px;
    background: #7cc46a;
    position: absolute;
    bottom: 100px;
    z-index: 99;
    left: -2px;
    right: auto;
}

.main_sider a i {
    padding-right: 5px;
}


/*------------------------------------------------------------------
    32- Features 
-------------------------------------------------------------------*/

.feature-section_02 h1,
.feature-section_02 h2,
.feature-section_02 h3,
.feature-section_02 h4,
.feature-section_02 h5,
.feature-section_02 h6,
.feature-section_02 p,
.feature-section_02 a {
    font-family: "Gotham Rounded";
}

.feature-section_02 {
    position: relative;
    margin-bottom: 100px;
    margin-top: 100px;
}

.feature-section_02 .feature-outer {
    position: relative;
    background: #ffffff;

}

.feature-block_02 {
    position: relative;
    padding: 0;
    text-align: center;
}

.feature-block_02 .inner-box {
    position: relative;
    padding: 0 25px;
    text-align: center;
    background: url(../images/fr-icon.png) no-repeat;
    background-position-x: right;
    background-position-y: center;
}

.feature-block_02 .inner-box.bg-none {
    background: none;
}

.feature-block_02:last-child .inner-box {
    border-right: 0;
}

.feature-block_02 .inner-box .icon-box {
    margin-bottom: 30px;
}

.feature-block_02 .inner-box .icon-box [class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-size: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.feature-block_02 .inner-box .info-box h3 {
    font-size: 24px;
    line-height: 26px;
    color: #333333;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.feature-block_02 .inner-box .info-box p {
    font-size: 12px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 0;
    font-weight: 400;
}

/*------------------------------------------------------------------
    33- Logos 
-------------------------------------------------------------------*/

.logos h1,
.logos h2,
.logos h3,
.logos h4,
.logos h5,
.logos h6,
.logos p,
.logos a {
    font-family: "Gotham Rounded";
}

.logos {
    background: #fafafa;
    padding: 50px 0;
}

.logos .heading_ctwo {
    font: 500 18px "Gotham Rounded";
    color: #333333;
    display: inline-block;
    margin-bottom: 50px;
    padding: 25px 0px 0px;
    text-transform: uppercase;
    font-style: italic;
}

.logos .owl-carousel .owl-item [class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-size: 80px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*------------------------------------------------------------------
    34- About Us 
-------------------------------------------------------------------*/

.about_us h1,
.about_us h2,
.about_us h3,
.about_us h4,
.about_us h5,
.about_us h6,
.about_us p,
.about_us a {
    font-family: "Gotham Rounded";
}

/*Detail Sec*/

.about_us .detail_sec {
    width: 500px;
    height: 480px;
    padding: 20px 40px;
    background: #ffffff;
    z-index: 999999999999999999999;
    margin-top: 50px;
    box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
}

.about_us .heading_b {
    font-size: 28px;
    text-transform: inherit;
}

.about_us .img-bottom {
    margin-top: 18px;
}

.about_us .imgs_outer {
    z-index: -5;
}

.about_us .heading_ctwo {
    padding-bottom: 10px;
    font-weight: 300;
}

.about_us .detail_sec h4 {
    font-size: 32px;
    padding-top: 30px;
    font-family: "gloriant-regular" !important;
    text-transform: capitalize;
    font-weight: normal;
}

.about_us .detail_sec p {
    font-size: 14px;
    font-weight: 400;
}

/*------------------------------------------------------------------
    35- Service Section 
-------------------------------------------------------------------*/

.service_sec h1,
.service_sec h2,
.service_sec h3,
.service_sec h4,
.service_sec h5,
.service_sec h6,
.service_sec p,
.service_sec a {
    font-family: "Gotham Rounded";
}

.service_sec {
    background: #fafafa;
}

.service_sec .heading_ctwo {
    padding: 0;
}

.service_sec .tabs_sec {
    padding-top: 20px;
}

.service_sec .nav-tabs {
    border-bottom: transparent;
}

.service_sec .tabs_sec ul a {
    font: 500 20px "Gotham Rounded";
    color: #fff;
    padding: 20px 55px;
    margin-right: 20px;
    background: #222222;
    border-radius: 0;
    position: relative;
}

.service_sec .nav-tabs .nav-item.show .nav-link,
.service_sec .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #7cc46a;
    border-color: transparent;
}

.service_sec .nav-tabs .nav-link.active:after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #7cc46a;
    position: absolute;
    top: 100%;
    right: 45%;
}

.service_sec .tab-content {
    padding-top: 50px;
}

.service_sec .content {
    padding-left: 20px;
    padding-top: 20px;
}

.service_sec .content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #333333;
    padding-bottom: 20px;
}

.service_sec .content p {
    font-size: 14px;
    font-weight: 400;
    color: #444444;
    padding-bottom: 25px;
}

.service_sec .content a {
    font-size: 12px;
    font-weight: 700;
    color: #7cc46a;
    text-transform: uppercase;
    border-bottom: 1px solid #c1e0ba;
    letter-spacing: 1px;
}

/*------------------------------------------------------------------
    36- Contact info Section 
-------------------------------------------------------------------*/

.contact_info h1,
.contact_info h2,
.contact_info h3,
.contact_info h4,
.contact_info h5,
.contact_info h6,
.contact_info p,
.contact_info a {
    font-family: "Gotham Rounded";
}

.contact_info .contact_inner {
    padding: 50px 0;
    box-shadow: 0px 0px 25px 0px rgba(204, 204, 204, 1);
}

.contact_info p {
    font-size: 16px;
    font-weight: 500;
    color: #222222;
    display: inline-block;
}

.contact_info a {
    color: #7cc46a;
    text-transform: capitalize;
    border-bottom: 1px solid #c4e3bd;
}

.contact_info h6 {
    font-size: 16px;
    font-weight: 500;
    color: #222222;
    text-transform: capitalize;
    display: inline-block;
    padding-left: 15px;
}

.contact_info span {
    font-weight: 700;
    padding-left: 5px;
}

/*------------------------------------------------------------------
    37- Case Study Section 
-------------------------------------------------------------------*/

.case_studies h1,
.case_studies h2,
.case_studies h3,
.case_studies h4,
.case_studies h5,
.case_studies h6,
.case_studies p,
.case_studies a {
    font-family: "Gotham Rounded";
}

.case_studies .contain_dflt {
    padding-right: 0;
    padding-left: 0;
}

.case_studies .heading_b {
    margin-bottom: 50px;
}

/*Content*/

.case_studies .case_01 .content {
    padding: 40px 10px 40px 30px;
    transition: all 0.8s ease;
}

.case_studies .case_01 p {
    font-size: 12px;
    font-weight: 500;
    color: #7cc46a;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.case_studies .case_01 h4 {
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    text-transform: inherit;
}

/*Overlay*/

.case_studies .img-sec {
    position: relative;
}

.case_studies .overlay {
    position: absolute;
    top: 100%;
    left: 0;
    height: 0;
    width: 100%;
    background: rgba(128, 196, 111, 0.9);
    padding: 110px 10px 110px 30px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.8s ease;
}

.case_studies .overlay h5 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 20px;
    text-transform: inherit;
}

.case_studies .overlay p {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-transform: inherit;
}

.case_studies .case_01:hover .overlay {
    opacity: 1;
    top: 0;
    height: 100%;
}

.case_studies .case_01:hover .content {
    background: #fafafa;
}

/*------------------------------------------------------------------
    38- Three Section  
-------------------------------------------------------------------*/

.three_secs h1,
.three_secs h2,
.three_secs h3,
.three_secs h4,
.three_secs h5,
.three_secs h6,
.three_secs p,
.three_secs a {
    font-family: "Gotham Rounded";
}

/*Testimonial Slider*/

.three_secs .heading_b {
    text-transform: capitalize;
}

.testi2_slider .owl-item span.quote i {
    font-size: 40px;
    color: #7cc46a;
}

.testi2_slider h6 {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    padding-top: 30px;
    padding-bottom: 40px;
    text-transform: capitalize;
}

.testi2_slider p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    padding-bottom: 40px;
}

.testi2_slider span {
    font-size: 12px;
    font-weight: 700;
    font-family: "Gotham Rounded";
    color: #222222;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.testi2_slider ul {
    position: relative;
    padding-left: 0;
    padding-top: 10px;
}

.testi2_slider li {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #7cc46a;
}

/*Icons Section*/

.icons ul {
    transform: translateX(50px);
    padding-top: 30px;
    position: relative;
}

.icons ul:before {
    content: '';
    height: 360px;
    width: 4px;
    background: #f7f7f7;
    position: absolute;
    top: 90px;
    right: 125px;
    z-index: -1;
}

.icons li {
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    padding: 15px 15px;
    background: #fff;
    border-radius: 50px;
    border: 2px solid #7cc46a;
    vertical-align: middle;
    box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 1);
}

.icons .icon01,
.icon02 {
    margin-bottom: 150px;
}

.icons [class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*Video Section*/

.client_video p {
    font-size: 12px;
    font-weight: 400;
    color: #444444;
    padding-bottom: 40px;
}

.client_video img {
    width: 100%;
}

.client_video .video {
    position: relative;
}

.client_video .video a {
    font-size: 30px;
    color: #7cc46a;
    position: absolute;
    bottom: 30px;
    left: 0;
    padding: 20px 0 20px 30px;
    background: rgba(2, 2, 2, 0.8);
    width: 99%;
    text-align: left;
}

.client_video .video a span {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    font-family: "Gotham Rounded";
    margin-left: 20px;
}

/*------------------------------------------------------------------
    39- Form  
-------------------------------------------------------------------*/

.form_sec h1,
.form_sec h2,
.form_sec h3,
.form_sec h4,
.form_sec h5,
.form_sec h6,
.form_sec p,
.form_sec a {
    font-family: "Gotham Rounded";
}

.form_sec .fimg img {
    width: 100%;
}

.form_sec .fimg {
    padding: 0;
    position: relative;
}

/*Helpline*/

.form_sec .help_line {
    padding: 50px 50px 40px 50px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.form_sec .help_line h6 {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    padding-bottom: 20px;
    text-transform: capitalize;
}

.form_sec .help_line h4 {
    font-size: 28px;
    font-weight: 500;
    color: #333333;
    text-transform: capitalize;
}

.form_sec .help_line h4 span {
    font-weight: 700;
    color: #7cc46a;
}

/*Form*/

.form-bg {
    background: #7fc468 url(../images/form_bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 70px 100px;
}

.form_sec .head {
    padding-bottom: 20px;
}

.form_sec .head h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 20px;
    text-transform: capitalize;
}

.form_sec .form-control {
    height: 40px;
    font: 300 14px "Gotham Rounded";
    background: #95ce85;
    opacity: 0.7;
    border: 0 !important;
    border-bottom: 0;
    border-radius: 0;
    color: #fff;
    box-shadow: none !important;
    padding-left: 10px;
    padding-right: 0;
    font-size: 14px;
    margin: 0px !Important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: none;
}

.form_sec .select2 {
    margin-top: 47px;
}

.form_sec .s_lang i {
    right: 20px;
}

.form_sec .s_lang .form-control:focus {
    color: #fff;
    background-color: #95ce85;
}

.form_sec input::placeholder {
    color: #fff;
}

.form_sec .input_issue .form-control {
    height: 80px;
}

.form_sec label {
    font: 400 16px "Gotham Rounded";
    margin-bottom: 16px;
    color: #fff;
    text-transform: unset;
    margin-top: 13px;
}

.form_sec .submit {
    padding-top: 40px;
}

.form_sec .submit a {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 20px 50px;
    background: #222222;
    text-transform: uppercase;
}

.form_sec .submit a:hover {
    border: 2px solid #222222;
    background: transparent;
}

/*------------------------------------------------------------------
    40- Stat Section  
-------------------------------------------------------------------*/

.stat_sec3 h1,
.stat_sec3 h2,
.stat_sec3 h3,
.stat_sec3 h4,
.stat_sec3 h5,
.stat_sec3 h6,
.stat_sec3 p,
.stat_sec3 a {
    font-family: "Gotham Rounded";
}

.stat_sec3 {
    padding-bottom: 100px;
}

.stat_sec3 a {
    font: 300 48px 'Merriweather', arial, sans-serif;
    display: block;
    margin-bottom: 10px;
    color: #333333;
}

.stat_sec3 small {
    font: 500 14px "Gotham Rounded";
    text-transform: uppercase;
    color: #666666;
}

.LEcounter {
    background: url(../images/stat-icon.png) no-repeat;
    background-size: contain;
    background-position: inherit;
}

/*------------------------------------------------------------------
    41- Footer 4  
-------------------------------------------------------------------*/

.footer_4 h1,
.footer_4 h2,
.footer_4 h3,
.footer_4 h4,
.footer_4 h5,
.footer_4 h6,
.footer_4 p,
.footer_4 a {
    font-family: "Gotham Rounded";
}

.footer_4 .footer_inner {
    background: #222222;
    padding-top: 100px;
    padding-bottom: 100px;
}

.news_letter input {
    font: 300 13px "Gotham Rounded";
}

.footer_4 .footer_widget ul li a {
    font: 300 13px "Gotham Rounded";
    line-height: 32px;
}


.footer_bottom04 {
    background: url(../images/footer-bottom-bg.jpg);
    /*margin-bottom: 161px;*/
}

/*------------------------------------------------------------------
    43- Page Header 
-------------------------------------------------------------------*/

.page_header {
    background: #76c065 url(../images/sheader-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 70px 0px 120px 0;
    text-align: center;
}

.page_header h2 {
    font-size: 48px;
    font-weight: 500;
    font-family: "Gotham Rounded" !important;
    color: #fff;
    text-transform: uppercase;
}

/*------------------------------------------------------------------
    44- Intro Sec 
-------------------------------------------------------------------*/
.intro_sec h1,
.intro_sec h2,
.intro_sec h3,
.intro_sec h4,
.intro_sec h5,
.intro_sec h6,
.intro_sec p,
.intro_sec a {
    font-family: "Gotham Rounded";
}

.intro_sec {
    background: #fafafa;
}

.intro_sec .sec_inner {
    transform: translateY(-50px);
}

.intro_sec .intro_dtl {
    padding: 50px 50px 50px 50px;
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
}

.intro_sec .heading_b {
    margin-bottom: 15px;
    text-transform: inherit;
}

.intro_sec p {
    padding-bottom: 60px;
}

.intro_sec a {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 20px 35px;
    background: #333333;
}

.intro_sec a:hover {
    background: #7cc46a;
}

.sec-pd {
    padding-top: 80px;
    padding-bottom: 80px;
}

.intro_sec img {
    width: 100%;
}

/*------------------------------------------------------------------
    45- Service Sec4  
-------------------------------------------------------------------*/

.service_sec4 h1,
.service_sec4 h2,
.service_sec4 h3,
.service_sec4 h4,
.service_sec4 h5,
.service_sec4 h6,
.service_sec4 p,
.service_sec4 a {
    font-family: "Gotham Rounded" !important;
}

.service_sec4 {
    background: #fafafa;
    padding: 50px 0px 100px 0px;
}

/*Left Side*/

.service_sec4 .left_side h3 {
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.service_sec4 .left_side ul {
    padding-top: 30px;
}

.service_sec4 .left_side ul li a i {
    color: #cccccc;
    padding-right: 15px;
}

.service_sec4 .left_side ul li a {
    font: 500 14px "Gotham Rounded";
    color: #333333;
    text-transform: uppercase;
}

.service_sec4 .left_side ul li {
    padding-bottom: 25px;
}

.service_sec4 .left_side ul li:hover a {
    padding: 15px 10px;
    background: #7cc46a;
    color: #fff;
}

.service_sec4 .left_side ul li:hover i {
    color: #fff;
}

/*Right Side*/

.service_sec4 .right_side h3 {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
    padding-bottom: 50px;
}

.service_sec4 .right_side h5 {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    text-transform: inherit;
    padding-top: 30px;
    padding-bottom: 15px;
}

.service_sec4 .right_side p {
    font-size: 14px;
}

.service_sec4 .right_side p span {
    font-size: 16px;
    font-weight: 700;
    color: #222222;
}

/*Service Card*/

.service_sec4 .scard-body {
    padding: 20px 25px;
    background: #37356c;
    margin-top: 20px;
}

.service_sec4 .ser-card img {
    width: 100%;
}

.service_sec4 .ser-card .scard-body h5 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding-top: 20px;
}

.service_sec4 .ser-card .scard-body .button {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    padding: 15px 20px;
    background: #7cc46a;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.service_sec4 .ser-card .scard-body .button:hover {
    background: transparent;
    border: 2px solid #7cc46a;
}

.service_sec4 .ser-card .scard-body .emial {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    display: block;
}

/*------------------------------------------------------------------
    46- Pricing Table  
-------------------------------------------------------------------*/

.pricing_wrap2 h1,
.pricing_wrap2 h2,
.pricing_wrap2 h3,
.pricing_wrap2 h4,
.pricing_wrap2 h5,
.pricing_wrap2 h6,
.pricing_wrap2 p,
.pricing_wrap2 a {
    font-family: "Gotham Rounded" !important;
}

.pricing_wrap2 .heading_section .heading_b {
    text-transform: capitalize;
}

.pricing_wrap2 .price_table_outer:hover .price_table {
    box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
}

.pricing_wrap2 .price_table ul li h2 {
    background: #222222;
    font-weight: 500;
}

.pricing_wrap2 .price_table:hover h2 {
    background: #7cc46a;
    color: #fff;
}

.pricing_wrap2 .price_table ul li.price i {
    color: #cccccc;
}

.pricing_wrap2 .price_table ul li span {
    font: 500 50px "Gotham Rounded";
}

.pricing_wrap2 .price_table:hover span {
    color: #7cc46a;
}

.pricing_wrap2 .button {
    display: inline-block;
    font: 700 11px "Gotham Rounded";
    color: #222222;
    padding: 14px 20px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border: 2px solid #222222;
    background: transparent !important;
}

.pricing_wrap2 .price_table:hover .button.blue {
    color: #fff;
    background: #7cc46a !important;
    border: 2px solid #7cc46a;
}

.pricing_wrap2 .price_table .content {
    padding: 0 40px;
    text-align: left;
}

.pricing_wrap2 .price_table ul li {
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    font: 400 14px "Gotham Rounded";
    color: #444444;
    margin-bottom: 15px;
    display: block;
}

.pricing_wrap2 .price_table ul li i {
    color: #222222;
    padding-right: 10px;
}

/*------------------------------------------------------------------
    Home Page Defence Lawyer 
-------------------------------------------------------------------*/

.heading_sectiontwo{
    margin-bottom: 55px;
    text-align: center;
}

.heading_sectiontwo .heading_f{
    font-size: 40px;
    color: #333333;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.btn-style-nine{
    font-size: 14px;
    line-height: 20px;
    padding: 20px 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-right: 10px;
    background: #cc9966;
    border: 2px solid #cc9966;
    font-family: "Gotham Rounded";
    transition: all 800ms ease;
}

.btn-style-nine:hover {
    color: #333333;
    background: #fff;
    border: 2px solid #fff;
}

.btn-style-nine i{
    margin-left: 5px;
    font-size: 14px;
}

.sec_padding {
    padding: 100px 0;
}

.sec_padding .heading_b {
    text-transform: capitalize;
}

.s_lang select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    color: #fff;
    font-size: 14px;
    background: transparent;
    border: none !important;
    font-family: "Gotham Rounded";
}

.s_lang .form-control:focus {
    color: #7cc46a;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.s_lang {
    position: relative;
}

/*------------------------------------------------------------------
    48- Header 4 
-------------------------------------------------------------------*/

.header_five h1,
.header_five h2,
.header_five h3,
.header_five h4,
.header_five h5,
.header_five h6,
.header_five p{
    font-family: "Gotham Rounded";
}

.header_five .contacts {
    display: inline-block;
    float: left;
    line-height: 4;
}

.header_five .contacts h6{
    margin-right: 20px;
}

.header_five .text_left {
    display: inline-block;
    float: right;
    line-height: 4;
}

.header_five .top_section .inner_sec .s_links a{
    line-height: 16px;
}

.header_five .top_section .inner_sec .s_links a:hover{
    background: #cc9966;
}

.header_five .header4{
    line-height: 120px;
    height: 120px;
    position: absolute;
    z-index: 9999;
    margin: 0 auto;
    width: 100%;
}

.header_five .top_section {
    background: #2c3c4a;
    padding: 0px 0 0 0;
}

.header_five .btn-style-nine{
    padding: 18px 30px;
}

.header_five .btn-style-nine:after{
    content: "";
}

.header_five .header4 form{
    float: right;
}

.header_five .header4 nav ul li a{
    color: #fff !important;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header_five .header4 nav ul li a:hover{
    color: #cc9966 !important;
}

.header_five .header4 nav ul li a.active{
    color: #cc9966 !important;
}

.header_five .header4 nav ul li a::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border-top: 3px solid #cc9966;
    width: 0;
    transition: 0.4s;
    opacity: 0;
}

.header_five .header4 nav ul li a:hover:before,
.header_five .header4 nav ul li a.active:before{
    width: 100%;
    transition: 0.4s;
    opacity: 1;
}


.header_five .header4 nav ul li ul.dropdown-menu li a:hover{
    background: #cc9966 !important;
}

.header5-inner .header4{
    position: relative;
    background-color: #171e24;
} 

.header_five form i{
    color: #fff;
    font-size: 16px;
}

.header_five header form input[type="text"] {
    border: 2px solid #cc9966;
}

.header_five header .logo img{
    width: auto;
}

/*------------------------------------------------------------------
    49- Revolution Slider 
-------------------------------------------------------------------*/

.main_slider_seven{
    position: relative;
}

.main_slider_seven .tp-bgimg.defaultimg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(8,6,6,0.8);
}

.slide-heading h2{
    font-size: 54px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Gotham Rounded";
}

.slide-para p{
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    font-family: "Gotham Rounded";
}

.main_slider_seven .hermes.tparrows{
    display: none;
}

/*------------------------------------------------------------------
    50- Features Section 
-------------------------------------------------------------------*/

.features_wrap.style_two h1,
.features_wrap.style_two h2,
.features_wrap.style_two h3,
.features_wrap.style_two h4,
.features_wrap.style_two h5,
.features_wrap.style_two h6,
.features_wrap.style_two p
{
    font-family: "Gotham Rounded";
}

.features_wrap.style_two{
    margin-top: -30px;
    position: inherit;
    background: #2c3c4a;
}

.features_wrap.style_two .detail {
    text-align: left;
}

.features_wrap.style_two .detail h6 {
    font-size: 12px;
    font-weight: 500;
    color: #999999;
    margin-bottom: 15px;
    font-family: "Gotham Rounded";
}

.features_wrap.style_two .feature h3 {
    font-size: 20px;
    color: #333333;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Gotham Rounded";
}

.features_wrap.style_two .feature p {
    color: #666666;
    font-size: 12px;
    font-family: "Gotham Rounded";
}

.features_wrap.style_two h4 {
    font-size: 22px;
    color: #fff;
    margin-top: 25px;
    font-family: "brownie";
}

.features_wrap.style_two .feature {
    background: #fff;
    text-align: center;
    padding: 70px 20px;
}

.features_wrap.style_two .feature:hover {
    background: #fafafa;
}

.features_wrap.style_two img{
    width: 100%;
}

.features_wrap.style_two .video-column {
    margin-bottom: 90px;
}

.features_wrap.style_two .video-column .video-box{
    position: relative;
}

.features_wrap.style_two .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;
}

.features_wrap.style_two .video-column .video-box a i {
    background: url(../images/home-defence/videobtn_bg.png);
    position: relative; 
    display: inline-block;
    height: 100px;
    width: 100px;
    text-align: center;
    line-height: 100px;
    background-color: #ffffff;
    color: #333333;
    z-index: 1;
    padding-left: 5px;
    font-size: 30px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
}

/*Ripple Effect*/

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
    position: absolute;
    top: 65%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.play-now .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.play-now .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
} 

/*Ripple Effect End */

.features_wrap.style_two .bottom_sec h3 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    text-transform: inherit;
    margin-bottom: 40px;
}

.features_wrap.style_two .bottom_sec a {
    font-size: 14px;
    color: #cc9966;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: "Gotham Rounded";
}

.features_wrap.style_two .bottom_sec a:hover {

}

.features_wrap.style_two .bottom_sec a i {
    margin-right: 5px;
}

.bottom_sec {
    padding-bottom: 90px;
}

.features_wrap.style_two .bottom_sec p {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

/*------------------------------------------------------------------
    51- Logos Section 
-------------------------------------------------------------------*/

.logos.style_two {
    background: #fff;
    padding: 90px 0px;
}

.logos.style_two .heading_ctwo {
    color: #cccc99;
    font-style: normal;
    letter-spacing: 3px;    
}

.logos.style_two .heading_ctwo:before{
    background: none;
}

.logos.style_two .heading_ctwo:after{
    background: none;
}

/*------------------------------------------------------------------
    52- Three COlumn Section 
-------------------------------------------------------------------*/

.three_column_sec h1,
.three_column_sec h2,
.three_column_sec h3,
.three_column_sec h4,
.three_column_sec h5,
.three_column_sec h6,
.three_column_sec p
{
    font-family: "Gotham Rounded";
}

.three_column_sec {
    position: relative;
    background: url(../images/home-defence/practise_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.three_column_sec .heading_sectiontwo .heading_f{
    color: #fff;
}

.three_column_sec .heading_sectiontwo p{
    color: #fff;
}

.three_column_sec .news_column {
    margin-bottom: 50px;
    position: relative;
}

.three_column_sec .news_column h5 a{
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    text-transform: capitalize;
}

.three_column_sec .news_column:hover h5 a{
    color: #fff;
}

.three_column_sec .news_column h5 {
    margin-bottom: 20px;
}

.three_column_sec .news_column p {
    font-size: 14px;
    font-weight: 300;
    color: #666666;
}

.three_column_sec .news_column:hover p{
    color: #fff;
}

.three_column_sec .news_column .overlay a.read_more{
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}

.three_column_sec .news_column .overlay a.read_more i{
    margin-right: 5px;
}

.three_column_sec .news_column:hover .overlay a.read_more{
    color: #fff;
}

.three_column_sec .news_column .inner_column {
    padding: 50px 30px;
    background: #ffffff;
    -webkit-box-shadow: 1px 2px 10px rgba(252, 252, 252, .5);
    -moz-box-shadow: 1px 2px 10px rgba(252, 252, 252, .5);
    -ms-box-shadow: 1px 2px 10px rgba(252, 252, 252, .5);
    -o-box-shadow: 1px 2px 10px rgba(252, 252, 252, .5);
    box-shadow: 1px 2px 10px rgba(252, 252, 252, .5);
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.three_column_sec .news_column .overlay p {
    margin-bottom: 30px
}

.three_column_sec .news_column .overlay{
    background: url(../images/home-defence/practise_overlay.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    top: 100%;
    left: 0;
    height: 0;
    width: 100%;
    padding: 110px 10px 110px 30px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.8s ease;
}

.three_column_sec .news_column:hover .overlay{
    opacity: 1;
    top: 0;
    height: 100%;
}

/*Owl Dots*/

.three_column_sec .owl-dots{
    display: block;
    text-align: center;
}

.three_column_sec .owl-dots .owl-dot{
    height: 7px;
    width: 7px;
    background: #666666;
    display: inline-block;
    margin-right: 10px;
    transition: all 0.8s ease;
}

.three_column_sec .owl-dots .owl-dot.active{
    width: 11px;
    height: 11px;
    background: #ffffff;
}

/*------------------------------------------------------------------
    53- Stats Contact Section
-------------------------------------------------------------------*/

.stats_contact_section h1,
.stats_contact_section h2,
.stats_contact_section h3,
.stats_contact_section h4,
.stats_contact_section h5,
.stats_contact_section h6,
.stats_contact_section p,
.stats_contact_section a,
.stats_contact_section span
{
    font-family: "Gotham Rounded";
}

.stats_contact_section {
    background: url(../images/home-defence/contact_bg.png) no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-bottom: 70px;
    border-bottom: 2px solid #fafafa;
}

/*Counter Box*/

.stats_contact_section .stats {
    margin-top: -30px;
}

.stats_contact_section .count_box {
    padding: 50px 50px;
    background: #fafafa;
    text-align: center;
    margin-bottom: 30px;
}

.stats_contact_section .count_box img{
    display: block;
    margin: 0 auto 20px auto;
}

.stats_contact_section .count_box i{ 
    margin-bottom: 30px;
    display: block;
}

.stats_contact_section .count_box a{
    font-size: 48px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 10px;
    display: inline-block;
}

.stats_contact_section .count_box span{
    display: inline-block;
    font-size: 48px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 10px;
}

.stats_contact_section .count_box p{
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
    display: block;
}

/*COntact Detail*/

.stats_contact_section .contacts_detail {
    text-align: center;
    margin-top: 120px;
}

.stats_contact_section .contacts_detail h6{
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.stats_contact_section .contacts_detail h2{
    font-size: 48px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 10px;
}

.stats_contact_section .contacts_detail h5{
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    text-transform: inherit;
}

.stats_contact_section .contacts_detail h5 span{
    font-weight: 400;
    text-transform: capitalize;
}

.stats_contact_section .contacts_detail hr {
    margin: 30px auto;
    width: 150px;
}

.stats_contact_section .contacts_detail p {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.stats_contact_section .contacts_detail a:hover{
    background: #333333;
    border: 2px solid #333333;
    color: #333333;
}

/*------------------------------------------------------------------
    54- Cases Gallery Section
-------------------------------------------------------------------*/

.cases_gallery h1,
.cases_gallery h2,
.cases_gallery h3,
.cases_gallery h4,
.cases_gallery h5,
.cases_gallery h6,
.cases_gallery p,
.cases_gallery a,
.cases_gallery span
{
    font-family: "Gotham Rounded";
}

.cases_gallery{
    padding-top: 100px;
}

.cases_gallery_wrap .my-selector {
    text-align: center;
    margin-bottom: 60px;
}

.cases_gallery_wrap .my-selector a {
    font-size: 16px;
    font-weight: 600;
    color: #666666;
    line-height: 20px;
    display: inline-block;
    margin: 0px 15px;
}

.cases_gallery_wrap .my-selector a:hover, .my-selector a.selected{
    color: #cc9966;
}

.cases_gallery_wrap .col-md-3 {
    padding-left: 0;
    padding-right: 0;
}

/*Image Hover Effect*/

.project {
  width: 100%;
  width: 45%;
  float: left;
}

.project__image {
  display: block;
  position: relative;
}

.project__image img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.project__image:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(49, 37, 24, 0.9);
    transition: opacity .3s ease;
    opacity: 0;
}

.project__card {
  position: relative;
  will-change: transform;
  transition: box-shadow .3s ease;
  box-shadow: 0 10px 30px transparent;
}

.project__card.hover-in {
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.project__card.hover-out {
  transition: -webkit-transform .2s ease-in;
  transition: transform .2s ease-in;
  transition: transform .2s ease-in, -webkit-transform .2s ease-in;
}

.project:hover .project__card { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); }

.project:hover .project__image:after { opacity: 1; }

.project:hover .project__detail {
    border-width: 3px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.project:hover .project__title, .project:hover .project__category {
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
  opacity: 1;
}

.project__detail {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
    border: 0 solid #cc9966;
    transition: border .4s ease;
}

.project__title {
    margin: 0 0 10px;
    transition: .4s ease;
    line-height: 30px;
    opacity: 0;
    -webkit-transform: translateY(40px) scale(0);
    -ms-transform: translateY(40px) scale(0);
    transform: translateY(40px) scale(0);
    will-change: transform;
}

.project__title a { 
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize; 
}

.project__category {
  opacity: 0;
  transition: .4s ease;
  transition-delay: .1s;
  -webkit-transform: translateY(40px) scale(0);
  -ms-transform: translateY(40px) scale(0);
  transform: translateY(40px) scale(0);
  will-change: transform;
}

.project__category a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
}

/*------------------------------------------------------------------
    55- Call To Action Section
-------------------------------------------------------------------*/

.call_action.style_two {
    background: #2c3c4a;
}

.call_action.style_two h4 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
}

.call_action.style_two p {
    font-size: 24px;
    font-weight: 300;
    font-family: "Gotham Rounded";
}

.call_action.style_two a{
    text-transform: uppercase;
    font-size: 16px;
}

.call_action.style_two a i{
    margin-right: 5px;
}

.call_action.style_two .text-right {
    text-align: right!important;
    margin-top: 25px;
}

/*------------------------------------------------------------------
    56- Testimonial Stylw Two Section
-------------------------------------------------------------------*/

.testimonial-area.style_two h1,
.testimonial-area.style_two h2,
.testimonial-area.style_two h3,
.testimonial-area.style_two h4,
.testimonial-area.style_two h5,
.testimonial-area.style_two h6,
.testimonial-area.style_two p,
.testimonial-area.style_two a,
.testimonial-area.style_two span
{
    font-family: "Gotham Rounded";
}

.testimonial_section{
    position: relative;
    padding-top: 80px;
}

.testimonial-area.style_two{
    position: relative;
}

.testimonilal_slider_style_two{
    text-align: left;
}

.testimonial-area.style_two .slide_item {
    position: relative;
    padding: 90px 0px 30px 130px;
}

.testimonial-area.style_two .slide_item:before {
    position: absolute;
    left: 35px;
    top: 160px;
    color: #f1f1f1;
    content: "“";
    font-size: 120px;
    line-height: normal;
    font-family: "Montserrat";
    font-weight: 900;
}

.testimonial-area.style_two .slide_item h2 {
    font-size: 40px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 40px;
    text-transform: capitalize;
}

.testimonial-area.style_two .slide_item p {
    font-size: 18px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 20px;
}

.testimonial-area.style_two .slide_item .info-box {
    position: relative;
    padding-left: 100px;
    padding-top: 10px;
    min-height: 60px;
    margin-bottom: 20px;
}

.testimonial-area.style_two .slide_item .info-box img {
    position: absolute;
    left: 0;
    top: 0;
    height: 80px;
    width: 80px;
    border-radius: 50%;
}

.testimonial-area.style_two .slide_item .info-box .name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #000000;
    text-transform: uppercase;
}

.testimonial-area.style_two .slide_item .info-box .name span {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    color: #666666;
    text-transform: capitalize;
    display: block;
}

/*Owl Dots*/

.testimonilal_slider_style_two .owl-dots {
    display: inline-flex;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.testimonilal_slider_style_two .owl-dots .owl-dot{
    width: 7px;
    height: 7px;
    background: #cccccc;
    margin-right: 10px;
    display: inline-block;
    transition: all 0.8s ease;
}

.testimonilal_slider_style_two .owl-dots .owl-dot.active{
    width: 12px;
    height: 12px;
    background: #cc9966;
}

/*------------------------------------------------------------------
    57- Contact Section
-------------------------------------------------------------------*/

.contact_section h1,
.contact_section h2,
.contact_section h3,
.contact_section h4,
.contact_section h5,
.contact_section h6,
.contact_section p,
.contact_section a,
.contact_section span
{
    font-family: "Gotham Rounded";
}

.contact_section {
    background: #2c3c4a;
    position: relative;
}

.contact_section .heading_sectiontwo .heading_f{
    color: #fff;
}

.contact_section .heading_sectiontwo p{
    color: #fff;
}

/*Request Form*/

.free_request_form .form-control {
    height: 60px;
    font: 300 14px "Gotham Rounded";
    background: #42505c;
    opacity: 0.7;
    border: 0 !important;
    border-bottom: 0;
    border-radius: 0;
    color: #fff;
    box-shadow: none !important;
    padding-left: 20px;
    padding-right: 0;
    font-size: 14px;
    margin: 0px !Important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: none;
}

.free_request_form textarea.form-control {
    height: 135px;
    padding: 20px;
}

.free_request_form input::placeholder {
    color: #fff;
}

.free_request_form .submit a {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}

.free_request_form .form-control:focus {
    color: #fff;
    background-color: #42505c;
    outline: 0;
    box-shadow: none;
}

.free_request_form .s_lang i {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    left: auto;
    right: 20px;
    top: auto;
    bottom: 20px;
    color: #fff;
    pointer-events: none;
}


/*------------------------------------------------------------------
    58- Footer Seven Section
-------------------------------------------------------------------*/

.footer_bottom.footer_7, h1,
.footer_bottom.footer_7 h2,
.footer_bottom.footer_7 h3,
.footer_bottom.footer_7 h4,
.footer_bottom.footer_7 h5,
.footer_bottom.footer_7 h6,
.footer_bottom.footer_7 p,
.footer_bottom.footer_7 a,
.footer_bottom.footer_7 span
{
    font-family: "Gotham Rounded";
}

.footer_bottom.footer_7{
    background: #171e24;
}

.footer_bottom.footer_7 .footer_inner {
    background: url(../images/home-defence/footer_bg.png) no-repeat;
    background-position-x: right;
    background-position-y: center;
}

.footer_bottom.footer_7 .footer_widget ul li a {
    background: url(../images/home-defence/footer_border.png) no-repeat left center;
}

.footer_bottom.footer_7 input[type="submit"] {
    background: url(../images/home-defence/message.png) no-repeat !important;
}

.footer_bottom.footer_7 .footer_widget .hed {
    padding-left: 0px;
    background: no-repeat;
    color: #fff;
}

.footer_bottom.footer_7 .news_letter input {
    background: #23292f;
}

/*Footer Bottom*/

footer.footer7 {
    background: #171e24;
}

footer.footer7 p {
    font-size: 14px;
    font-family: "Gotham Rounded";
}

footer.footer7 a:hover{
    color: #cc9966;
}

.cd-top.s_two{
    background: #c3ad77;
}

/*-----------------------------------------*/


.title-icon{
    display: inline-block;
    width: 40px;
    height: 1px;
    /* border: 1px solid; */
    background: #cc9966;
    position: relative;
    top: -12px;
    margin-left: 5px;
}

.title-icon:before{
    content: "";
    border: 1px solid #cc9966;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -3px;
}

.heading_a .title-icon{
    display: inline-block;
    width: 40px;
    height: 1px;
    /* border: 1px solid; */
    background: #cc9966;
    position: relative;
    top: -3px;
    margin-left: 5px;
}

.heading_a .title-icon:before{
    content: "";
    border: 1px solid #cc9966;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -3px;
}

.title-iconl{
    display: inline-block;
    width: 40px;
    height: 1px;
    /* border: 1px solid; */
    background: #cc9966;
    position: relative;
    top: -8px;
    margin-right: 20px;
}

.title-iconl:before{
    content: "";
    border: 1px solid #cc9966;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: -7px;
    top: -3px;
}

.title-iconr{
    display: inline-block;
    width: 40px;
    height: 1px;
    /* border: 1px solid; */
    background: #cc9966;
    position: relative;
    top: -8px;
    margin-left: 20px;
}
.title-iconr:before{
    content: "";
    border: 1px solid #cc9966;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -3px;
}

.heading_c .title-iconr:before{
    content: "";
    border: 1px solid #cc9966;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -3px;
}

.heading_c .title-iconl{
    display: inline-block;
    width: 40px;
    height: 1px;
    /* border: 1px solid; */
    background: #cc9966;
    position: relative;
    top: -3px;
    margin-right: 20px;
}

.title-iconl:before{
    content: "";
    border: 1px solid #cc9966;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: -7px;
    top: -3px;
}

.heading_c .title-iconr{
    display: inline-block;
    width: 40px;
    height: 1px;
    /* border: 1px solid; */
    background: #cc9966;
    position: relative;
    top: -3px;
    margin-left: 20px;
}

.heading_c .title-iconr:before{
    content: "";
    border: 1px solid #cc9966;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -3px;
}
.footr-icon{
    display: inline-block;
    width: 10px;
    height: 1px;
    /* border: 1px solid; */
    background: #cc9966;
    position: relative;
    top: -3px;
    margin-right: 5px;
}

.footr-icon:before{
    content: "";
    border: 1px solid #cc9966;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: -7px;
    top: -3px;
}