/*

::

:: Theme Name: Decision - Lawyer & Attorney HTML Template

:: Email: Nourramadan144@gmail.com

:: Author URI: https://themeforest.net/user/ar-coder

:: Author: ar-coder

:: Version: 1.0

:: 

*/



/*

01 :: Reset Page Css

02 :: Style Page Css

    01-  :: Loading

    02-  :: Header Navs

        01- :: Navbar Top

        02- :: Navbar

    03-  :: Search Box

    04-  :: Menu Box

    05-  :: Header

        01- :: Header 1

        02- :: Header 2

        03- :: Header 3

    06-  :: Features

        01- :: Features 1

        02- :: Features 2

        03- :: Features 3

    07-  :: About Us

        01- :: About Us 1

        02- :: About Us 2

        03- :: About Us 3

        04- :: About Us 4

    08-  :: Skills

    09-  :: Practice Area

        01- :: Practice Area 1

        02- :: Practice Area 2

        03- :: Practice Area 3

    10-  :: History

        01- :: History 1

        02- :: History 2

    11-  :: Quote

    12-  :: Sponsors

    13-  :: Case Study

    14-  :: Contact

    15-  :: Advisors

        01- :: Advisors 1

        02- :: Advisors 2

    16-  :: Provide

    17-  :: Statistic

    18-  :: Presentation

    19-  :: Testimonial

    20-  :: Testimonial And Subscribe

    21-  :: Blog

    22-  :: Footer

    23-  :: Scroll Up

*/



/* :: All Transition */


 
 @font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Regular.ttf');}


@font-face{font-family:FontAwesome;src:url('../fonts/fontawesome-webfont.ttf');}



* {

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    outline: none;

}









/* start gallery page section */



.magnific-img img {

    width: 100%;

  

    height: 222px;

    object-fit: cover;

}



.mfp-bottom-bar,*{

   font-family: Montserrat;

}

.magnific-img {

    display: inline-block;

    width: 100%;

}

a.image-popup-vertical-fit {

    cursor: -webkit-zoom-in;

}

.mfp-with-zoom .mfp-container,

.mfp-with-zoom.mfp-bg {

  opacity: 0;

  -webkit-backface-visibility: hidden;

  /* ideally, transition speed should match zoom duration */

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.mfp-with-zoom.mfp-ready .mfp-container {

    opacity: 1;

}

.mfp-with-zoom.mfp-ready.mfp-bg {

    opacity: 0.98;

}



.mfp-with-zoom.mfp-removing .mfp-container,

.mfp-with-zoom.mfp-removing.mfp-bg {

  opacity: 0;

}

.mfp-arrow-left:before {

    border-right: none !important;

}

.mfp-arrow-right:before {

    border-left: none !important;

}

button.mfp-arrow, .mfp-counter {

    opacity: 0 !important;

    transition: opacity 200ms ease-in, opacity 2000ms ease-out;

}

.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{

	opacity: 1 !important;

}





/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8; }



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box; }



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }



.mfp-align-top .mfp-container:before {

  display: none; }



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045; }



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }



.mfp-ajax-cur {

  cursor: progress; }



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.mfp-auto-cursor .mfp-content {

  cursor: auto; }



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }



.mfp-loading.mfp-figure {

  display: none; }



.mfp-hide {

  display: none !important; }



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }

  .mfp-preloader a {

    color: #CCC; }

    .mfp-preloader a:hover {

      color: #FFF; }



.mfp-s-ready .mfp-preloader {

  display: none; }



.mfp-s-error .mfp-content {

  display: none; }



button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation; }



button::-moz-focus-inner {

  padding: 0;

  border: 0; }



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Montserrat}

  .mfp-close:hover,

  .mfp-close:focus {

    opacity: 1; }

  .mfp-close:active {

    top: 1px; }



.mfp-close-btn-in .mfp-close {

  color: #333; }



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%; }



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap; }



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent; }

  .mfp-arrow:active {

    margin-top: -54px; }

  .mfp-arrow:hover,

  .mfp-arrow:focus {

    opacity: 1; }

  .mfp-arrow:before,

  .mfp-arrow:after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent; }

  .mfp-arrow:after {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px; }

  .mfp-arrow:before {

    border-top-width: 21px;

    border-bottom-width: 21px;

    opacity: 0.7; }



.mfp-arrow-left {

  left: 0; }

  .mfp-arrow-left:after {

    border-right: 17px solid #FFF;

    margin-left: 31px; }

  .mfp-arrow-left:before {

    margin-left: 25px;

    border-right: 27px solid #3F3F3F; }



.mfp-arrow-right {

  right: 0; }

  .mfp-arrow-right:after {

    border-left: 17px solid #FFF;

    margin-left: 39px; }

  .mfp-arrow-right:before {

    border-left: 27px solid #3F3F3F; }



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px; }

  .mfp-iframe-holder .mfp-close {

    top: -40px; }



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #000; }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; }



/* The shadow behind the image */

.mfp-figure {

  line-height: 0; }

  .mfp-figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 40px;

    bottom: 40px;

    display: block;

    right: 0;

    width: auto;

    height: auto;

    z-index: -1;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #444; }

  .mfp-figure small {

    color: #BDBDBD;

    display: block;

    font-size: 12px;

    line-height: 14px; }

  .mfp-figure figure {

    margin: 0; }



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto; }



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px; }



.mfp-image-holder .mfp-content {

  max-width: 100%; }



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {

    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {

      padding: 0; }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px; }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0; } }



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75); }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0; }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%; }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px; } }

/* end gallery page section */









/* start contact page section */

.contactssssd p

{

    color: #464646;

    font-family: Montserrat;

    font-weight: 500;

    margin: 0px 0 10px 0;

}

/* end contact page section */







/* start course section */

.practice-area-item:hover .coursecont li b

{

    color:#fff !important;

}

.practice-area-item:hover .coursecont li i

{

    color:#A50006 !important;

}

.coursecont li 

{

    color:#9B9B9B !important;

}

.coursecont li b

{

    color:#000 !important;

}

.coursecont li i

{

font-size:15px;

}

.coursecont 

{

    margin-top:10px !important;

}

/* .brdttsd h4

{

    height:46px;

} */

.brdttsd

{

    border-color:#0042B5 !important;

}

.mt-25

{

    margin-top:25px;

}



.fontsssd h3

{

    font-size: 22px;

    font-weight: 500;

    font-family: inherit;

}

/* end course section */



/* start gallery section */

.imaggshd img

{

    width:100%;

}

.imaggshd .col-lg-3

{

    margin:15px 0 !important;

}

/* end gallery section */



/* start top recruiter section */

.bxshdw

{

    /* padding:10px; */

    margin:15px 0 !important;

    box-shadow:1px 1px 8px 1px #7e7e7e !important;

}

.pb-80

{

    padding-bottom:80px;

}

.bgcssd h4

{

    color:#A50006 !important;

    font-size:45px !important;

}

.whysssd h3

{

margin:10px 0 20px !important;

font-weight: 700

}

.bgcssd

{

    background-color:#0042B5 !important;

}

.bgcssd ul li:before

{

    content:'\f192 ';

    font-family:FontAwesome;

    color:#A50006 !important;

    position: absolute;

    left:0;

    font-size:14px !important;

}

.bgcorg h4

{

    color:#0042B5  !important;

    font-size:45px !important;

}

.bgcorg ul li:before

{

    color:#0042B5  !important;

}

.bgcorg

{

    border-color:#A50006 !important;

    background-color:#A50006 !important;

}

.bgcssd ul li

{

    color:#fff !important;

    position: relative;

    font-weight: 100 !important;

    padding-left: 20px;

    margin-bottom: 8px;

    /* line-height: 30px; */

    font-family: sans-serif;

}

.bgcssd i

{

    color:#fff !important;

}

.bxshdw img

{

    width:100%;

}

/* end top recruiter section */





/* start services details */

.bgcfffxc

{

    padding:30px !important;

}

.bgcfffxc h3

{

    margin-bottom:10px !important;

}

/* end services details */





/* start courde section */

.listdddgs li

{

padding-left:25px;

position:relative;

color:#FFF !important;

}

.practice-area-item:hover .content ul li

{

color:#fff !important;



}

.practice-area-item:hover .content ul li i

{

    color:#fff !important;

}

.listdddgs li i

{

    position:absolute;

    top:3px;

    left:0 !important;

    font-size:14px !important;

}

/* end courde section */







/* start contact page section */

.bgccontactimgsssd img

{

    width:100%;

    object-fit: cover;

    height: 700px;     

}

.bgccformss h3

{

    margin-top:0 !important;

}

.wdsssd

{

    width:100%;

    margin:0 !important;

}

.bgccformss

{

    background-color:#0042B5;

    padding:50px;

}

.cirlcedisc

{

    width:80px;

    height:80px;

    border-radius:100%;

    margin:0 auto !important;

    background-color:#A50006;

    text-align:center;

    line-height:80px;

}

.cirlcedisc img

{

    width:40px;

}

.contactssssd h3

{

font-size:15PX;

text-transform: uppercase;

margin-top:20px;

margin-bottom:10px;
font-weight: 600;

}

/* end contact page sectrion */





/* start onclick popup section */





/* start popup section */

.popup-btn{

	position: fixed !important;

    top: 50%;

    right: -45px;

	transform: translate(-50%,-50%);

}



.btnnnskf

{

  transform: rotate(270deg);

  border-radius: 5px 5px 0 0;

}

.main-btn-rect,

.main-btn-circle{

  position: relative;

  border:none !important;

  margin: 0;

  font-family: Montserrat;

  color: #FFFFF0;

  background-color:#A50006;

  text-transform: uppercase;

  font-size: 14px;

 

  

  letter-spacing: 1px;

  outline: none;

  cursor: pointer;

  z-index: 100;

}

.main-btn-rect {

	padding: 8px 30px;

	line-height: 30px;

}

.main-btn-rect:before, 

.main-btn-rect:after{

  position: absolute;

  content: '';

  top:0;

  width: 0%;

  height: 100%;

  background-color: rgba(255, 255, 240, 0.2);

  -webkit-transition: width 0.3s;

  -o-transition: width 0.3s;

  transition: width 0.3s;

}

.main-btn-rect:before {

  left: 0;

}

.main-btn-rect:after {

  right: 0;

}

.main-btn-rect:hover:before, 

.main-btn-rect:hover:after{

  width: 50%;

}

.main-btn-circle{

	height: 40px;

	width: 40px;

	-webkit-border-radius: 50%;

	border-radius: 100%;

	line-height: 40px;

  -webkit-transition: box-shadow 0.3s;

  -o-transition: box-shadow 0.3s;

  transition: box-shadow 0.3s;

}

.main-btn-circle:hover{   

  -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);

  -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);

  box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);

}

.popup{

  position: fixed;

	top: 100%;

  width: 100%;

  height: 100%;

  z-index: 10001;

}

.popup.active{

  top:0;

  background-color: rgb(3 3 3 / 87%); 

  transition: background-color .6s ,opacity .6s;

}

.popup .main-btn-rect{

  padding: 10px 100px;

}

.popup .popup-content{

  position: absolute;

  top: 50%;

  left: 50%;

  max-height: 568px;

  min-width: 320px;

  margin-top: 150px;

  padding: 25px;

  background-color: #FFFFF0;

  color: #070000;

  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

  -ms-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  transition: margin .6s;

  -webkit-transition: margin .6s;

  -moz-transition: margin .6s;

  -o-transition: margin .6s;

}

.popup.active .popup-content{

  margin-top: 0px;

}

.popup-content h6{

  display: table;

  font-size: 16px;

  text-align: center;

  margin: 10px auto;

  font-family: Montserrat;

  text-transform: uppercase;

  font-weight: 100;  

}

.form-group{

	position: relative;

	width: 90%;

	margin: 0px auto;

}

form#send input, form#send textarea{

	position: relative;

	margin-bottom: 32px;

	width: 100%;

	height: 29px;

	font-family: Montserrat;

	text-indent: 20px;

  background-color: transparent;

	outline: 0;

	border: none;

	border-bottom: 1px solid #070000;

	-webkit-transition: border 0.6s;

	-o-transition: border 0.6s;

	transition: border 0.6s;

}

form#send input:focus,

form#send textarea:focus{

	border-bottom: 1px solid rgb(63, 173, 168); 

}

form#send label{

	position: absolute;

  top: 0;

  left:2px;

	line-height: 28px;

	-webkit-transition: color .5s;

	-o-transition: color .5s;

	transition: color .5s;

}

form#send input:focus + label,

form#send textarea:focus + label{

  color: rgb(63, 173, 168);

}

form#send .txt{

	line-height: 22px;

	left: 2px;

}

form#send .main-btn-rect {

	position: relative;

	display: block;

	padding: 12px 80px;

	margin: 0px auto;

	font-size: 14px;

}

form#send .main-btn-rect i {

	margin-right: 5px;

}

.popup .fade-out{

  position: absolute;

  top: -20px;

  right: -20px;

  text-align: center;

  font-size: 15px;

}

.share-wrap{

	position: absolute;

  display: inline-table;

	top: 67%;

	left: 50%;

	transform: translate(-50%, -50%);

  padding: 15px;

  text-align: center;

}

.share-btn{

  color: #FFFFF0;

  padding: 7px 25px;

  text-decoration: none;

  cursor: pointer;

  font-weight: 100;

  font-size: 14px;

  font-family:Montserrat;

  background-color: rgba(63, 173, 168, .8);

  text-transform: uppercase;

  border-radius: 5px;

  transition: background-color .5s;

  -webkit-transition: background-color .5s;

  -moz-transition: background-color .5s;

  -o-transition: background-color .5s;

}

.share-btn:hover{

  color: #FFFFF0;

  text-decoration: none;

  background-color: rgba(63, 173, 168, 1.0);

}



.resp-sharing-button__link,

.resp-sharing-button__icon {

  display: inline-block

}

.resp-sharing-button__link {

  text-decoration: none;

  color: #fff;

  margin: 2px;

}

.resp-sharing-button {

  border-radius: 5px;

  transition: 25ms ease-out;

  padding: 6px 9px;

  transition: background-color .5s;

  -webkit-transition: background-color .5s;

  -moz-transition: background-color .5s;

  -o-transition: background-color .5s;

}

.resp-sharing-button__icon svg {

  width: 1em;

  height: 1em;

  margin-right: 0.4em;

  vertical-align: top

}

.resp-sharing-button--small svg {

  margin: 0;

  vertical-align: middle

}

.resp-sharing-button__icon,

.resp-sharing-button__icon--solid,

.resp-sharing-button__icon--solidcircle {

  fill: #fff;

  stroke: none

}

.resp-sharing-button--facebook {

  background-color: #3b5998;

  border-color: #3b5998;

}

.resp-sharing-button--facebook:hover,

.resp-sharing-button--facebook:active {

  background-color: #2d4373;

  border-color: #2d4373;

}

.resp-sharing-button--twitter {

  background-color: #55acee;

  border-color: #55acee;

}

.resp-sharing-button--twitter:hover,

.resp-sharing-button--twitter:active {

  background-color: #2795e9;

  border-color: #2795e9;

}

.resp-sharing-button--linkedin {

  background-color: #0077b5;

  border-color: #0077b5;

}

.resp-sharing-button--linkedin:hover,

.resp-sharing-button--linkedin:active {

  background-color: #046293;

  border-color: #046293;

}

@media only screen and (max-width: 768px){

  h1 {font-size: 25px;}

  h2 {font-size: 14px;}

  form#send .main-btn-rect {padding: 7px 60px; font-size: 14px;}

  .popup-btn{padding: 7px 30px; font-size: 14px;}



  .nav-bar .logo .open-nav-bar span

  {

      background-color:#0042B5 !important;

  }

  .breadcrumb-header .banner h1

  {

      font-size:30px !important;

  }



  .bgcssd h4

  {

      font-size:26px !important;

  }

  #page

  {

      height:230px !important;

  }



  .bgccontactimgsssd img

  {

      height:auto !important;

  }



  .bgccformss

  {

      padding:20px !important; 

  }





  .container

  {

      width:100% !important;

      max-width:100% !important;

  }















}

/* end popup section */

/* end onclick popup section */









/* start top header section */

.bgcclrsssd

{

    background-color:#163257;

}

/* end top header section */





.mt-70

{

    margin-top:70px;

}

.pb-70

{

    padding-bottom:70px ;

}











.container

{

    max-width:1200px;

    width:1200px ;

}





.dpdown li a

{

margin:0 !important;

}

.dpdown

{

    min-width: 270px !important;

}



.dpdown li 

{

    padding:0 15px !important;



}



/* 

.practice-area-item:hover img

{

    filter: sepia(1);

} */









.practice-area-item img

{

/*float:left !important;*/

}







/* :: Body */

body {

    font-family: Montserrat;

    font-size: 14px;

    line-height: 25px;

    color: #0042B5;

}

ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

::-moz-selection {

    background-color: #A50006;

    color: #FFF;

    text-shadow: none;

}

::selection {

    background-color: #A50006;

    color: #FFF;

    text-shadow: none;

}

a,

a:hover,

a:focus,

button:focus {

    text-decoration: none;

    color: #FFF;

}



/* :: Typography */

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: Montserrat;

    margin: 0;

    padding: 0;

}

p {

    color: #333;

    font-size: 14px;

    font-weight: 400;

    font-family: Montserrat;

    line-height: 25px;

}





/* start whatsapp section */

.phones

{

    position: fixed;

    bottom: 120px;

    border-radius: 5px !important;

    /* background-color: #4AC959 !important; */

    padding: 7px 14px !important;

    z-index: 9999;

    right: 5px;

}





.py-80

{

    padding-top:80px;

    padding-bottom:80px;

}







.phones img

{

    width:45px !important;

}

.whapspicn {

    position: fixed;

    bottom: 55px;

    border-radius: 5px !important;

    /* background-color: #4AC959 !important; */

    padding: 7px 14px !important;

    z-index: 9999;

    right: 0px;

}   

.whapspicn img

{

    width:50px !important;

}

.whapspicn a {

    color: #fff !important;

    font-size: 40px !important;

}



/* end whatsapp section */


.py-20

{

    padding-top:20px;

    padding-bottom:20px;

}

.py-40

{

    padding-top:40px;

    padding-bottom:40px;

}
#page

{

    height:550px !important;

}

#page88

{

    height:200px !important;

}

/* :: Display Table */

.display-table {

    width: 100%;

    height: 100%;

  /*  display: table;
*/
    position: relative;

}

.table-cell {

    display: table-cell;

    vertical-align: middle;

    min-height: 100%;

    height: 81vh !important;

}



/* :: My Classes */

.py-100{

    padding: 100px 0;

}
.py-30{

    padding: 40px 0;

}

.py-100-70{

    padding: 100px 0 70px 0;

}

.padding-0{

    padding: 0;

}

.overlay{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgb(38 43 62 / 0.2);

}

.btn-1{

    background-color: #A50006;

    font-size: 13px;

    color: #FFF;

    text-transform: capitalize;

    padding: 0 20px;

    line-height: 50px;

    border-radius: 2px;

    letter-spacing: 0.5px;

    position: relative;

    display: inline-block;

    text-align: center;

    font-family: Montserrat;

    font-weight: 600;

    border: 2px solid #A50006;

}

.btn-1:hover{

    border: 2px solid #A50006;

    color: #fff;

    background-color: #A50006;

}

.btn-2:hover{

    border: 2px solid #FFF;

    color: #A50006;

    background-color: #FFF;

}

.btn-3{

    background-color: #FFF;

    color: #A50006;

    border-color: #FFF;

}

.btn-4{

    background-color: #FFF;

    color: #A50006;

    border-color: #FFF;

}

.btn-4:hover{

    border: 2px solid #A50006;

    color: #FFF;

    background-color: #A50006;

}

.sec-title{

    margin-bottom: 50px;

}

.sec-title h2{

    font-size: 16px;

    font-weight: 600;

    color: #A50006;

    display: inline-block;

    text-transform: uppercase;

    font-family: Montserrat;

    position: relative;

}

.sec-title h3{

    color: #0042B5;

    font-size: 30px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 5px;

    margin-top: 20px;

    line-height: 1.3;

}

.sec-title p{

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 0;

    text-transform: ;color:;

}

.sec-title-2 h2:after{

    content: '';

    background-color: #A50006;

    position: absolute;

    height: 2px;

    width: 5000px;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    right: calc(100% + 10px);

}

.sec-title-3 h2{

    margin-bottom: 10px;

}

.sec-title-3 h2:after{

    content: '';

    background-color: #A50006;

    position: absolute;

    height: 2px;

    width: 5000px;

    bottom: -10px;

    right: 0;

}

.bg-section {

    background-image: url(../images/history/01_history.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 75%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}



/* :: Loading */

.loading {

    position: fixed;

    background-color: #FFF;

    left: 0;

    top: 0;

    z-index: 99999;

    width: 100%;

    height: 100%;

    -webkit-transition: unset;

    -o-transition: unset;

    transition: unset;

}

.loading .loading-box {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.sk-fading-circle {

    margin: 100px auto;

    width: 40px;

    height: 40px;

    position: relative;

}

.sk-fading-circle .sk-circle {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}

.sk-fading-circle .sk-circle:before {

    content: '';

    display: block;

    margin: 0 auto;

    width: 15%;

    height: 15%;

    background-color: #A50006;

    border-radius: 100%;

    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;

    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;

}

.sk-fading-circle .sk-circle2 {

    -webkit-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    transform: rotate(30deg);

}

.sk-fading-circle .sk-circle3 {

    -webkit-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    transform: rotate(60deg);

}

.sk-fading-circle .sk-circle4 {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}

.sk-fading-circle .sk-circle5 {

    -webkit-transform: rotate(120deg);

    -ms-transform: rotate(120deg);

    transform: rotate(120deg);

}

.sk-fading-circle .sk-circle6 {

    -webkit-transform: rotate(150deg);

    -ms-transform: rotate(150deg);

    transform: rotate(150deg);

}

.sk-fading-circle .sk-circle7 {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}

.sk-fading-circle .sk-circle8 {

    -webkit-transform: rotate(210deg);

    -ms-transform: rotate(210deg);

    transform: rotate(210deg);

}

.sk-fading-circle .sk-circle9 {

    -webkit-transform: rotate(240deg);

    -ms-transform: rotate(240deg);

    transform: rotate(240deg);

}

.sk-fading-circle .sk-circle10 {

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg);

}

.sk-fading-circle .sk-circle11 {

    -webkit-transform: rotate(300deg);

    -ms-transform: rotate(300deg);

    transform: rotate(300deg);

}

.sk-fading-circle .sk-circle12 {

    -webkit-transform: rotate(330deg);

    -ms-transform: rotate(330deg);

    transform: rotate(330deg);

}

.sk-fading-circle .sk-circle2:before {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}

.sk-fading-circle .sk-circle3:before {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

}

.sk-fading-circle .sk-circle4:before {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}

.sk-fading-circle .sk-circle5:before {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}

.sk-fading-circle .sk-circle6:before {

    -webkit-animation-delay: -0.7s;

    animation-delay: -0.7s;

}

.sk-fading-circle .sk-circle7:before {

    -webkit-animation-delay: -0.6s;

    animation-delay: -0.6s;

}

.sk-fading-circle .sk-circle8:before {

    -webkit-animation-delay: -0.5s;

    animation-delay: -0.5s;

}

.sk-fading-circle .sk-circle9:before {

    -webkit-animation-delay: -0.4s;

    animation-delay: -0.4s;

}

.sk-fading-circle .sk-circle10:before {

    -webkit-animation-delay: -0.3s;

    animation-delay: -0.3s;

}

.sk-fading-circle .sk-circle11:before {

    -webkit-animation-delay: -0.2s;

    animation-delay: -0.2s;

}

.sk-fading-circle .sk-circle12:before {

    -webkit-animation-delay: -0.1s;

    animation-delay: -0.1s;

}

@-webkit-keyframes sk-circleFadeDelay {

    0%,

    39%,

    100% {

        opacity: 0;

    }

    

    40% {

        opacity: 1;

    }

}



@keyframes sk-circleFadeDelay {

    0%,

    39%,

    100% {

        opacity: 0;

    }



    40% {

        opacity: 1;

    }

}



/* :: Header Navs */

header.navs{

    /* position: fixed; */

    top: 0;

    right: 0;

    left: 0;

    z-index: 999;

}

header.navs.active{

    position: unset;

}



/* :: Navbar Top */

.nav-top{

    border-bottom: 1px solid rgb(249 249 249 / 0.2);

}

.nav-top .nav-top-box ul li{

    display: inline-block;

}

.nav-top .nav-top-box ul.info li{

    color: #FFF;

    font-size: 13px;

    padding: 15px;

    line-height: 1.1;

    border-left: 1px solid rgb(249 249 249 / 0.2);

}

.nav-top .nav-top-box ul.info li:first-of-type{

    padding-left: 0;

    border-left: none;

}

.nav-top .nav-top-box ul.info li:last-of-type{

    padding-right: 0;

}

.nav-top .nav-top-box ul li span{

    color: #FFF;

}

.nav-top .nav-top-box ul li a.icon{

    color: #FFF;

    font-size: 16px;

    display: inline-block;

    margin-left: 15px;

}

.nav-top .nav-top-box ul li a.icon:hover{

    color: #A50006;

}

.nav-top .nav-top-box ul li .btn-1{

    border-radius: 0;

    margin-left: 15px;

    line-height: 40px;

}



/* :: Navbar */

.nav-bar.active{

    background-color: #FFF;

    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.07);

            box-shadow: 0 3px 4px rgba(0,0,0,.07);

    position: fixed;

    top: 0;

    z-index: 1000;

    width: 100%;

}

.nav-bar .logo .logo-nav{

    display: block;

}

.nav-bar .logo .logo-nav img{

    /* width: 220px; */

}



.nav-bar .logo .logo-nav img.two,

.nav-bar.active .logo .logo-nav img.one{

    display: none;

}

.nav-bar.active .logo .logo-nav img.two{

    display: block;

}

.nav-bar .nav-bar-link > ul > li{

    display: inline-block;

    position: relative;

}

.nav-bar .nav-bar-link ul li a{

    color: #000;

    font-size: 14px;

    font-weight: 500;

    padding: 30px 0;

    margin: 0 20px 0 ;

    position: relative;

    display: block;

    text-transform: capitalize;font-weight: 600;

}

.nav-bar .nav-bar-link ul li a:before{

    content: '';

    /*background-color: #A50006;*/

    position: absolute;

    width: 0%;

    height: 2px;

    left: 0;

    bottom: 15px;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.nav-bar .nav-bar-link ul li a:hover:before,

.nav-bar .nav-bar-link ul li .color-active:before{

    width: 100%;

}

.nav-bar.active .nav-bar-link ul li a{

    color: #0042B5;

}

.nav-bar.active .nav-bar-link > ul ul li a{

    color: #F1F1F1;

}

.nav-bar .nav-bar-link ul li a:hover,

.nav-bar .nav-bar-link ul li a.color-active,

.nav-bar.active .nav-bar-link > ul ul li:hover a{

    color: #A50006;

}

.nav-bar .nav-bar-link > ul ul{

    position: absolute;

    z-index: 2;

    background-color: #0042B5;

    border-radius: 2px;

    padding: 25px 0;

    top: 80%;

    left: -43px;

    min-width: 240px;

    -webkit-box-shadow: 0 8px 80px rgba(40, 40, 40, 0.08);

            box-shadow: 0 8px 80px rgba(40, 40, 40, 0.08);

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

    opacity: 0;

    visibility: hidden;

}

.nav-bar .nav-bar-link > ul li:hover > ul{

    -webkit-transform: translateY(00px);

        -ms-transform: translateY(00px);

            transform: translateY(00px);

    opacity: 1;

    visibility: visible;

}

.nav-bar .nav-bar-link > ul ul li{

    position: relative;

    padding: 0 30px 0 40px;

}

.nav-bar .nav-bar-link > ul ul li a{

    color: #F1F1F1;

    font-size: 14px;

    line-height: 40px;

    border-bottom: 1px solid rgb(249 249 249 / 0.1);

    padding: 0;

    width: 100%;

    position: relative;

    font-weight: normal;

    text-transform: capitalize;

    display: inline-block;

}

.nav-bar .nav-bar-link > ul ul li:hover a{

    -webkit-transform: translateX(10px);

        -ms-transform: translateX(10px);

            transform: translateX(10px);

}

.nav-bar .nav-bar-link > ul ul ul{

    left: 100%;

    top: 0;

}

.nav-bar .nav-bar-link > ul ul ul li a{

    -webkit-transform: translateX(0px) !important;

        -ms-transform: translateX(0px) !important;

            transform: translateX(0px) !important;

    color: #9B9B9B !important;

}

.nav-bar .nav-bar-link > ul ul ul li:hover a{

    -webkit-transform: translateX(10px) !important;

        -ms-transform: translateX(10px) !important;

            transform: translateX(10px) !important;

    color: #A50006 !important;

}

.nav-bar .nav-bar-link .level-1:last-of-type li a{

    padding-right: 0;

}

.nav-bar .nav-bar-link .level-1:last-of-type li:last-of-type a{

    margin: 0;

    border-bottom: 0;

}

.nav-bar .info-nav i{

    float: left;

    font-size: 30px;

    color: #A50006;

    line-height: 1.3;

}

.nav-bar .info-nav .contact-nav{

    padding-left: 45px;

}

.nav-bar .info-nav .contact-nav p{

    color: #000;

    margin: 0;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.2;

}

.nav-bar .info-nav .contact-nav span{

    color: #000;

    font-size: 14px;

    font-weight: 500;

    text-transform: capitalize;

    line-height: 1;

    display: block;

    margin-top: 10px;

}

.nav-bar.active .info-nav i{

    color: #A50006

}

.nav-bar.active .info-nav .contact-nav p,

.nav-bar.active .info-nav .contact-nav span{

    color: #0042B5

}

.nav-bar .icon li{

    display: inline-block;

}

.nav-bar .icon li .icon-item{

    color: #FFF;

    font-size: 16px;

    margin: 0 20px 0 0px;

    position: relative;

    display: block;

}

.nav-bar.active .icon li .icon-item{

    color: #0042B5;

}

.nav-bar .icon li:last-of-type .icon-item{

    margin-right: 0;

}

.nav-bar .icon li:hover .icon-item i{

    color: #A50006;

}

.nav-bar .icon li.cart .cart-popup{

    background-color: #0042B5;

    padding: 30px;

    position: absolute;

    right: 20px;

    z-index: 999;

    width: 300px;

    -webkit-box-shadow: 0 8px 80px rgba(40, 40, 40, 0.08);

            box-shadow: 0 8px 80px rgba(40, 40, 40, 0.08);

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

    opacity: 0;

    visibility: hidden;

}

.nav-bar .icon li.cart:hover .cart-popup{

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

    opacity: 1;

    visibility: visible;

}

.nav-bar .icon li.cart .cart-popup .item{

    position: relative;

    border-bottom: 1px solid rgb(249 249 249 / 0.1);

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.nav-bar .icon li.cart .cart-popup .item img{

    width: 50px;

    height: 50px;

    float: left;

}

.nav-bar .icon li.cart .cart-popup .item .item-content{

    padding-left: 65px;

    padding-right: 25px;

}

.nav-bar .icon li.cart .cart-popup .item .item-content div{

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 4px;

    color: #FFF;

    font-weight: bold;

}

.nav-bar .icon li.cart .cart-popup .item .item-content span{

    font-size: 13px;

    font-weight: 500;

    line-height: 1;

    color: #F1F1F1;

}

.nav-bar .icon li.cart .cart-popup .item .delete-item{

    width: 20px;

    height: 20px;

    line-height: 20px;

    background-color: #0042B5;

    border-radius: 2px;

    color: #FFF;

    text-align: center;

    cursor: pointer;

    position: absolute;

    top: 0;

    right: 0;

}

.nav-bar .icon li.cart .cart-popup .item .delete-item:hover{

    background-color: #A50006;

}

.nav-bar .icon li.cart .cart-popup .subtotal span{

    font-size: 15px;

    font-weight: 600;

    line-height: 1;

    color: #F1F1F1

}

.nav-bar .icon li.cart .cart-popup .subtotal span:last-of-type{

    float: right;

    color: #A50006;

}

.nav-bar .icon li.cart .cart-popup .button-cart{

    margin-top: 20px;

}

.nav-bar .icon li.cart .cart-popup .button-cart button{

    outline: none;

    padding: 0 22px;

}

.nav-bar .icon li.cart .cart-popup .button-cart button:first-of-type{

    margin-right: 10px;

}

.nav-bar .icon li.cart .cart-popup .button-cart a{

    padding: 0 18px;

    line-height: 45px;

}

.nav-bar .icon li.cart .cart-popup .button-cart a:first-of-type{

    margin-right: 16px;

}



/* :: Search Box */

.search-box{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgb(38 43 62 / 0.9);

    z-index: 1040;

    -webkit-transition: unset;

    -o-transition: unset;

    transition: unset;

    display: none;

}

.search-box form{

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    width: 85%;

}

.search-box form input{

    background-color: transparent;

    width: 100%;

    padding: 10px 0;

    font-size: 35px;

    color: #FFF;

    border: 0;

    border-bottom: 1px solid #FFF;

}

.search-box form input:focus{

    border-bottom: 1px solid #A50006;

}

.search-box form button{

    position: absolute;

    right: 0;

    top: 0;

    width: 40px;

    height: 65px;

    background-color: transparent;

    text-align: center;

    font-size: 25px;

    color: #A50006;

    border: 0;

    outline: none;

}

.search-box .close-search{

    position: absolute;

    right: 50px;

    top: 50px;

    font-size: 22px;

    color: #FFF;

    cursor: pointer;

}

.search-box .close-search:hover{

    -webkit-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

            transform: rotate(360deg);

    color: #A50006;

}



/* :: Menu Box */

.menu-box{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgb(255 255 255 / 0.8);

    z-index: 1040;

    -webkit-transition: unset;

    -o-transition: unset;

    transition: unset;

    display: none;

}

.menu-box .inner-menu{

    width: 400px;

    padding: 100px 50px;

    position: absolute;

    right: -402px;

    height: 100%;

    background-color: #FFF;

    overflow-y: scroll;

}

.menu-box.active .inner-menu{

    right: 0;

    -webkit-box-shadow: 0px 0px 30px rgb(0 0 0 / 0.2);

            box-shadow: 0px 0px 30px rgb(0 0 0 / 0.2);

}

.menu-box .inner-menu .website-info{

    margin-bottom: 30px;

}

.menu-box .inner-menu .website-info .logo{

    display: block;

    margin-bottom: 20px;

}

.menu-box .inner-menu .website-info .logo img{

    width: 150px;

}

.menu-box .inner-menu .website-info p{

    text-transform: capitalize;

    font-size: 14px;

}

.menu-box .inner-menu .contact-info h4,

.menu-box .inner-menu .follow-us h4{

    position: relative;

    font-size: 20px;

    font-weight: 600;

    line-height: 1;

    margin-bottom: 20px;

    text-transform: capitalize;

    color: #0042B5;

}

.menu-box .inner-menu .contact-info .contact-box{

    margin-bottom: 30px;

}

.menu-box .inner-menu .contact-info .contact-box i{

    color: #A50006;

    font-size: 24px;

    float: left;

    line-height: 1.4;

}

.menu-box .inner-menu .contact-info .contact-box .box{

    padding-left: 40px;

}

.menu-box .inner-menu .contact-info .contact-box .box p{

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 0;

    line-height: 2;

    position: relative;

}

.menu-box .inner-menu .follow-us .icon-follow li{

    display: inline-block;

}

.menu-box .inner-menu .follow-us .icon-follow li a{

    background-color: #F1F1F1;

    display: inline-block;

    color: #A50006;

    height: 40px;

    line-height: 40px;

    width: 40px;

    text-align: center;

    font-size: 14px;

    border-radius: 3px;

    margin-right: 12px;

}

.menu-box .inner-menu .follow-us .icon-follow li:hover a{

    background-color: #A50006;

    color: #FFF;

}

.exit-menu-box{

    font-size: 13px;

    position: absolute;

    top: 30px;

    right: 30px;

    background-color: #A50006;

    width: 35px;

    color: #FFF;

    height: 35px;

    line-height: 35px;

    text-align: center;

    border-radius: 50%;

    cursor: pointer;

}

.exit-menu-box:hover{

    -webkit-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

            transform: rotate(360deg);

}



/* :: Header */

.header{

    height: 100vh;

}

.header .header-owl{

    height: 100%;

}

.header .header-owl .sec-hero{
    
    background-position: center center;
    
    background-repeat: no-repeat;
    
    background-size: cover;
    
    position: relative;

}

.header .banner .headline-top{

    line-height: 23px;

    font-weight: 600;

    font-size: 16px;

    margin-bottom: 12px;

    color: #FFF;

}

.header .banner .handline{

    color: #FFF;

    text-transform: capitalize;

    font-weight: 700;

    line-height: 54px;

    font-size: 51px;

    margin-bottom: 30px;

}

.header .banner .about-website{

    text-transform: capitalize;

    font-size: 16px;

    color: #F9F9F9;

    font-weight: 600;

    line-height: 25px;

    margin-bottom: 30px;

}

.header-owl.owl-theme .owl-nav{

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    margin: 0;

    line-height: 1;

    width: 100%;

}

.header-owl.owl-theme .owl-nav [class*=owl-]{

    margin: 0;

}

.header-owl.owl-theme .owl-nav [class*=owl-] i{

    font-size: 50px;

    color: rgb(255, 255, 255, 0.5);

    position: absolute;

    opacity: 0;

    visibility: hidden;

}

.header-owl.owl-theme .owl-nav [class*=owl-] i:hover{

    color: #A50006;

}

.header-owl.owl-theme .owl-nav [class*=owl-] i.flaticon-left-arrow{

    left: 10px;

}

.header-owl.owl-theme .owl-nav [class*=owl-] i.flaticon-right-arrow{

    right: 10px;

}

.header-owl.owl-theme:hover .owl-nav [class*=owl-] i{

    opacity: 1;

    visibility: visible;

}

.header-owl.owl-theme .owl-dots{

    margin: 0;

    line-height: 1;

    position: absolute;

    bottom: 10px;

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);

}

.header-owl.owl-theme .owl-dots .owl-dot{

    outline: none;

}

.header-owl.owl-theme .owl-dots .owl-dot span{

    margin: 0 5px;

    width: 20px;

    height: 6px;

    background-color: #FFF;

    outline: none;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.header-owl.owl-theme .owl-dots .owl-dot.active span,

.header-owl.owl-theme .owl-dots .owl-dot:hover span{

    background-color: #A50006;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



/* :: Header 2 */

.header-2 .box-hero{

    position: relative;

    z-index: 1

}

.header-2 .box-hero .banner,

.header-2 .box-hero .services-header{

    width: 50%;

}

.header-2 .box-hero .services-header .services-item{

    background-color: #FFF;

    border-radius: 2px;

    overflow: hidden;

    min-width: 145px;

    min-height: 120px;

    display: inline-block;

    margin: 5px;

    padding: 20px;

    text-align: center;

}

.header-2 .box-hero .services-header .services-item:hover{

    background-color: #A50006;

    color: #FFF;

}

.header-2 .box-hero .services-header .services-item i{

    display: block;

    font-size: 35px;

    line-height: 1;

    margin-bottom: 15px;

}

.header-2 .box-hero .services-header .services-item span{

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    text-transform: capitalize;

}



/* :: Header 3 */

.header-3 .box-hero .banner-3{

    width: 100%;

}



/* :: Features */

.features .features-box{

    overflow: hidden;

    margin-top: 192px;

    position: relative;

    z-index: 1;

    border-radius: 2px;

}

.features .features-box .features-item{

    width: calc(100% / 5);

    float: left;

    height:218px;

    text-align:center;

    margin: 0;

    padding: 15px 15px;

    background-color: #0042B5;

}

@-webkit-keyframes updown {

    0% {-webkit-transform: translateY(0);transform: translateY(0)}

    40% {-webkit-transform: translateY(-5px);transform: translateY(-5px)}

    100% {-webkit-transform: translateY(0);transform: translateY(0)}

}

@keyframes updown {

    0% {-webkit-transform: translateY(0);transform: translateY(0)}

    40% {-webkit-transform: translateY(-5px);transform: translateY(-5px)}

    100% {-webkit-transform: translateY(0);transform: translateY(0)}

}

.features .features-box .features-item i{

    /* float: left; */

    font-size: 40px;

    color: #A50006;

    line-height: 1;

}

.features .features-box .features-item:hover i{

    -webkit-animation: updown 0.4s ease-in-out 50ms;

            animation: updown 0.4s ease-in-out 50ms;

}

.features .features-box .features-item .item-text{

    /* padding-left: 60px; */

}

.features .features-box .features-item .item-text span{

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    text-transform: capitalize;

    color: #F1F1F1;

}

.features .features-box .features-item .item-text h4{

    line-height: 1.1;

    text-transform: capitalize;

    font-size: 20px;

    font-weight: 600;

    color: #F1F1F1;

    margin-top: 8px;

}

.features .features-box .features-item .item-text p{

    margin: 15px 0 0 0;

    color: #FFF;

}

.features .features-box .features-item:nth-of-type(2){

    background-color: #A50006;

}

.features .features-box .features-item:nth-of-type(4){

    background-color: #A50006;

}

.features .features-box .features-item:nth-of-type(2) i{

    color: #F1F1F1;

}

.features .features-box .features-item:nth-of-type(4) i{

    color: #F1F1F1;

}



/* :: Features 2 */

.features-2 .features-box{

    margin-top: calc(-127px / 2)

}

.features-2 .features-box .features-item{

    padding: 35px 25px;

    background-color: #A50006;

}

.features-2 .features-box .features-item:nth-of-type(2){

    background-color: #0042B5;

}

.features-2 .features-box .features-item i{

    line-height: 1.4;

    color: #F1F1F1;

}

.features-2 .features-box .features-item:nth-of-type(2) i{

    color: #A50006;

}



/* :: Features 3 */

.features-3{

    background-color: #0042B5;

    padding: 50px 0 20px 0;

}

.features-3 .features-box{

    margin: 0;

    border-radius: 0;

}

.features-3 .features-box .features-item{

    width: auto;

    padding: 0 0 30px 0;

}



/* :: About Us */

.about .img-box{

    position: relative;

    /*margin-right: 40px;*/

}

.about .img-box .about-img img{

    border-radius: 2px;

    -webkit-box-shadow: 0 1px 73px 0 rgb(38 43 62 / 0.1);

            box-shadow: 0 1px 73px 0 rgb(38 43 62 / 0.1);

}

.about .img-box .case-about{

    position: absolute;

    background-color: #A50006;

    min-width: 225px;

    padding: 40px;

    border-radius: 2px;

    top: 60%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    right: -40px;

    border: 10px solid #FFF

}

.about .img-box .case-about i{

    font-size: 35px;

    line-height: 1;

    color: #FFF;

    margin-bottom: 18px;

    display: block;

}

.about .img-box .case-about .counter{

    font-size: 40px;

    font-weight: 600;

    line-height: 1;

    margin-bottom: 10px;

    color: #FFF;

}

.about .img-box .case-about h5{

    position: relative;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.1;

    text-transform: capitalize;

    color: #FFF;

}

.about .text-box .sec-title{

    margin-bottom: 30px;

}

.about .text-box .sec-title h3{

    margin-bottom: 20px;

}

.core-about{

    overflow: hidden;

}

.core-about li{

    margin-bottom: 12px;

    float: left;

    width: 100%;

    color:#333 !important;

    position: relative;

    padding-left:20px;

}

.core-about li i{

    font-size: 12px;

    position: absolute;

    color: #A50006;

    left:0;

    top: 6px;

    margin-right: 8px;

}

.core-about li h4{

    display: inline-block;

    position: relative;

    font-size: 14px;

    font-weight: 500;

    color: #0042B5;

    text-transform: capitalize;

    font-family: Montserrat;

}

.about .text-box .p-about{

    margin-bottom: 30px;

}

.about .text-box .sign-about{

    width: 200px;

}



/* :: About Us 2 */

.about-2 .img-box{

    margin: 0;

    padding: 40px 0;

}

.about-2 .img-box:after{

    content: '';

    background-color: #A50006;

    width: 80%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);

    border-radius: 2px;

    z-index: -1;

}

.about-2 .text-box .sign-about{

    display: block;

    margin: 25px 0;

    width: 180px;

}

/* :: About Us 3 */

.about-3 .img-box{

    margin: 0;

    padding-bottom: 40px;

}

.about-3 p:last-of-type{

    margin-bottom: 30px;

}

.about-3 .img-box .experiance-item{

    position: absolute;

    bottom: 0;

    margin-bottom: 0;

    background-color: #A50006;

    padding: 30px;

    border-radius: 2px;

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);

}

.about-3 .img-box .experiance-item i {

    font-size: 50px;

    line-height: 50px;

    float: left;

    color: #FFF;

}

.about-3 .img-box .experiance-item .content {

    padding-left: 65px;

}

.about-3 .img-box .experiance-item .content .counter {

    font-size: 50px;

    font-weight: 600;

    line-height: 1;

    margin-bottom: 10px;

    color: #FFF;

}

.about-3 .img-box .experiance-item .content .counter-name {

    color: #FFF;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.6;

    letter-spacing: .5px;

}



/* :: About Us 4 */

.about-4.about-5{

    padding-top: 0px !important;

}

.about-4 .img-box{

    margin: 0;

}

.about-4 .logo-box{

    position: absolute;

    top: 0;

    left: 60px;

    background: #A50006;

    padding: 20px;

}

.about-4 .logo-box img{

    width: 40px;

}

.about-4 .text-box p:last-of-type{

    margin-bottom: 30px;

}





/* :: Skills */

.skills .skill-box{

    margin-bottom: 30px;

}

.skills .skill-box:last-of-type{

    margin-bottom: 0;

}

.skills .skill-box .skill-top{

    overflow: hidden;

    margin-bottom: 8px;

    line-height: 1;

}

.skills .skill-box .skill-top .name{

    text-transform: capitalize;

    font-size: 13px;

    line-height: 23px;

    font-weight: 600;

    letter-spacing: 0.5px;

    color: #0042B5;

    display: inline-block;

}

.skills .skill-box .skill-top .number{

    float: right;

    text-transform: uppercase;

    font-size: 13px;

    line-height: 23px;

    font-weight: 600;

    letter-spacing: 0.5px;

    color: #0042B5;

    display: inline-block;

}

.skills .skill-box .skill-line{

    height: 10px;

    width: 100%;

    background-color: #F1F1F1;

}

.skills .skill-box .skill-line .line{

    height: 100%;

    width: 0%;

    background-color: #A50006;

}





/* :: Practice Area */

.practice-area{

    background-color: #fff;

    /* background-image: url(../images/practice-area/01_practice-area.png); */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    overflow: hidden;

}

.practice-area-item{

    padding: 12px;

    margin-bottom: 10px;

    border: 1px solid #ddd;

    /*height:272px;*/

    border-radius: 2px;
	  background-color: #001d32;

}

.practice-area-item:hover{

    background-color: #0042B5;

    border-color: #fff;

}

.practice-area-item i{

    float: left;

    font-size: 40px;

    line-height: 1;

    color: #A50006;

}

.practice-area-item:hover i{

    -webkit-animation: updown 0.4s ease-in-out 50ms;

            animation: updown 0.4s ease-in-out 50ms;

}

.practice-area-item .content{

    padding-left: 60px;

}

.practice-area-item .content h4{

    line-height: 1.1;

    text-transform: ;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 15px; color:#FFF

}
.practice-area-item .content h4 a{
        line-height: 27px;
    text-transform: ;
    font-size: 17px;
    font-weight: 600;
    color: #FFF;
    margin-top: 0px;
    display: block;
    border-right: 1px solid #CCC;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-right: 10px;
}
.practice-area-item .content p{

    margin-bottom: 0;

}

.practice-area-item .content a{

    margin-top: 20px;

    position: relative;

    text-transform: ;

    font-size: 13px;

    font-weight: 700;

    line-height: 1;

    display: inline-block;

    color: #fff;

}

.practice-area-item:hover i,

.practice-area-item:hover .content h4,

.practice-area-item:hover .content p,

.practice-area-item:hover .content a{

    color: #FFF;

}



/* :: Practice Area 2 */

.practice-area-2{

    background-image: url(../images/practice-area/02_practice-area.jpg);

}

.practice-area-2 .sec-title h3{

    color: #FFF;

}

.practice-area-2 .sec-title p,

.history-2 .sec-title p{

    color: #F1F1F1;

}

.practice-area-2 .practice-area-item{

    border: 1px solid #F1F1F1;

}

.practice-area-2 .practice-area-item .content h4,

.practice-area-2 .practice-area-item .content a{

    color: #FFF

}

.practice-area-2 .practice-area-item .content p{

    color: #F1F1F1;

}

.practice-area-2 .practice-area-item:hover{

    border-color: #A50006;

}



/* :: Practice Area 3 */

.practice-area-3{

    background: #F9F9F9 url(../images/01_pattern.png)

}

.practice-area-3 .practice-area-item i{

    float: none;

    margin-bottom: 15px;

    display: inline-block;

}

.practice-area-3 .practice-area-item .content {

    padding: 0;

}



/* :: History */

.history{

    position: relative;

    padding-top: 100px;

}

.history .bg-section{

    height: calc(100% - 300px);

}

.history .sec-title h3{

    color: #FFF;

    margin-bottom: 0;

}

.history-line .box-line .head h4{

    max-width: 100px;

    min-height: 35px;

    color: #FFF;

    font-weight: 600;

    font-size: 16px;

    line-height: 1.1;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-family: Montserrat;

}

.history-line .box-line .down{

    position: relative;

    padding: 15px 0 0 0;

    border-top: 1px solid #FFF;

}

.history-line .box-line .down:after{

    content: '';

    width: 12px;

    height: 12px;

    background-color: #A50006;

    position: absolute;

    top: -7px;

    left: 0;

    border-radius: 50%;

}

.history-line .box-line .down span{

    color: #FFF;

    display: block;

    line-height: 14px;

    margin-bottom: 5px;

    font-size: 13px;

    font-weight: 600;

    text-transform: capitalize;

}

.history-line .box-line .down span:last-of-type{

    margin: 0;

}

.history-line.owl-theme .owl-dots,

.history-line.owl-theme .owl-nav{

    display: none;

}



/* :: History 2 */

.history-2 .bg-section{

    height: calc(100% - 250px);

}

.history-2-item{

    margin-bottom: 30px;

    overflow: hidden;

}

.history-2-item i{

    color: #FFF;

    line-height: 1;

    font-size: 40px;

    float: left;

}

.history-2-item .content{

    padding-left: 60px;

}

.history-2-item .content h4{

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 20px;

    text-transform: capitalize;

    color: #FFF;

}

.history-2-item .content p{

    margin-bottom: 0;

    color: #FFF;

}



/* :: Quote */

.quote{

    position: relative;

    padding-top: 100px;

}

.quote .box{

    background-color: #FFF;

    -webkit-box-shadow: 0px 5px 20px rgb(38 43 62 / 0.2);

            box-shadow: 0px 5px 20px rgb(38 43 62 / 0.2);

    padding: 30px;

    border-radius: 2px;

}

.quote .box .img-box{

    position: relative;

	height: 100%;

}

.quote .box .img-box .quote-img{

	height: 100%;

}

.quote .box .img-box img{

    border-radius: 2px;

	height: 100%;

}

.quote .box .img-box .quote-info{

    background-color: #A50006;

    color: #FFF;

    padding: 18px 30px;

    border-radius: 2px;

    position: absolute;

    bottom: 0;

    left: 0;

}

.quote .box .img-box .quote-info i{

    font-size: 18px;

    font-weight: 600;

    display: inline-block;

}

.quote .box .img-box .quote-info h4{

    font-size: 15px;

    font-weight: 600;

    line-height: 1.2;

    display: inline-block;

    font-family: Montserrat;

    margin-left: 10px;

}

.quote .box .quote-box .sec-title{

    margin-bottom: 30px;

}

.quote .box .quote-box .sec-title h3{

    color: #0042B5;

    margin: 0 0 15px 0;

    font-size: 30px;

}

.quote .box .quote-box .sec-title p{

    font-size: 14px;

}
.quote-item label  {color:#fff}
.quote-item input,

.quote-item textarea{

    border: 2px solid #E9E9E9;

    padding: 8px;

    width: 100%;

    color: #000/*A5A5A5*/;

    font-size: 16px;

    margin-bottom: 30px;

    border-radius: 2px;

}

.quote-item input:focus,

.quote-item textarea:focus{

    border-color: #A50006;

}

.quote-item textarea{

    display: block;

    min-height: 150px;

}

.nice-select{

    border: 2px solid #E9E9E9;

    padding: 8px;

    width: 100%;

    color: #6c6a6a;

    font-size: 13px;

    margin-bottom: 20px;

    border-radius: 2px;

    height: auto;

    line-height: unset;

}

.nice-select:active,

.nice-select.open,

.nice-select:focus{

    border-color: #A50006;

}

.nice-select .list{

    background-color: #0042B5;

    min-width: 200px;

    padding: 0px 0;

    border-color: #0042B5;

    border-radius: 2px;

}

.nice-select .option{

    color: #F1F1F1;

    padding: 0;

    margin: 0 20px;

    font-size: 13px;

    line-height: 40px;

    border-bottom: 1px solid rgb(249 249 249 / 0.1);

    position: relative;

    font-weight: normal;

    text-transform: capitalize;

    display: block;

    font-weight: 400;

}

.nice-select .option:last-of-type{

    border: 0;

}

.nice-select .option:hover,

.nice-select .option.focus,

.nice-select .option.selected.focus{

    background-color: transparent;

    color: #A50006;

    font-weight: 400;

}



/* :: Sponsors */

.sponsors{

    padding: 50px 0;

    border-bottom: 1px solid #E9E9E9;

}

.sponsors.page{

    padding: 100px 0;

}

.sponsors img{

    opacity: 0.5;

}

.sponsors img:hover{

    opacity: 1;

}



/* :: Case Study */

.case-study-item{

    position: relative;

    overflow: hidden;

    border-radius: 2px;

    margin-bottom: 30px;

}

.case-study-item span{

    position: absolute;

    z-index: 1;

    display: block;

    width: 0px;

    height: 0px;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    border-radius: 50%;

    opacity: 0.85;

    background-color: #A50006;

}

.case-study-item:hover span{

    width: 1000px;

    height: 1000px;

}

.case-study-item:hover .img-box img{

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-transition: all 2s ease-out;

    -o-transition: all 2s ease-out;

    transition: all 2s ease-out;

}

.case-study-item .hover-box{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    text-align: center;

    z-index: 1;

}

.case-study-item .hover-box .text-box .tags a{

    font-size: 14px;

    line-height: 1;

    font-weight: 600;

    margin-bottom: 14px;

    color: #FFF;

    display: inline-block;

    -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

            transform: translateY(10px);

    visibility: hidden;

    opacity: 0;

    -webkit-transition-delay: 0.2s;

         -o-transition-delay: 0.2s;

            transition-delay: 0.2s;

}

.case-study-item .hover-box .text-box h4 a{

    color: #FFF;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: .3px;

    font-size: 22px;

    display: inline-block;

    -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

            transform: translateY(10px);

    visibility: hidden;

    opacity: 0;

    -webkit-transition-delay: 0.4s;

         -o-transition-delay: 0.4s;

            transition-delay: 0.4s;

}

.case-study-item:hover .hover-box .text-box .tags a,

.case-study-item:hover .hover-box .text-box h4 a{

    -webkit-transform: translateY(0px);

        -ms-transform: translateY(0px);

            transform: translateY(0px);

    visibility: visible;

    opacity: 1;

}



.owl-case-study.owl-theme .owl-dots,

.owl-case-study.owl-theme .owl-nav{

    display: none;

}



/* :: Contact */

.contact{

    background-image: url(../images/contact/01_contact.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    overflow: hidden;

}

.contact .sec-title{

    margin-bottom: 0;

}

.contact .sec-title h3{

    color: #FFF;

    margin-top: 0

}

.contact .sec-title p{

    color: #F1F1F1;

    margin-bottom: 30px;

}



/* :: Advisors */

.advisors-box{

    margin-bottom: 30px;

}

.advisors-box .img-box{

    position: relative;

    overflow: hidden;

    border-radius: 2px;

}

.advisors-box:hover .img-box img{

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-transition: all 2s ease-out;

    -o-transition: all 2s ease-out;

    transition: all 2s ease-out;

}

.advisors-box .img-box ul{

    position: absolute;

    top: 15px;

    left: -40px;

    opacity: 0;

    visibility: hidden;

}

.advisors-box:hover .img-box ul{

    left: 15px;

    opacity: 1;

    visibility: visible;

}

.advisors-box .img-box ul li a{

    display: block;

    margin-bottom: 8px;

    -webkit-box-shadow: 0px 0px 10px 0px rgb(200 157 102 / 0.5);

            box-shadow: 0px 0px 10px 0px rgb(200 157 102 / 0.5);

    background-color: #A50006;

    font-size: 14px;

    color: #FFF;

    text-transform: capitalize;

    width: 44px;

    height: 44px;

    line-height: 44px;

    position: relative;

    text-align: center;

    font-weight: 600;

    border-radius: 5px;

}

.advisors-box .img-box ul li:hover a{

    color: #A50006;

    background-color: #FFF;

    -webkit-box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 0.5);

    box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 0.5);

}

.advisors-box .text-box{

    margin-top: 25px;

    padding: 0 40px;

}

.advisors-box .text-box h5{

    line-height: 1.3;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: 600;

    color: #0042B5;

}

.advisors-box .text-box span{

    display: inline-block;

    line-height: 1.4;

    font-weight: 600;

    color: #A50006;

    margin: 14px 0 0 0;

    text-transform: uppercase;

    font-size: 14px;

}



/* :: Advisors 2 */

.advisors-2 .advisors-box .img-box ul{

    right: -40px;

    left: auto;

    background-color: #A50006;

    border-radius: 2px;

    overflow: hidden;

}

.advisors-2 .advisors-box:hover .img-box ul{

    right: 15px;

    left: auto;

}

.advisors-2 .advisors-box .img-box ul li a{

    border-radius: 0;

}

.advisors-2 .advisors-box .img-box ul li:last-of-type a{

    margin-bottom: 0;

}



/* :: Provide */

.provide{

    position: relative;

}

.provide .col-md-6{

    padding: 0;

}

.provide .text-box{

    background-color: #0042B5;

    padding: 80px 100px;

}

.provide .text-box .sec-title{

    margin-bottom: 30px;

}

.provide .text-box .sec-title h3{

    color: #FFF;

}

.provide .text-box .sec-title p{

    color: #F1F1F1;

}

.provide .text-box .content-box .content-item{

    margin-bottom: 25px;

}

.provide .text-box .content-box .content-item:last-of-type{

    margin-bottom: 0;

}

.provide .text-box .content-box .content-item i{

    float: left;

    font-size: 40px;

    color: #A50006;

    line-height: 1;

}

.provide .text-box .content-box .content-item:hover i{

    -webkit-animation: updown 0.4s ease-in-out 50ms;

            animation: updown 0.4s ease-in-out 50ms;

}

.provide .text-box .content-box .content-item .box{

    padding-left: 60px;

}

.provide .text-box .content-box .content-item .box h4{

    line-height: 1.1;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: 600;

    color: #F1F1F1;

    font-family: Montserrat;

}

.provide .text-box .content-box .content-item .box p{

    margin: 10px 0 0 0;

    color: #F1F1F1;

}

.provide .img-box{

    background-image: url(../images/provide/01_provide.jpg);

    background-position: right;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    height: 100%;

}



/* :: Statistic */

.statistic-owl{

    width: 300px;

    background-color: #0042B5;

    position: absolute;

    color: #FFF;

    bottom: 0;

    right: 0;

    border-top-left-radius: 2px;

    padding: 30px;

}

.statistic-item i{

    color: #A50006;

    font-size: 50px;

    line-height: 1;

    margin-bottom: 30px;

    display: block;

}

.statistic-item .content-box .counter{

    font-size: 38px;

    font-weight: 600;

    line-height: 0.9;

    color: #FFF;

    display: inline-block;

    position: relative;

}

.statistic-item .content-box .name-content{

    color: #A50006;

    position: relative;

    font-size: 14px;

    font-weight: 500;

    line-height: 1;

    text-transform: capitalize;

    letter-spacing: 0.23px;

    display: inline-block;

    margin-left: 5px;

}

.statistic-item p{

    margin-bottom: 0;

    margin-top: 10px;

    color: #FFF;

}

.statistic-owl.owl-theme .owl-nav.disabled+.owl-dots{

    position: absolute;

    margin: 0;

    line-height: 1;

    top: 30px;

    right: 30px;

}

.statistic-owl.owl-theme .owl-dots .owl-dot{

    outline: none;

}

.statistic-owl.owl-theme .owl-dots .owl-dot span{

    background-color: #FFF;

}

.statistic-owl.owl-theme .owl-dots .owl-dot.active span,

.statistic-owl.owl-theme .owl-dots .owl-dot:hover span{

    background-color: #A50006;

}



/* :: Presentation */

.video-presentation{

    position: relative;

    background-image: url(../images/video-presentation/01_video-presentation.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    margin-top: 70px;

    width: 100%;

    height: 450px;

    border-radius: 3px;

    overflow: hidden;

    -webkit-box-shadow: 0px 5px 20px rgb(38 43 62 / 0.2);

    box-shadow: 0px 5px 20px rgb(38 43 62 / 0.2);

}

.presentation-box{

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 1;

}

.presentation-box .pulse{

    background-color: #A50006;

    width: 60px;

    height: 60px;

    font-size: 14px;

    line-height: 62px;

    border-radius: 50%;

    margin: 0 auto;

    text-align: center;

    display: block;

    -webkit-animation: video-pulse-presentation 2s linear infinite;

    animation: video-pulse-presentation 2s linear infinite;

}

@-webkit-keyframes video-pulse-presentation{

    0%{

        -webkit-box-shadow: 0 0 0 0 rgb(200 157 102 / 0.7), 0 0 0 0 rgb(200 157 102 / 0.7);

                box-shadow: 0 0 0 0 rgb(200 157 102 / 0.7), 0 0 0 0 rgb(200 157 102 / 0.7);

    }

    40%{

        -webkit-box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 0 rgb(200 157 102 / 0.7);

                box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 0 rgb(200 157 102 / 0.7);

    }

    80%{

        -webkit-box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 30px rgb(200 157 102 / 0);

                box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 30px rgb(200 157 102 / 0);

    }

    100%{

        -webkit-box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 30px rgb(200 157 102 / 0);

                box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 30px rgb(200 157 102 / 0);

    }

}

@keyframes video-pulse-presentation{

    0%{

        -webkit-box-shadow: 0 0 0 0 rgb(200 157 102 / 0.7), 0 0 0 0 rgb(200 157 102 / 0.7);

                box-shadow: 0 0 0 0 rgb(200 157 102 / 0.7), 0 0 0 0 rgb(200 157 102 / 0.7);

    }

    40%{

        -webkit-box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 0 rgb(200 157 102 / 0.7);

                box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 0 rgb(200 157 102 / 0.7);

    }

    80%{

        -webkit-box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 30px rgb(200 157 102 / 0);

                box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 30px rgb(200 157 102 / 0);

    }

    100%{

        -webkit-box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 30px rgb(200 157 102 / 0);

                box-shadow: 0 0 0 0 rgb(200 157 102 / 0), 0 0 0 30px rgb(200 157 102 / 0);

    }

}

.presentation-box .pulse i{

    color: #FFF;

    font-size: 14px;

}



/* :: Testimonial */

.testimonial{

    background-color: #F9F9F9;

}

.owl-testimonial .item-box .text-box{

    position: relative;

    font-size: 23px;

    line-height: 45px;

    font-weight: 600;

    color: #0042B5;

    margin-bottom: 30px;

    margin-top: calc(69px + 30px);

    text-align: center;

}

.owl-testimonial .item-box .item-name i{

    font-size: 40px;

    line-height: 1;

    color: #A50006;

    display: block;

}

.owl-testimonial .item-box .item-name h5{

    font-weight: 700;

    font-size: 20px;

    line-height: 1.2;

    margin-top: 15px;

    margin-bottom: 8px;

    text-transform: capitalize;

    color: #0042B5;

    text-align: center;

}

.owl-testimonial .item-box .item-name span{

    display: block;

    line-height: 15px;

    margin-bottom: 0px;

    font-size: 14px;

    font-weight: 500;

    text-align: center;

    text-transform: capitalize;

    color: #9B9B9B;

}

.owl-testimonial.owl-theme .owl-dots{

    line-height: 1;

    position: absolute;

    width: 100%;

    top: 0;

}

.owl-testimonial.owl-theme .owl-dots .owl-dot{

    margin: 0 8px;

    border-radius: 50%;

    padding: 5px !important;

    outline: none;

}

.owl-testimonial.owl-theme .owl-dots .owl-dot.active{

    border: 2px solid #A50006;

}

.owl-testimonial.owl-theme .owl-dots .owl-dot span{

    background-color: transparent;

    background-size: cover;

    width: 55px;

    height: 55px;

    margin: auto;

}

.owl-testimonial.owl-theme .owl-dots .owl-dot:nth-of-type(1) span{

    background-image: url(../images/testimonial/01_testimonial.jpg);

}

.owl-testimonial.owl-theme .owl-dots .owl-dot:nth-of-type(2) span{

    background-image: url(../images/testimonial/02_testimonial.jpg);

}

.owl-testimonial.owl-theme .owl-dots .owl-dot:nth-of-type(3) span{

    background-image: url(../images/testimonial/03_testimonial.jpg);

}

.owl-testimonial.owl-theme .owl-nav{

    display: none;

}



/* :: Testimonial And Subscribe */

.testimonial-and-subscribe,

.testimonial-4{

    background-image: url(../images/testimonial-and-subscribe/01_testimonial-and-subscribe.html);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    overflow: hidden;

}

.testimonial-box .sec-title h3,

.testimonial-4 .sec-title h3{

    color: #FFF;

}

.testimonial-4 .sec-title p{

    color: #F1F1F1

}

.owl-testimonial-1 .box-item .text-box,

.owl-testimonial-3 .box-item .text-box{

    padding: 30px;

    background-color: #A50006;

    position: relative;

    border-radius: 2px;

}

.owl-testimonial-1 .item-box .text-box {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    font-weight: ;
    color: #0042B5;
    margin-bottom: 30px;
    margin-top: calc(9px + 5px);
    text-align: center;}



.owl-testimonial-1 .item-box .item-name i{

    font-size: 40px;

    line-height: 1;

    color: #e27919;

    display: block;

}

.owl-testimonial-1 .item-box .item-name h5{

    font-weight: 700;

    font-size: 20px;

    line-height: 1.2;

    margin-top: 15px;

    margin-bottom: 8px;

    text-transform: capitalize;

    color: #00406e;

    text-align: center;

}

.owl-testimonial-1 .item-box .item-name span{

    display: block;

    line-height: 15px;

    margin-bottom: 0px;

    font-size: 14px;

    font-weight: 500;

    text-align: center;

    text-transform: capitalize;

    color: #9B9B9B;

}


.owl-testimonial-3 .box-item .text-box{

    background-color: #FFF;

    padding: 60px 30px 30px 30px;

}

.owl-testimonial-1 .box-item .text-box:after{

    content: "\f13a";

    font-family: Flaticon;

    font-size: 80px;

    position: absolute;

    color: rgba(255, 255, 255, 0.2);

    top: 15px;

    right: 15px;

    z-index: 0;

    line-height: 1;

}

.owl-testimonial-3 .box-item .text-box:after{

    content: "\f13a";

    font-family: Flaticon;

    font-size: 20px;

    position: absolute;

    color: #FFF;

    background-color: #A50006;

    top: 0;

    left: 30px;

    z-index: 0;

    padding: 6px 18px;

    line-height: 1;

}

.owl-testimonial-1 .box-item .text-box:before,

.owl-testimonial-3 .box-item .text-box:before{

    content: '';

    position: absolute;

    border: 20px solid;

    border-color: transparent transparent transparent #A50006;

    left: 25px;

    bottom: -20px;

    z-index: -1;

}

.owl-testimonial-3 .box-item .text-box:before{

    border-color: transparent transparent transparent #FFF;

}

.owl-testimonial-1 .box-item .text-box p,

.owl-testimonial-3 .box-item .text-box p{

    color: #FFF;

    margin-bottom: 0;

    position: relative;

}

.owl-testimonial-3 .box-item .text-box p{

    color: #9B9B9B;

}

.owl-testimonial-1 .box-item .clients-talk,

.owl-testimonial-3 .box-item .clients-talk{

    overflow: hidden;

    margin-top: 30px;

}

.owl-testimonial-1 .box-item .clients-talk .img-box,

.owl-testimonial-3 .box-item .clients-talk .img-box{

    height: 60px;

    width: 60px;

    display: block;

    margin-right: 15px;

    float: left;

    position: relative;

    border-radius: 50%;

}

.owl-testimonial-1 .box-item .clients-talk .img-box img,

.owl-testimonial-3 .box-item .clients-talk .img-box img{

    border-radius: 50%;

    border: 2px solid #A50006;

    padding: 4px;

    background-color: #FFF;

    margin: auto;

}

.owl-testimonial-1 .box-item .clients-talk .info,

.owl-testimonial-3 .box-item .clients-talk .info{

    padding-left: 75px;

}

.owl-testimonial-1 .box-item .clients-talk .info h5,

.owl-testimonial-3 .box-item .clients-talk .info h5{

    color: #FFF;

    padding-top: 8px;

    font-weight: 600;

    font-size: 18px;

    line-height: 20px;

    margin-bottom: 0;

    text-transform: capitalize;

}

.owl-testimonial-1 .box-item .clients-talk .info span,

.owl-testimonial-3 .box-item .clients-talk .info span{

    display: block;

    line-height: 15px;

    margin-bottom: 0px;

    font-size: 14px;

    font-weight: 500;

    text-transform: capitalize;

    margin-top: 10px;

    color: #A50006;

}



/* :: Subscribe */

.subscribe {

    padding: 40px;

    background-color: #FFF;

    border-radius: 2px;

}

.subscribe .sec-title h3{

    margin-top: 0;

}

.subscribe input{

    border: 2px solid #E9E9E9;

    padding: 12px;

    width: 100%;

    color: #A5A5A5;

    font-size: 13px;

    margin-bottom: 30px;

    border-radius: 2px;

}

.subscribe input:focus{

    border: 2px solid #A50006;

}



/* :: Blog */

.blog-item{

    margin-bottom: 30px;

}

.blog-item .img-box{

    position: relative;

    overflow: hidden;

    border-radius: 2px;

}

.blog-item:hover .img-box .open-post img{

    -webkit-transform: scale(1.3);

        -ms-transform: scale(1.3);

            transform: scale(1.3);

    -webkit-transition: all 1.5s ease-in-out;

    -o-transition: all 1.5s ease-in-out;

    transition: all 1.5s ease-in-out

}

.blog-item .img-box ul{

    position: absolute;

    bottom: 0;

    left: 30px;

    background-color: #A50006;

    padding: 2px 15px;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}

.blog-item .img-box ul li{

    display: inline-block;

}

.blog-item .img-box ul li a{

    font-size: 13px;

    text-transform: capitalize;

}

.blog-item .img-box ul li:hover a{

    color: #0042B5;

}

.blog-item .text-box{

    padding: 30px 0px 0px 30px;

}

.blog-item .text-box .title-blog{

    display: block;

}

.blog-item .text-box h5{

    position: relative;

    font-size: 21px;

    line-height: 29px;

    margin: 15px 0;

    font-weight: 600;

    color: #0042B5;

}

.blog-item .text-box .title-blog:hover,

.blog-item .text-box h5:hover{

    color: #A50006;

}

.blog-item .text-box .link{

    font-size: 14px;

    color: #0042B5;

    display: inline-block;

    text-transform: capitalize;

    font-weight: 600;

}

.blog-item .text-box .link:hover{

    color: #A50006;

}



/* :: Footer */

.footer{

    background-color: #163257;

    padding-top: 100px;

}

.footer .logo,

.footer .links,

.footer .newsletter{

    margin-bottom: 30px;

}

.footer .logo img{

    /* width: 200px; */

}

.footer .logo p{

    margin: 30px 0 20px 0;

    color: #F9F9F9;

}

.footer .logo ul li{

    display: inline-block;

}

.footer .logo ul li a{

    width: 35px;

    display: inline-block;

    height: 35px;

    line-height: 35px;

    text-align: center;

    background-color: #A50006;

    color: #FFF;

    font-size: 16px;

    margin-right: 5px;

    border-radius: 2px;

}

.footer .logo ul li:hover a{

    background-color: #FFF;

    color: #A50006;

}

.footer-title h4{

    color: #FFF;

    font-size: 20px;

    text-transform: capitalize;

    line-height: 1.2;

    margin-bottom: 25px;
	font-weight: 600;

}

.footer .links li a{

    display: inline-block;

    position: relative;

    color: #F4F4F4;

    font-size: 14px;

    line-height: 32px;

}

.footer .links li:hover a{

    color: #A50006;

}

.footer .newsletter{

    background-color: #A50006;

    padding: 30px;

    border-radius: 3px;

}

.footer .newsletter h5{

    color: #0042B5;

    font-size: 19px;

    text-transform: capitalize;

    line-height: 1.2;

    margin-bottom: 20px;

}

.footer .newsletter p{

    color: #F4F4F4;

    margin-bottom: 26px;

    font-size: 15px;

}

.footer .newsletter form{

    position: relative

}

.footer .newsletter form input{

    width: 100%;

    color: #fff;

    background-color: #0042B5;

    font-size: 13px;

    text-transform: capitalize;

    padding: 0 15px;

    line-height: 44px;

    border-radius: 3px;

    letter-spacing: 0.25px;

    position: relative;

    border: 1px solid rgb(204 204 204 / 0.1);

}

.footer .newsletter form input::placeholder

{

    color:#fff !important;

}

.footer .newsletter form input:focus{

    border-color: #A50006;

}

.footer .newsletter form a{

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    right: 15px;

    background-color: #A50006;

    font-size: 12px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 3px;

}

.copyright{



    margin-top: 35px;

    padding: 5px 0;



    background-color: #ae7c09;

    overflow: hidden;    

}

.copyright p{

    margin: 0;

    color: #ffffff;

    /* float: left; */

}

.copyright p a{

    color: #A50006;

}

.copyright ul{

    float: right;

}

.copyright ul li{

    display: inline-block;

    margin-left: 10px;

}

.copyright ul li:hover a{

    color: #A50006;

}



/* :: Scroll Up */

.scroll-up {

    position: fixed;

    z-index: 100;

    bottom: 10px;

    right: 30px;

    -webkit-box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, 0.05);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}

.scroll-up.active {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.scroll-up a {

    background-color: #0042B5;

    font-size: 16px;

    color: #FFF;

    line-height: 42px;

    width: 44px;

    height: 44px;

    display: inline-block;

    text-align: center;

    border: 1px solid #A50006;

    border-radius: 3px;

    outline: none;

}

.scroll-up:hover a{

    background-color: #0042B5;

    border: 1px solid #0042B5;

}



/* :: Breadcrumb Header */

.breadcrumb-header{

    padding-bottom: 120px;

    padding-top: calc(130px + 120px);

    color: #FFF;

    position: relative;

    background-position: center;

    background-repeat: no-repeat;

    /* background-attachment: fixed; */

    background-size: cover;

}

.breadcrumb-header-2{

    padding-bottom: 180px;

    padding-top: 140px;

}

.breadcrumb-header .banner h1{

    font-size: 60px;

    font-weight: 600;

    line-height: 1.2;

    color: #FFF;

    margin-bottom: 0;

    text-transform: capitalize;

    margin-bottom: 25px;

}

.breadcrumb-header .banner ul li{

    display: inline-block;

    position: relative;

    margin-right: 10px;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 0.30px;

    color: #F9F9F9;

    text-transform: capitalize;

}

.breadcrumb-header .banner ul li:hover a{

    color: #A50006;

}



/* :: Brochures */

.brochures{

    padding: 40px;

    background-color: #F9F9F9;

    margin: 0px 0 30px 0;

}

.brochures h5{

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: capitalize;

    color: #0042B5;

    font-size: 18px;

}

.brochures a{

    width: 100%;

}



/* :: Single Advisors */

.introduction-advisors h3{

    font-size: 22px;

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 20px;

    margin-top: 50px;

}

.introduction-advisors h3:first-of-type{

    margin-top: 0;

}

.introduction-advisors .core-about:first-of-type li{

    width: 100%;

    float: none;

    display: block;

}

.introduction-advisors .skills .skill-box .skill-top .name{

    font-size: 15px;

}



/* :: Single Practice Areas */

.single-practice-areas-head h4{

    font-size: 24px;

    line-height: 1.1;

    color: #0042B5;

    text-transform: capitalize;

    font-weight: 600;

    margin-bottom: 30px;

}

.single-practice-areas-list li:last-of-type{

    margin-bottom: 30px;

}

.single-practice-areas-list li a{

    color: #9B9B9B;

    margin-bottom: 15px;

    padding-bottom: 15px;

    display: block;

    font-size: 14px;

    font-weight: 500;

    line-height: 1;

    text-transform: capitalize;

    position: relative;

    border-bottom: 1px solid #E9E9E9;

}

.single-practice-areas-list li:last-of-type a{

    margin-bottom: 0;

}

.single-practice-areas-list li.active a,

.single-practice-areas-list li:hover a{

    color: #A50006;

}

.single-practice-areas-list li a i{

    float: right;

}

.call-back{

    padding: 40px;

    background-color: #A50006;

    margin: 30px 0;

    text-align: center;

}

.call-back i{

    color: #FFF;

    font-size: 24px;

    margin-bottom: 15px;

    display: inline-block;

}

.call-back h5{

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: capitalize;

    color: #FFF;

    font-size: 18px;

}

.call-back p{

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 0;

    line-height: 2;

    position: relative;

    color: #FFF;

}

.call-back a{

    width: 100%;

    margin-top: 16px;

}

.single-practice-areas-box h3{

    font-size: 32px;

    line-height: 1.2;

    color: #0042B5;

    text-transform: capitalize;

    font-weight: 600;

    margin-bottom: 20px;

}

.single-practice-areas-box h4{

    margin-top: 40px;

    margin-bottom: 20px;

}

.benfits{

    overflow: hidden;

}

.benfits li{

    width: 50%;

    float: left;

    padding-right: 10px;

    position: relative;

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 12px;

    text-transform: capitalize;

    color: #687076;

}

.faq .faq-box{

    border: 1px solid #E9E9E9;

    margin-bottom: 20px;

    padding: 18px;

    border-radius: 2px

}

.faq .faq-box .question-header {

    line-height: 1;

}

.faq .faq-box .question-header .click {

    padding: 0;

    border: none;

    outline: none;

    background-color: transparent;

    font-size: 16px;

    color: #0042B5;

    font-weight: 600;

    line-height: 25px;

    text-transform: capitalize;

    position: relative;

    width: 100%;

    text-align: left;

    padding-right: 20px;

}

.faq .faq-box .answer p{

    margin-top: 18px;

    margin-bottom: 0;

    padding-top: 18px;

    letter-spacing: 0.3px;

    color: #9B9B9B;

    border-top: 1px solid #E9E9E9;

}



/* :: Blog Page */

/* :: Pagination */

.pagination-area .pagination li{

    display: inline-block;

    text-align: center;

    color: #0042B5;

    font-weight: 600;

    font-size: 14px;

    width: 44px;

    height: 44px;

    line-height: 42px;

    margin-right: 2px;

    border: 1px solid #EAEAEA;

    cursor: pointer;

}

.pagination-area .pagination li:last-of-type{

    margin-right: 0;

}

.pagination-area .pagination li.active{

    background-color: #A50006;

    color: #FFF;

    border-color: #A50006;

}



/* :: Widget */

.widget{

    margin-bottom: 40px;

}

.widget .widget-title{

    padding-bottom: 25px;

}

.widget .widget-title h3{

    line-height: 1.2;

    text-transform: capitalize;

    color: #0042B5;

    position: relative;

    font-size: 18px;

    font-weight: 600;

}

.widget .widget-body .search{

    position: relative;

}

.widget .widget-body .search input{

    position: relative;

    border: 1px solid #E9E9E9;

    border-radius: 3px;

    padding: 10px;

    width: 100%;

    color: #A5A5A5;

    font-size: 13px;

}

.widget .widget-body .search input:focus{

    border-color: #A50006;

}

.widget .widget-body .search button.click{

    position: absolute;

    right: 10px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    outline: none;

    font-size: 13px;

    background-color: transparent;

    color: #A50006;

    border: none;

}

.widget .widget-body .instagram ul{

    overflow: hidden;

}

.widget .widget-body .instagram ul li{

    float: left;

    display: inline-block;

    margin: 4px;

    position: relative;

    border-radius: 3px;

    overflow: hidden;

}

.widget .widget-body .instagram ul li img{

    width: 60px;

    height: 60px;

}

.widget .widget-body .instagram ul li a{

    background-color: #A50006;

    color: #FFF;

    font-size: 14px;

    line-height: 58px;

    text-align: center;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    -webkit-transform: scale(0);

        -ms-transform: scale(0);

            transform: scale(0);

}

.widget .widget-body .instagram ul li:hover a{

    -webkit-transform: scale(1);

        -ms-transform: scale(1);

            transform: scale(1);

}

.widget .widget-body .follow .icon li{

    display: inline-block;

    margin: 0 4px 4px 0;

}

.widget .widget-body .follow .icon li a{

    display: inline-block;

    text-align: center;

    color: #FFF;

    background-color: #A50006;

    font-size: 13px;

    width: 35px;

    height: 35px;

    line-height: 35px;

    border: 1px solid #A50006;

    border-radius: 2px;

}

.widget .widget-body .follow .icon li:hover a{

    background-color: #0042B5;

    border-color: #0042B5;

}

.widget .categories ul li{

    border-bottom: 1px solid #EAEAEA;

}

.widget .categories ul li:last-of-type{

    border-bottom: none;

}

.widget .categories ul li a{

    font-size: 14px;

    padding: 15px 0;

    display: block;

    line-height: 15px;

    text-transform: capitalize;

    color: #A5A5A5;

}

.widget .categories ul li:first-of-type a{

    padding-top: 0;

}

.widget .categories ul li:last-of-type a{

    padding-bottom: 0;

}

.widget .categories ul li a i{

    margin-right: 5px;

}

.widget .categories ul li a span{

    float: right;

}

.widget .categories ul li:hover a{

    color: #A50006;

    padding-left: 10px;

}

.widget .widget-body .tags ul li{

    display: inline-block;

}

.widget .widget-body .tags ul li a{

    display: inline-block;

    padding: 4px 10px;

    margin: 0 5px 5px 0;

    border: 1px solid #F9F9F9;

    background-color: #F9F9F9;

    font-size: 13px;

    font-weight: 600;

    color: #A5A5A5;

    border-radius: 3px;

}

.widget .widget-body .tags ul li:hover a{

    background-color: #A50006;

    color: #FFF;

    border: 1px solid #A50006;

}

.news-item{

    margin-bottom: 22px;

    overflow: hidden;

}

.news-item:last-of-type{

    margin-bottom: 0px;

}

.news-item img{

    float: left;

    height: 60px;

    width: 60px;

    border-radius: 3px;

}

.news-item .item-content{

    padding-left: 70px;

}

.news-item .item-content span a{

    color: #A50006;

    line-height: 0.8;

    display: block;

    padding-bottom: 8px;

}

.news-item .item-content a.title-blog{

    display: block;

}

.news-item .item-content a.title-blog h5{

    color: #B4B4B4;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.1;

}

.news-item .item-content a.title-blog:hover,

.news-item .item-content a.title-blog:hover h5{

    color: #A50006;

}



/* :: Single Blog Page */

.single-bolg .blog-item .text-box{

    padding-left: 0;

}

.share-post{

    overflow: hidden;

    border-top: 1px solid #EAEAEA;

    border-bottom: 1px solid #EAEAEA;

    padding-top: 25px;

    margin-top: 25px;

    padding-bottom: 25px;

    margin-bottom: 25px;

}

.share-post span{

    font-size: 15px;

    font-weight: 600;

    color: #0042B5;

    margin: 4px 0;

    display: inline-block;

}

.share-post ul{

    float: right;

}

.share-post ul li{

    display: inline-block;

    margin: 0 4px 0px 0;

}

.share-post ul li a{

    display: inline-block;

    text-align: center;

    color: #0042B5;

    background-color: #F9F9F9;

    font-size: 12px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #F9F9F9;

    border-radius: 2px;

}

.share-post ul li:hover a{

    background-color: #A50006;

    border-color: #A50006;

    color: #FFF;

}

.single-bolg .item-comments{

    margin-bottom: 30px;

}

.single-bolg .item-comments .title h4,

.single-bolg .add-comments .title h4{

    line-height: 14px;

    text-transform: capitalize;

    color: #223645;

    position: relative;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 25px;

}

.single-bolg .item-comments .inner-comments .comments-box{

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #EAEAEA;

}

.single-bolg .item-comments .inner-comments .comments-box:last-of-type{

    padding: 0;

    margin: 0;

    border: none;

}

.single-bolg .item-comments .inner-comments .comments-box.reply,

.single-bolg .item-comments .inner-comments .comments-box .text-box{

    margin-left: 90px;

}

.single-bolg .item-comments .inner-comments .comments-box .img-box{

    height: 70px;

    width: 70px;

    display: block;

    margin-right: 20px;

    float: left;

    position: relative;

}

.single-bolg .item-comments .inner-comments .comments-box .img-box img{

    border-radius: 50%;

}

.single-bolg .item-comments .inner-comments .comments-box .text-box h5{

    display: block;

    color: #223645;

    font-size: 18px;

    font-weight: 600;

    line-height: 23px;

    text-transform: capitalize;

    margin-bottom: 5px;

}

.single-bolg .item-comments .inner-comments .comments-box .text-box .time{

    line-height: 20px;

    margin-bottom: 5px;

    font-size: 12px;

    margin: 0 0 10px;

    font-weight: 700;

    text-transform: uppercase;

    color: #A50006;

}

.single-bolg .item-comments .inner-comments .comments-box .text-box p{

    margin-bottom: 15px;

}

.single-bolg .item-comments .inner-comments .comments-box .text-box a{

    display: inline-block;

    padding: 4px 10px;

    border: 1px solid #F9F9F9;

    background-color: #F9F9F9;

    font-size: 13px;

    font-weight: 600;

    color: #7A8A9E;

    border-radius: 3px;

}

.single-bolg .item-comments .inner-comments .comments-box .text-box a:hover{

    color: #FFF;

    border: 1px solid #A50006;

    background-color: #A50006;

}

.single-bolg .add-comments .inner-add-comments-box input,

.single-bolg .add-comments .inner-add-comments-box textarea{

    position: relative;

    border: 1px solid #E9E9E9;

    padding: 10px;

    width: 100%;

    color: #A5A5A5;

    font-size: 13px;

    margin-bottom: 30px;

    border-radius: 3px;

}

.single-bolg .add-comments .inner-add-comments-box input:focus,

.single-bolg .add-comments .inner-add-comments-box textarea:focus{

    border-color: #A50006;

}

.single-bolg .add-comments .inner-add-comments-box textarea{

    height: 100px;

    display: block;

}



/* :: Careers Page */

.item-careers{

    border: 1px solid #E9E9E9;

    border-radius: 2px;

    padding: 40px;

    margin-bottom: 30px;

}

.item-careers h4 a{

    display: block;

    position: relative;

    font-size: 21px;

    line-height: 29px;

    margin: 0px 0 15px 0;

    font-weight: 600;

    color: #0042B5;

}

.item-careers h4:hover a{

    color: #A50006;

}

.item-careers ul li{

    display: inline-block;

    font-weight: 500;

    margin-right: 10px;

}

.item-careers ul li.active{

    background-color: #A50006;

    padding: 2px 15px;

    color: #FFF;

    border-radius: 3px;

}

.item-careers p{

    margin: 15px 0;

}

.item-careers a{

    font-size: 14px;

    color: #A50006;

    display: inline-block;

    text-transform: capitalize;

    font-weight: 600;

}



/* :: Shop Page */

.shop-item{

    margin-bottom: 30px;

}

.shop-item .item-img{

    position: relative;

    border-radius: 2px;

    overflow: hidden;

}

.shop-item .item-img .box-more{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgb(38 43 62 / 0.6);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.shop-item:hover .item-img .box-more{

    opacity: 1;

    visibility: visible;

}

.shop-item .item-img .box-more a{

    padding: 0 25px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

}

.shop-item .item-text .open-item-shop h4{

    font-size: 16px;

    line-height: 24px;

    margin: 16px 0 12px 0;

    color: #0042B5;

}

.shop-item .item-text span{

    color: #A50006;

    font-size: 15px;

    font-weight: 700;

    line-height: 1;

}



/* :: Single Product */

.shop.area .text-box-details .title-product{

    font-size: 20px;

    line-height: 1.2;

    color: #0042B5;

    font-weight: bold;

    margin-bottom: 20px;

    text-transform: capitalize;

}

.shop.area .text-box-details .item-review span{

    display: inline-block;

    font-size: 14px;

    color: #A5A5A5;

}

.shop.area .text-box-details .item-review span i.active{

    color: #A50006;

}

.shop.area .text-box-details .item-review span.reviews{

    margin-left: 40px;

}

.shop.area .text-box-details .item-review span.spance-span{

    margin: 0 5px;

}

.shop.area .text-box-details .item-review span a{

    font-size: 14px;

    color: #A5A5A5;

}

.shop.area .text-box-details .item-review span a:hover{

    color: #A50006;

}

.shop.area .text-box-details .item-price{

    font-size: 18px;

    font-weight: 800;

    line-height: 1;

    color: #A50006;

    margin-top: 15px;

    margin-bottom: 25px;

}

.shop.area .text-box-details .btn-1{

    margin-bottom: 25px;

}

.shop.area .text-box-details .list-details li{

    line-height: 2;

    font-size: 16px;

}

.shop.area .text-box-details .list-details li span{

    font-weight: bold;

    color: #0042B5;

    min-width: 120px;

    display: inline-block;

}

.shop.area .text-box-details .list-details li a{

    color: #0042B5;

    margin-right: 20px;

}

.shop.area .text-box-details .list-details li a:hover{

    color: #A50006;

}

.shop.area .description{

    margin-top: 50px;

}

.shop.area .description ul li {

    display: inline-block;

    margin-right: 5px;

}

.shop.area .description p{

    margin: 25px 0 0 0

}



/* :: 404 Error Page */

.page-404-area{

    padding: 150px 0;

}

.page-404-area h2{

    font-size: 250px;

    color: #343434;

    font-weight: bold;

    line-height: 1.2;

    margin-bottom: 30px;

}

.page-404-area a{

    margin-top: 30px;

}



/* :: Dark Mode */

.dark-mode-decision{

    position: fixed;

    z-index: 100;

    bottom: 64px;

    right: 30px;

    background-color: #0042B5;

    font-size: 14px;

    color: #FFF;

    line-height: 42px;

    width: 44px;

    height: 44px;

    display: inline-block;

    text-align: center;

    border: 1px solid #0042B5;

    border-radius: 50%;

    outline: none;

    cursor: pointer

}

.active-dark-mode-decision .nav-bar .logo .logo-nav img.two,

.active-dark-mode-decision .nav-bar.active .logo .logo-nav img.one{

    display: block;

}

.active-dark-mode-decision .nav-bar .logo .logo-nav img.two,

.active-dark-mode-decision .nav-bar.active .logo .logo-nav img.two{

    display: none;

}

.active-dark-mode-decision .features .features-box .features-item .item-text p{

    color: #9B9B9B;

}

.active-dark-mode-decision .practice-area-3{

    background-image: url(../images/practice-area/01_practice-area.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.active-dark-mode-decision .nav-bar.active{

    border-color: #313851;

}



.active-dark-mode-decision .dark-mode-decision,

.active-dark-mode-decision .features .features-box .features-item .item-text span,

.active-dark-mode-decision .blog-item .text-box .link:hover,

.active-dark-mode-decision .features-2 .features-box .features-item i{

    color: #A50006;

}



.active-dark-mode-decision .features .features-box .features-item .item-text h4,

.active-dark-mode-decision .subscribe .sec-title h3{

    color: #0042B5;

}



.active-dark-mode-decision .dark-mode-decision,

.active-dark-mode-decision .nav-bar.active .info-nav .btn-1:hover,

.active-dark-mode-decision .features .features-box .features-item,

.active-dark-mode-decision .about .text-box .btn-1:hover,

.active-dark-mode-decision .brochures a:hover{

    background-color: #FFF;

}





.active-dark-mode-decision .dark-mode-decision,

.active-dark-mode-decision .nav-bar.active .info-nav .btn-1:hover,

.active-dark-mode-decision .about .text-box .btn-1:hover,

.active-dark-mode-decision .brochures a:hover{

    border-color: #FFF;

}



.active-dark-mode-decision .about .img-box .case-about,

.active-dark-mode-decision .nice-select,

.active-dark-mode-decision .nice-select:hover,

.active-dark-mode-decision .quote-item input,

.active-dark-mode-decision .quote-item textarea,

.active-dark-mode-decision .widget .widget-body .search input{

    border-color: #0042B5;

}



.active-dark-mode-decision .quote-item input:focus,

.active-dark-mode-decision .quote-item textarea:focus,

.active-dark-mode-decision .widget .widget-body .search input:focus{

    border-color: #A50006;

}



.active-dark-mode-decision .features .features-box .features-item:nth-of-type(2),

.active-dark-mode-decision .widget .widget-body .tags ul li a:hover,

.active-dark-mode-decision .single-bolg .item-comments .inner-comments .comments-box .text-box a:hover{

    background-color: #A50006;

}



.active-dark-mode-decision .widget .widget-body .tags ul li a,

.active-dark-mode-decision .single-bolg .item-comments .inner-comments .comments-box .text-box a,

.active-dark-mode-decision .single-bolg .add-comments .inner-add-comments-box input,

.active-dark-mode-decision .single-bolg .add-comments .inner-add-comments-box textarea{

    background-color: #0042B5;

}



body.active-dark-mode-decision,

.active-dark-mode-decision .nav-bar.active,

.active-dark-mode-decision .quote-item input,

.active-dark-mode-decision .quote-item textarea,

.active-dark-mode-decision .nice-select,

.active-dark-mode-decision .testimonial,

.active-dark-mode-decision .brochures,

.active-dark-mode-decision .widget .widget-body .search input,

.active-dark-mode-decision .widget .widget-body .tags ul li a,

.active-dark-mode-decision .single-bolg .item-comments .inner-comments .comments-box .text-box a,

.active-dark-mode-decision .single-bolg .add-comments .inner-add-comments-box input,

.active-dark-mode-decision .single-bolg .add-comments .inner-add-comments-box textarea{

    background-color: #0042B5;

}



.active-dark-mode-decision .practice-area-item,

.active-dark-mode-decision .sponsors,

.active-dark-mode-decision .faq .faq-box,

.active-dark-mode-decision .faq .faq-box .answer p,

.active-dark-mode-decision .item-careers{

    border-color: rgb(221 221 221 / 25%);

}



.active-dark-mode-decision .widget .widget-body .tags ul li a:hover,

.active-dark-mode-decision .single-bolg .item-comments .inner-comments .comments-box .text-box a:hover,

.active-dark-mode-decision .single-bolg .add-comments .inner-add-comments-box input:focus,

.active-dark-mode-decision .single-bolg .add-comments .inner-add-comments-box textarea:focus{

    border: 1px solid #A50006;

}



.active-dark-mode-decision .sec-title h3,

.active-dark-mode-decision .nav-bar.active .nav-bar-link ul li a,

.active-dark-mode-decision .nav-bar.active .info-nav .contact-nav p,

.active-dark-mode-decision .nav-bar.active .info-nav .contact-nav span,

.active-dark-mode-decision .features .features-box .features-item:nth-of-type(2) i,

.active-dark-mode-decision .features .features-box .features-item:nth-of-type(2) span,

.active-dark-mode-decision .features .features-box .features-item:nth-of-type(2) h4,

.active-dark-mode-decision .features .features-box .features-item:nth-of-type(2) p,

.active-dark-mode-decision .core-about li h4,

.active-dark-mode-decision .practice-area-item .content a,

.active-dark-mode-decision .owl-testimonial .item-box .item-name h5,

.active-dark-mode-decision .blog-item .text-box .blog-date,

.active-dark-mode-decision .blog-item .text-box .link,

.active-dark-mode-decision .features-3 .features-box .features-item .item-text p,

.active-dark-mode-decision .single-practice-areas-list li a,

.active-dark-mode-decision .widget .widget-title h3,

.active-dark-mode-decision .share-post span,

.active-dark-mode-decision .single-bolg .item-comments .title h4,

.active-dark-mode-decision .single-bolg .add-comments .title h4,

.active-dark-mode-decision .item-careers h4 a,

.active-dark-mode-decision .shop-item .item-text .open-item-shop h4,

.active-dark-mode-decision .shop.area.shop-area-page .text-box-details .title-product{

    color: #F1F1F1;

}



.active-dark-mode-decision p,

.active-dark-mode-decision .sec-title p,

.active-dark-mode-decision .benfits li,

.active-dark-mode-decision .faq .faq-box .question-header .click,

.active-dark-mode-decision .faq .faq-box .answer p,

.active-dark-mode-decision .pagination-area .pagination li,

.active-dark-mode-decision .widget .categories ul li a,

.active-dark-mode-decision .news-item .item-content a.title-blog h5,

.active-dark-mode-decision .single-bolg .item-comments .inner-comments .comments-box .text-box h5,

.active-dark-mode-decision .item-careers ul li,

.active-dark-mode-decision .shop.area.shop-area-page .text-box-details .item-review span,

.active-dark-mode-decision .shop.area.shop-area-page .text-box-details .item-review span.reviews,

.active-dark-mode-decision .shop.area.shop-area-page .text-box-details .item-review span a,

.active-dark-mode-decision .shop.area.shop-area-page .text-box-details .list-details li,

.active-dark-mode-decision .shop.area.shop-area-page .text-box-details .list-details li span{

    color: #F9F9F9;

}



.active-dark-mode-decision .practice-area,

.active-dark-mode-decision .quote .box,

.active-dark-mode-decision .provide .text-box,

.active-dark-mode-decision .statistic-owl,

.active-dark-mode-decision .bolg,

.active-dark-mode-decision .features-3,

.active-dark-mode-decision .practice-area-3,

.active-dark-mode-decision .features-3 .features-box .features-item,

.active-dark-mode-decision .advisors-home-1,

.active-dark-mode-decision .single-practice-areas,

.active-dark-mode-decision .single-advisors,

.active-dark-mode-decision .about-testimonial,

.active-dark-mode-decision .single-bolg,

.active-dark-mode-decision .advisors-case-study-page,

.active-dark-mode-decision .faqs-page,

.active-dark-mode-decision .shop-page,

.active-dark-mode-decision .shop-area-page,

.active-dark-mode-decision .page-404-area{

    background-color: #313851;

}



.active-dark-mode-decision .practice-area-item .content h4,

.active-dark-mode-decision .quote .box .quote-box .sec-title h3,

.active-dark-mode-decision .advisors-box .text-box h5,

.active-dark-mode-decision .owl-testimonial .item-box .text-box,

.active-dark-mode-decision .blog-item .text-box h5,

.active-dark-mode-decision .features-3 .features-box .features-item .item-text h4,

.active-dark-mode-decision .skills .skill-box .skill-top .name,

.active-dark-mode-decision .skills .skill-box .skill-top .number,

.active-dark-mode-decision .introduction-advisors h3,

.active-dark-mode-decision .single-practice-areas-box h3,

.active-dark-mode-decision .brochures h5,

.active-dark-mode-decision .single-practice-areas-head h4,

.active-dark-mode-decision .single-practice-areas-box h4,

.active-dark-mode-decision .page-404-area h2{

    color: #FFF;

}

.sliderheight {max-width:100%; height:550px}


@media only screen and (min-width: 50px) and (max-width: 479px) {
	
	.sliderheight {max-width:100%; height:130px}
	#page

  {

      height:130px !important;

  }
  .py-100 {
    padding: 30px 0;
}


element.style {
}
.about .img-box {
   
    margin-right: 0px;
}
.nav-bar .logo .logo-nav img {
  /*  width: 230px;*/
  /*height:60px;*/
}	



.nav-bar .logo .logo-nav img.beti8{display:none}
  

/*.nav-bar .logo .logo-nav img .open-nav-bar{ margin-left:20px}*/


.header .banner .headline-top {
    
    margin-top: -142px;
	margin-bottom: -12px
    }
}


.clear { clear:both}