/***************************************************************************************************************
||||||||||||||||||||||||||||       MASTER STYLESHEET FOR BRIXCO      ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

1.  Imported styles
2.  Global styles
3.  Header styles
4.  Mainmenu Area Css
5.  Rev Slider Wrapper style
6.  Main Footer
7.  Inner Banner styles
8.  Blog Styles
9.  Faq style
10. Fact Counter Section
11. google map Section
12. contact Section
13. Team style
14. page_pagination style
15. Error Page
16. About Style 
17. Service styles
18. Welcome Style
19. Sponsor Style
20. Testimonials Section style
21. News Section
22. latest-project styles
23. Company-tab styles 
24. Product Tabs Style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/

/* 
==============================
   1. Imported styles
============================== */
/**/


@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,600,700,700i,800');
 @import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:400,400i,500,600,700,700i,800');


@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(jquery.bootstrap-touchspin.css);

@import url(font-awesome.css);
@import url(../fonts/flaticon.css);
@import url(icomoon.css);

@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);

@import url(owl.carousel.css);
@import url(jquery.bxslider.css);
@import url(flexslider.css);

@import url(jquery-ui.css);
@import url(jquery.fancybox.css);
@import url(polyglot-language-switcher.css);

@import url(animate.min.css);
@import url(hover.css);
@import url(nouislider.css);
@import url(nouislider.pips.css);
@import url(magnific-popup.css);





/* 
==============================
 2. Global styles
============================== 
*/



body {
  font-family: "Roboto Condensed", Regular;
  color:#222222;
  font-size: 16px;
}

h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h1,h2,h3,h4,h5 {
  font-family: "Roboto Condensed", Regular;
} 

ul {list-style-type: none;}

a {text-decoration: none; display: inline-block; outline: none;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}



button {
  border:none; 
  outline:none; 
  box-shadow: none; 
  display: block; 
  padding: 0; 
  background: transparent;
}
input,textarea {
  font-family: "Roboto Condensed", Regular;
  display: block;
  font-size: 16px;
  line-height: 28px;
  outline: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.boxed_wrapper {
  width: 100%;
  background: #fff;
  overflow-x: hidden;
}
.sec-padd {
  padding: 35px 0 70px;
}
.sec-padd-top {
  padding-top: 70px;
}
.sec-padd-bottom {
  padding-bottom: 70px;
}
.no-padd {
  padding: 0px;
}

.mrb1{
  margin-bottom: 40px;
}



.clear_fix { clear:both;}
.clear_fix:after {
  display: table;
  content: '';
  clear: both;
}
.list_inline li {
  display: inline-block;
}
.social li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  top: 1px;
  padding: 0 3px;
}
.social li a {
  color: #FFB300;
  font-size: 16px;
  padding: 0px;
  transition: .5s ease-in-out;
}

.social li a i{
  height: 25px;
  position: relative;
  width: 25px;
  background: #fff;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
}

.default_link i {
  margin-left: 3px;
  font-weight: 700;
  font-size: 18px;
}
.uppercase {
  text-transform: uppercase;
}
.padd-80 {
  padding-top: 80px;
}
.tran3s {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.center {
  text-align: center;
}

.text {
  font-family: "Roboto Condensed", Regular;
  font-size: 18px;
  color: #000;
  margin-bottom: 20px;
  line-height: 26px;
  font-weight: 300;
}

.row-5 {
  margin: 0 -5px;
}
.thm-color {
  color: #ea0918;
}

.bold {
  font-weight: 700;
}
.s-bold {
  font-weight: 600;
}
.m-bold {
  font-weight: 600;
}

.float_left {
    float: left;
}
.float_right {
    float: right;
}

.border-bottom {
  border-bottom: 1px solid #f7f7f7;
}

@media (min-width: 1200px) {
  .container {
    padding: 0;
  }
}

.thm-btn {
  position: relative;
  background: #ffcb4f;
  font-size: 15px;
  line-height: 46px;
  font-weight: 700;
  color: #ffffff;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  font-family: "Roboto Condensed", Regular;

  display: inline-block;
  padding: 0 30px;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn:hover {
  border: 2px solid #ffcb4f;
  background: #fff;
  color: #000;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.thm-btn-2{
  font-size: 20px;
  font-weight: 600;
  padding: 10px 28px;
  color: #fff;
  border: 2px solid #FFB300;
  background: #FFB300;
}
.thm-btn-2.hvr-bounce-to-right:before{
  background: #fff;
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: #ea0918;
}

.thm-btn-2:hover{
  color: #000;
}

.anim-3 {
  transition: all 0.3s ease;
}
.anim-5 {
  transition: all 0.5s ease;
}


.section-title {
  position: relative;
  padding-bottom: 15px;
 /* margin-bottom: 40px;*/
  text-align: center;
}

.section-title h1{
  position: absolute;
  font-size: 70px;
  width: 100%;
  font-weight: 700;
  color: #0198f112;
  bottom: -13px;
  left: 35px;
}

.section-title h2 {
  position: relative;
  font-size: 40px;
  color: #000;
   font-family: "Roboto Condensed", Regular;

  text-transform: capitalize;
  font-weight:  500;
  margin-top: -10px;
}

.section-title h3 {
  position: relative;
  font-size: 28px;
  font-weight: 600;
  color: #000;
  text-transform: capitalize;
}

.section-title span{
  color: #FFB300;
}

.scroll-top {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  border-radius: 50%;
  z-index: 99;
  display: none;
  color: #fff;
  text-align: center;
  background: #FFB300;
}

.scroll-top span:before {
  font-size: 27px;
}

.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%;
 z-index:999999; background-color:#ffffff; background-position:center center;
  background-repeat:no-repeat; background-image:url(../images/icons/preloader.gif);}


/* 
==============================
  3. Header styles
==============================
*/


.top-bar {
  position: relative;
  background: #FFB300;
  line-height: 40px;
  border-bottom: 1px solid #FFB300;
}

.top-bar .top-bar-text li {
  color: #fff;
  margin-right: 20px;
  display: inline-block;
}

.top-bar .top-bar-text li i {
  color: #fff;
  margin-right: 10px;
  font-size: 20px;
  position: relative;
  top: 3px;
}

.top-bar .social li a:hover {
  color: #222;
  transition: .5s ease-in-out;
}

.top-bar .social li:last-child {
  padding-right: 0px;
}

/*logo*/

.main-logo {
  margin: 18px 0  21px;
}

/*menu*/

.theme_menu .container {
  position: relative;
}

.theme_menu {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: #fff;
}
.theme_menu .menu-column {
  padding-left: 0;
}

.default-form.register-form .form-group {
  margin-bottom: 0;
}

.default-form.register-form .link {
  border-bottom: 1px solid #2f2f2f;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #fff;
}

.default-form.register-form .link .thm-color-2 {
  color: #848484;
}

.default-form.register-form .link_2 {
  position: relative;
}

.default-form.register-form .link_2.singn {
  padding-left: 25px;
}

.default-form.register-form .link_2 .fancy_video {
  position: absolute;
  left: 0;
  top: 1px;
  width: 15px;
  border-radius: 50%;
  font-size: 8px;
  text-align: center;
  line-height: 15px;
  height: 15px;
  color: #222;
  background: #23aef4;
  font-family: "FontAwesome";
}

.default-form.register-form .link_2 .fancy_video span {
  position: relative;right:-1px;
}



/*
==============================================
  4. Mainmenu Area Css
===============================================
*/


.mainmenu-area {
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.main-menu {
  position: relative;
  margin-top: 20px;
}

.navbar-collapse {
  padding: 0px
}

.navigation {
  position: relative;
  margin-left: 20%;
}
.navigation li {
  display: inline-block;
}

.navigation li a {
  color: #000;
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  padding: 12px 4px 20px;
  margin: 0 10px;
  font-family: "Roboto Condensed", Regular;

  position: relative;
 /* text-transform: uppercase;*/
  transition: all 500ms ease 0s;
}

.navigation > li:hover > a {
  color: #FFB300;
}

.navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  background: #fff;
  width: 222px;
  border-top: 2px solid #FFB300;
  z-index: 999;
  display: none;
}

.navigation > li > ul > li {
  position: relative;
  display: block;
  border-bottom: 1px solid #FFB300;
}

.navigation > li > ul > li > a {
  color: #FFB300;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 20px;
  margin: 0;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}

.navigation > li > ul > li:hover > a {
  color: #000;
  background: #e8ebed;
}


/*========= third-menu ===============*/

.navigation > li > ul > li.third-menu ul {
  position: absolute;
  left: 230px;
  top: 0px;
  background: #333;
  width: 200px;
  border-top: 2px solid #fff;
  padding: 12px 0px;
  z-index: 999;
  display: none;
}

.navigation > li > ul > li.third-menu {
  position: relative;
}

.navigation > li > ul > li.third-menu ul a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 20px;
  margin: 0;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}

.navigation > li > ul > li.third-menu:after {
  position: absolute;
  content: "\f0de";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  right: 14px;
  transform: rotate(90deg);
  top: 3px;
}

/*========= mobile-menu ==============*/

.mobile-menu .dropdown-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 42px;
  border-left: 1px solid #ea0918;
  cursor: pointer;
  display: block;
  z-index: 5;
}

.mobile-menu .dropdown-btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #d51d44;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  width: 100%;
}

.mobile-menu,
.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  background: #fff;
}

.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  display: none;
}

.mobile-menu > li > a,
.mobile-menu > li > ul > li > a,
.mobile-menu > li > ul > li > ul > li > a{
  padding:10px 20px;
  line-height:22px;
  color: #ea0918;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  border-top: 1px solid #ea0918;
} 

/*=================== Cart And Search Option ===============*/

.main-menu .right-column {
    position: absolute;
    right: 0;
    width: 300px;
}

.nav_side_content {
  margin-top: 33px;
  float: right;
}

.nav_side_content .cart_select>button {
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  margin-right: 23px;
  color:#272727;
}


.nav_side_content .cart_select>button i {
  font-size: 18px;
  margin-left:5px;
}

.nav_side_content .cart_select,
.nav_side_content .search_option {
  display: inline-block;
}

.nav_side_content .search_option>button {
  width: 40px;
  height:40px;
  border-radius: 50%;
  font-size: 14px;
  color: #ea0918;
  line-height: 2;
  border: 1px solid #ea0918;
}

.nav_side_content .search_option form {
  height: 50px;
  width: 280px;
  padding: 5px;
  border-radius: 4px;
  margin: 0;
  left: auto;
  right: 0;
  border-color: #ea0918;
  top: 67px;
}

.nav_side_content .search_option form input {
  font-family: "Roboto Condensed", Regular;

  font-weight: normal;
  width:100%;
  height:100%;
  background: transparent;
  color: #ea0918;
  border:1px solid #f7f7f7;
  padding: 0 47px 0 10px;
  font-size: 15px;
}

.nav_side_content .search_option form button {
  display: block;
  width:40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top:5px;
  right:5px;
  color: #ea0918;
}

.nav_side_content .cart_select {
  border-left: 1px solid #ececec;
  padding-left: 5px;
}

.theme_menu .link_btn {
  margin-top: 24px;
}


/* Mainmenu fixed style */
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}

.mainmenu-area.stricky-fixed {
  margin: 0;
  position: fixed;
  background: #fff;
  top:0;
  left:0;
  width: 100%;
  z-index: 99999;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
}

.nav_side_content {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
}


/*** 
=============================================
  5. Rev Slider Wrapper style
=============================================
***/



.rev_slider_wrapper .slide-content-box h3 {
  background: rgba(0, 0, 0, 0) url("../img/slides/press-bg.html") no-repeat;
  background-size: contain;
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 22px;
  font-family: "Roboto Condensed", Regular;

  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.rev_slider_wrapper .slide-content-box h1 {
  color: #ffffff;
  font-size: 55px;
  line-height: 62px;
  margin: 14px 0 9px;
  font-weight: 700;
}

.rev_slider_wrapper .slide-content-box p{
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  font-family: "Roboto Condensed", Regular;

  font-weight: 300;
  margin: 0 0 30px;
}

.rev_slider_wrapper .slide-content-box .button a{
  border: 1px solid #fff;
  padding: 0px 28px;
  margin-right: 15px;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}

.rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution{
  background: #fff;
  padding: 0px 35px;
  color: #222;
  border-color: #fff;
}

.rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution:hover{
  background: #ea0918;
  color: #fff;
  border-color: #ffffff;
}

.rev_slider_wrapper .slide-content-box.last-slide p{
  margin: 0;    
}

.rev_slider_wrapper .slide-content-box.last-slide a{
  margin: 0 8px;    
}

.rev_slider_wrapper .slotholder {
  position: relative;
}

.slotholder:after {
  /*background: rgba(0, 0, 0, 0.35);*/
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.tp-bannertimer {
  display: none;
}

.rev_slider_wrapper .tparrows {
  margin-top: -30px;
  cursor: pointer;
  background: #FFB300;
  width: 60px;
  height: 60px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 50%;
}

.rev_slider_wrapper .tparrows:before {
  font-family: "revicons";
  font-size: 15px;
  color: #fff;
  display: block;
  line-height: 60px;
  text-align: center;
}




/*** 

====================================================================
  6. Main Footer
====================================================================

***/



.footer{
  position:relative;
  padding: 40px 0;
  background: #104570;
}

.footer .overlay{
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background: #0c0c0c;
}

.footer .footer-widget h3{
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 25px;
  margin-left: 12px;
  margin-top: 32px;
  font-family: "Roboto Condensed", Regular;
}

.footer .footer-widget .logo{
}

.footer .footer-widget .logo p{
  color: #e2e2e2;
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: 20px;
}

.footer .footer-widget .logo ul li{
  display: inline-block;
}

.footer .footer-widget .logo ul li a{
  text-decoration: none;
  font-size: 18px;
  margin-bottom: 10px;
  margin-right: 6px;
  width: 40px;
  height: 40px;
  text-align: center;
  background: #444444;
  color: #ffffff;
  line-height: 40px;
  border-radius: 50%;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}

.footer .footer-widget .logo ul li a:hover{
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
  color: #ea0918;
  background: #fff;
}

.footer .logo .face-icon{
  margin-top: 20px;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}

.footer .names ul li{
  margin-bottom: 12px;
  margin-left: 10px;
}

.footer .names ul li a{
  position: relative;
  font-size: 18px;
  color: #e2e2e2;
  transition: .3s;
  font-family: "Roboto Condensed", Regular;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}

.footer .names ul li a i{
  margin-right: 10px;
}

.footer .footer-widget.our-service.style-2{
  background: #95c51b;
  padding: 1px 20px 21px;
}

.footer .names ul li a:hover{
  transition: .3s;
  color: #ffffff;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}

.footer .instagram h2 {
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 33px;
  margin-top: 30px;
    font-family: "Roboto Condensed", Regular;

}

.footer .title h4{
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 33px;
  margin-top: 30px;
    font-family: "Roboto Condensed", Regular;

}

.footer .form-group {
  margin-bottom: 18px;
}

.address ul li{
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
}

.address ul li i{
  margin-right: 15px;
  font-size: 18px;
}

/* Gallery Widget */

.footer .gallery-widget .row {
  margin: 0px -5px;
}

.footer .gallery-widget .image {
  position: relative;
  float: left;
  width: 33.333%;
  padding: 0px 5px 10px;
}

.newsletter h2{
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 26px;
  margin-top: 30px;
  font-family: "Roboto Condensed", Regular;
}

.newsletter p{
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

.contact-form{
  margin-top: 15px;
}

.contact-form .form-group input[type="email"] {
  color: #848484;
  display: block;
  font-size: 16px;
  height: 50px;
  width: 100%;
  line-height: 26px;
  font-weight: 400;
  padding: 10px 25px;
  background: #fff;
  box-shadow: none;
  text-transform: capitalize;
  font-family: "Roboto Condensed", Regular;

  transition: all 500ms ease;
}

.sub-btn{
  padding: 12px 20px;
  border: 1px solid #ffffff;
  font-size: 14px;
  font-weight: 600;
  font-family: "Roboto Condensed", Regular;

  color: #ffffff;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;

}

.sub-btn:hover{
  background: #ffffff;
  color: #000000;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}

.last-footer{
  padding: 30px 0 5px;
  background: #171717;
}

.last-footer .text h4{
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
}




/*
=======================================
 7. Inner Banner styles 
=======================================
*/




.inner-banner {
  position: relative;
  background: #a0a19b;
  background-size: cover;
}

.inner-banner:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.56);
  z-index: 0;
}

.inner-banner h3 {
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  font-size: 48px;
  line-height: 60px;
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
}

.inner-banner .box {
  position: relative;
  display: table;
  height: 240px;
  width: 100%;
  text-align: center;
}

.breadcumb-wrapper {
  background: #fff;
  padding: 17px 0;
  border-bottom: 1px solid #f7266133;
}

.breadcumb-wrapper ul,
.breadcumb-wrapper li {
  margin: 0;
  padding: 0;
  font-weight: 400;
  list-style: none;
  font-size: 18px;
  color: #000;
}

.breadcumb-wrapper ul.link-list li a {
  color: #222;
  text-transform: capitalize;
  font-size: 18px;
  transition: .3s ease;
}

.breadcumb-wrapper ul.link-list li a:hover {
  transition: .3s ease;
}

.breadcumb-wrapper ul.link-list li a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  margin: 0 10px;
}

.breadcumb-wrapper a.get-qoute i {
  margin-left: 7px;
  color: #222;
  margin-right: 7px;
  font-size: 14px;
}






/*
=======================================
  8. Blog Styles 
=======================================
*/




.sidebar-page-container blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #ea0918;
}

.sidebar-page-container.style-2{
  padding: 100px 0 80px;
}

.sidebar-page-container.style-3 .blog-sidebar{
  position: relative;
}

.sidebar-page-container.style-4{
  position: relative;
  padding: 90px 0 50px;
}

.sidebar-page-container.style-5{
  padding: 90px 0 90px;
}

/*large blog*/

.large-blog-news {
  position: relative;
  transition: .5s ease-in-out;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #f7266133;
}

.large-blog-news .lower-content{
  position:relative;
  padding: 25px 0px 0px;
}

.large-blog-news .lower-content .text p{
  margin-bottom:20px; 
}

.large-blog-news .lower-content h4 {
  color: #000;
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 15px;
}

.large-blog-news .lower-content h5 {
  text-transform: uppercase;
  color: #23aef4;
  font-size: 14px;
  margin-bottom: 15px;
}

.large-blog-news .lower-content .post-meta{
  color: #ea0918;
  font-size:16px;
  margin-bottom: 15px;
}

/*side-bar-blog*/

.sidebar-page-container.style-3 {
    padding: 90px 0px 90px;
}

.blog-section.style-2{

}

.blog-sidebar {
  position: relative;
}

.category-style-one {
  position: relative;
}

.category-title h4 {
  position: relative;
  font-size: 26px;
  color: #fff;
  font-weight: 600;
}

.category-style-one:before{
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/resources/serv1.png) no-repeat center;
  opacity: 0.4;
}

.category-style-one ul {
  margin-top: 20px;
  margin-bottom: 35px;
  padding: 10px 0px 20px;
}

.category-style-one ul li {
  margin: 0;
  border-bottom: 1px solid #ffffff36;
}

.category-style-one ul li a {
  font-weight: 600;
  color: #ffffff;
  position: relative;
  font-size: 18px;
  width: 100%;
  transition: .5s ease;
  line-height: 40px;
  display: block;
}

.category-style-one ul li a:hover {
  color: #ffffff;
  transition: .5s ease;
}

.service-catagory{
  position: relative;
  padding: 40px 30px 25px;
  margin-top: 40px;
  background: #282e3a;
}

.service-catagory.style-2{
  margin: 0;
}

.category-style-one.service-catagory ul {
  margin: 0;
}


/*post-thumb*/


.popular-post {
  position: relative;
  padding-top: 30px;
}

.popular-post .item {
  position: relative;
  font-size: 14px;
  margin-bottom: 30px;
  min-height: 50px;
  padding: 0px 0px 18px 105px;
  color: #cccccc;
}

.popular-post .item:last-child{
  border-bottom: 0px;
}

.popular-post .item .post-thumb{
  position:absolute;
  left:0px;
  top: 5px;
  width: 90px;
  height: 90px;
}

.popular-post .item .post-thumb img{
  width:100%;
  display:block;
}

.popular-post .item .post-thumb a{
  position: relative;
}

.popular-post .item h4{
  position: relative;
  font-size: 15px;
  font-weight: 600;
  margin: 0px 0px 4px;
  line-height: 26px;
  color:#000;
}

.popular-post .item h4 a{
  color: #000;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.recent-posts.post-thumb .post .post-info{
  font-size: 14px;
  font-weight:400;
  margin:0px;
  line-height:1.6em;
  color: #9c9c9c;
}

.popular-post .item .post-info {
  color: #848484;
  font-size: 15px;
}

.inner-title {
  position: relative;
}

.inner-title h4 {
  position: relative;
  font-size: 26px;
  color: #000;
  font-weight: 600;
}

.popular-title h4 {
  position: relative;
  font-size: 26px;
  color: #000;
  font-weight: 600;
  margin-top: 40px;
}
.single-blog-post .img-box img{
  width: 100%;
}

.single-blog-post .author {
  background-color:#ffffff;
  position:relative;
  margin-bottom: 2px;
}

.single-blog-post .author img {
  position:absolute;
}

.single-blog-post .author-comment {
  margin-left:340px;
  padding-left:30px;
}

.single-blog-post .author-comment .quote {
  font-size: 25px;
  color: #f1f1f1;
  margin-bottom: 15px;
}
.single-blog-post .author-comment h5 {
  font-weight: 600;
  margin: 16px 0 5px 0;
  text-transform: uppercase;
  font-size: 18px;
}

.author .icon i{
  font-size: 70px;
  text-align: center;
  color: #ea0918;
}

.single-service{
  position: relative;
}

.single-service img{
  width: 100%;
}

.single-service .content-style-two .list li{
  position: relative;
  display: block;
  padding: 0px 0px 0px 23px;
  margin-bottom: 16px;
}
.single-service .content-style-two .list li:before{
  position: absolute;
  content: "";
  font-size: 14px;
  height: 10px;
  width: 10px;
  left: 0px;
  top: 6px;
  background: #ea0918;
}

.single-service.content-style-two .list p{
  margin-bottom: 6px;
}

.single-service .content-style-two .img-box{
  position: relative;
  top: 7px;
}

.single-service .text h4{
  font-size: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #000;
  font-weight: 600;
}

.single-service .text p{
  margin-bottom: 20px;
}

.single-service .content-side h4{
  font-size: 30px;
  margin-bottom: 20px;
  color: #000;
  font-weight: 600;
}

/*review-tab*/

.single-blog .product-review-tab {
  margin: 0 27px;
}

.product-review-tab .item_review_content {
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
  padding-left: 80px;
}

.product-review-tab .item_review_content .img_holder {
  position: absolute;
  left: 0;
  top: 0;
}

.product-review-tab .add_your_review {
  margin: 81px 0 0px 0px;
}

.product-review-tab .add_your_review>span {
  display: block;
  margin: 36px 0 14px 0;
  color: #a2a2a2;
}

.product-review-tab .add_your_review ul,
.product-review-tab .add_your_review ul li {
  display: inline-block;
  color: #a2a2a2;
}

.product-review-tab .add_your_review ul.rating:hover li,
.product-review-tab .add_your_review ul.rating.active li{
  color: #23aef4;
  transition: .5s ease;
}

.news .blogList_single_post .post .product-review-tab .add_your_review ul.rating li {
  font-size: 12px;
  margin-right: 3px;
  color:#d6d6d6;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.news .blogList_single_post .post .product-review-tab .add_your_review ul.active li {
  color: #ab7442;
}

.news .blogList_single_post .post .product-review-tab .add_your_review ul:hover li{
  color: #ab7442;
}

.product-review-tab .add_your_review ul {
  line-height: 20px;
  border-right: 1px solid #d6d6d6;
  padding-right: 6px;
  margin-right: 5px;
}

.product-review-tab .add_your_review ul.fix_border {
  border:none;
}

.product-review-tab .add_your_review form {
  margin-top:31px;
}

.product-review-tab .add_your_review form label {
  color: #222;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
}

.product-review-tab .add_your_review form input {
  height:54px;
  padding: 0 15px 0 19px;
}

.product-review-tab .add_your_review form textarea {
  max-width: 100%;
  min-height: 165px;
  padding: 15px 17px 5px 19px;
}

.product-review-tab .add_your_review form input,
.product-review-tab .add_your_review form textarea {
  width:100%;
  border: 1px solid #cacaca;
  margin-bottom: 30px;
  color: #676767;
  resize: none;
}

.news.single-blog .blogList_single_post .post ul li:before {
  display: none;
}




/*** 

====================================================================
  9. Faq style
====================================================================

***/



.faq{
  padding: 90px 0 10px;
}

.faq .column{
  position: relative;
  margin-bottom: 60px;
}

.accordion-box{
  position:relative;
  margin-right:0px; 
}

.accordion-box h2{
  font-size:30px;
  margin-bottom:30px;
  color:#000000;  
}

.accordion-box .accordion{
  position:relative;
  margin-bottom:12px;
}

.accordion-box .accordion .accord-btn{
  position:relative;
  display:block;
  line-height:30px;
  padding:12px 50px 12px 30px;
  border:1px solid #e0e0e0;
  color: #ea0918;
  cursor:pointer;
  background:  #fff;
}

.accordion-box.style-two .accordion .accord-btn{
  border-color:#f0f0f0;
  box-shadow: 10px 10px 10px 0px #f0f0f0;
  border-radius: 100px;
}

.accordion-box .accordion .accord-btn h4{
  position:relative;
  font-size:18px;
  line-height:30px;
  color: #222;
  font-weight:400;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.accordion-box .accordion .accord-btn.active h4 {
  color: #fff;
}

.accordion-box .accordion .accord-btn:after{
  content:'\f067';
  font-family: 'FontAwesome';
  position:absolute;
  right:10px;
  top:50%;
  margin-top:-15px;
  width:30px;
  height:30px;
  line-height:30px;
  font-size:18px;
  font-weight:normal;
}

.accordion-box.style-two .accordion .accord-btn:after{
  content: '\f067';
  font-family: 'FontAwesome';
}

.accordion-box .accordion .accord-btn.active:after{
  content:'\f0d8';
}

.accordion-box.style-two .accordion .accord-btn.active:after{
  content: '\f068';
  font-family: 'FontAwesome';
}

.accordion-box .accordion .accord-btn.active{
  color:#ffffff;
  background: #ea0918;
  border-color: #ea0918;
}

.accordion-box .accordion .accord-content{
  position:relative;
  padding:20px 25px 10px;
  border-top:none;
  font-size:16px;
  display:none;
}

.accordion-box .accordion .accord-content.collapsed{
  display:block;  
}

.accordion-box .accordion .accord-content p{
  position:relative;
}


/*Contact Form*/

.contact-form h2 {
  position: relative;
}

.contact-form .form-group:last-child {
  margin-bottom: 30px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="subject"],
.contact-form input[type="phone"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea {
  display: block;
  width: 100%;
  height: 55px;
  font-size: 16px;
  color: #848484;
  line-height: 30px;
  padding: 12px 25px;
  font-weight: 300;
  background-color: #ffffff;
  border-radius: 0px;
  border: 1px solid #ececec;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: #26bdef;
}

.contact-form textarea {
  height: 150px;
  resize: none;
  padding: 12px 25px;
}

.contact-form button {
  font-size: 14px;
  padding: 10px 41px 10px;
  cursor: pointer;
}


/* form style four */

.contact-form.style-four .form-group {
  margin-bottom: 20px;
}

.contact-form.style-four input[type="text"],
.contact-form.style-four input[type="email"],
.contact-form.style-four input[type="subject"],
.contact-form.style-four input[type="phone"],
.contact-form.style-four input[type="password"],
.contact-form.style-four select,
.contact-form.style-four textarea {
  background: #fff;
  border-color: #ea09182e;
  box-shadow: none;
}

.contact-form.style-four textarea {
  height: 284px;
}




/*
=====================================
  10. Fact Counter Section
=====================================
*/


.fact-section{
  position:relative;
  padding: 90px 0px 45px;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center bottom;
}

.fact-section:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: rgba(0, 0, 0, 0.83);
}

.fact-icon i:before{
  color: #ffffff;
  font-size: 50px;
  margin: 0;
}

.fact-section .title-column{
  position:relative;
  margin-bottom:30px;
}

.fact-section .title-column .title-inner{
  position:relative;
  min-height:180px;
}

.fact-section .title-column .title-inner .number{
  position:absolute;
  color:#ea0918;
  font-size: 80px;
  font-weight:700;
  font-family: "Roboto Condensed", Regular;

  text-align:center;
  display:inline-block;
}

.fact-section .title-column .title-inner .number:before{
  position: absolute;
  content: '';
  left: 0px;
  bottom: 16px;
  width: 150px;
  height: 2px;
  background-color: #ffffff;
}
.fact-section .title-column .title-inner .number:after{
  position: absolute;
  content: '';
  left: 0px;
  bottom: 9px;
  width: 214px;
  height: 2px;
  background-color: #ffffff;
}

.fact-section .title-column .title-inner .text{
  position:relative;
  color:#ffffff;
  font-size:24px;
  font-family: "Roboto Condensed", Regular;

  font-weight:300;
  line-height:1.4em;
  padding-top: 111px;
  display:inline-block;
}

.fact-counter{
  position:relative;
}

.fact-counter .column{
  position:relative;
  z-index:5;
  margin-bottom:40px;
}

.fact-counter .column .inner{
  position:relative;
  text-align:center;
}

.fact-counter .count-outer{
  position:relative;
  font-size:36px;
  font-weight:500;
  margin:0px 0px;
}

.fact-counter .count-outer .count-text{
  position:relative;
  font-weight: 600;
  color: #FFB300;
  font-family: "Roboto Condensed", Regular;

  font-size: 60px;
}

.fact-counter .column .counter-title{
  position:relative;
  font-weight: 500;
  font-size: 20px;
  color: #eaeaea;
  font-family: "Roboto Condensed", Regular;

}

.fact-section-2{
  position:relative;
  padding: 90px 0px 50px;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center bottom;
}

.fact-section-2:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: rgba(0, 0, 0, 0.89);
}

.consultation {
  background: #ea0918;
  padding: 55px 30px 36px;
}

.consultation .sec-title h1{
  font-size: 36px;
  text-align: center;
  color: #fff;
  font-weight: 600;
}

.consultation .column {
  padding: 0 10px;
}

.consultation .contact-form .form-group {
  margin-bottom: 20px;
}

.consultation .contact-form input[type="text"],
.consultation .contact-form input[type="email"],
.consultation .contact-form input[type="password"],
.consultation .contact-form select {
  height: 45px;
}

.consultation .contact-form textarea {
  height: 82px;
}

.consultation .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 25px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.consultation .form-control:focus {
  border-color: #ea0918;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.contact-section-btn .form-group .theme-btn{
  font-size: 16px;
  padding: 10px 30px;
  background: #fff;
  font-weight: 600;
  color: #ea0918;
}

.fact-counter-2{
  position:relative;
}

.fact-counter-2 .column{
  position:relative;
  z-index:5;
  margin-bottom:40px;
}

.fact-counter-2 .column .inner{
  position:relative;
  text-align:center;
  padding: 26px 0;
  border: 1px solid #ffffff5e;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fact-counter-2 .count-outer{
  position:relative;
  line-height: 1em;
  font-weight:500;
  margin: 17px 0px;
}

.fact-counter-2 .count-outer .count-text{
  position:relative;
  font-weight: 600;
  color: #ea0918;
  font-size: 50px;
  font-family: "Roboto Condensed", Regular;

}

.fact-counter-2 .count-outer .count-text.style-2{
  font-size: 80px;
}

.fact-counter-2 .column .counter-title{
  position:relative;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin-top:8px;
  font-family: "Roboto Condensed", Regular;

}

.fact-counter-2 .column .counter-title.style-2{
  font-size: 22px;
}

.fact-icon-2 i:before{
  position: relative;
  color: #ffffff;
  font-size: 46px;
  margin: 0;
}






/*** 

====================================================================
  11. google map Section
====================================================================

***/




.home-google-map #contact-google-map {
  width: 100%;
  height: 430px;
}

.home-google-map .gmnoprint {
    display: none;
}






/*** 

====================================================================
  12. contact Section
====================================================================

***/




.contact-us-info{
  padding: 90px 0 50px;
}

.contact-us-item-one{
  position: relative;
  text-align: center;
  background: #ffffff;
  transition: all 1s ease 0s;
  margin-bottom: 40px;
  border: 1px solid #ffcb4f;
  padding: 40px 60px;
}

.contact-us-item-one .icon{
  line-height: 50px;
  margin-bottom: 10px;
}

.contact-us-item-one .icon i:before{
  font-size: 40px;
  color: #FFB300;
  margin: 0;
}

.contact-us-item-one .icon i:after{
  content: "";
  width: 40%;
  border-top: 2px solid #FFB300;
  display: block;
  margin: 15px auto;
  transition: all 0.8s ease 0s;
}

.contact-us-item-one:hover .icon i:after{
  width: 80%;
}

.contact-us-item-one strong {
  font-size: 17px;
  font-weight: 700;
  color: #000000;
  line-height: 26px;
  text-transform: uppercase;
  font-family: "Roboto Condensed", Regular;

}

.contact-us-item-one p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 25px;
 /* padding: 10px 30px;*/
}

.contact-us-item-one a{
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 25px;
}

.contact-us-item-one a:hover{
  color: #000;
  transition: all 1s ease 0s;
}

.contact-page .section-title h1{
  color: #ffffff1c;
}

.contact-page .section-title h2{
  color: #fff;
}

.contact-page .map-area{
  margin-right: -15px;
}

.contact-page .google-map {
  width: 100%;
  height: 777px;
}

.contact-page .gmnoprint {
  display: none;
}

.contact-form-area{
  position: relative;
  margin-left: -15px;
  padding: 122px 115px 184px 88px;
  background-size: cover!important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.contact-form-area .contact-icon  ul li{
  display: inline-block;
}

.contact-form-area .contact-icon ul li a{
  text-decoration: none;
  font-size: 18px;
  margin-bottom: 10px;
  margin-right: 25px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #ea0918;
  background: #fff;
  line-height: 50px;
  border-radius: 50%;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}

.contact-form-area .contact-icon ul li a:hover{
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
   background: #444444;
  color: #ffffff;
}

.contact-form-area .contact-icon .face-icon{
  position: absolute;
  margin-top: 30px;
  left: 50%;
  margin-left: -124px;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}

.contact-form-area:before{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(29, 34, 38, 0.86);
}
.contact-form-area .form-group{
  margin-bottom: 30px;
}

.contact-form-area input,
.contact-form-area textarea{
  font-size: 15px;
  color: #ffffff;
  height: 60px;
  padding: 15px 20px;
  font-weight: 400;
  background: rgba(247, 247, 247, 0.05);
  border-radius: 5px;
  width: 100%;
  border: 1px solid #737474;
  transition: all 1s ease 0s;
  font-family: "Roboto Condensed", Regular;

}

.contact-form-area input:focus,
.contact-form-area textarea:focus{
  border-color: #ff6363;  
  box-shadow: none;
  background: transparent;
  transition: all 1s ease 0s;
}

.contact-form-area textarea{
  resize: none;
  height: 182px;
}



/*============================= Sidebar Style One ==================*/



.sidebar_search {
  height: 54px;
  position: relative;
}

.sidebar_search input {
  width:100%;
  height:54px;
  border:none;
  border: 1px solid #f7266140;
  padding: 0 56px 0 12px;
  color: #ea0918;
}

.sidebar_search button {
  width:54px;
  height:100%;
  position: absolute;
  top:0;
  background: #ea0918;
  right:0;
  color:#fff;
}

.sidebar_tags {
  margin:60px 0 -6px 0;
}

.sidebar_tags.style-2{
  position: relative;
  margin: 0;

}

.sidebar_tags ul {
  margin-top: 10px;
  padding: 24px 0px;
}

.sidebar_tags ul li {
  display: inline-block;
  margin: 0 4px 8px 0;
}

.sidebar_tags ul li a {
  display: block;
  font-weight: normal;
  font-size: 15px;
  color: #828282;
  line-height: 32px;
  border: 1px solid #f1f1f1;
  background: #fff;
  border-radius: 2px;
  text-align: center;
  padding: 0 14px;
  font-weight: 600;
}

.sidebar_tags ul li a:hover {
  color: #ffffff;
  background: #ea0918;
}




/*
=====================================================
 13. Team style
=====================================================
*/




.team{
  position: relative;
  background-size: cover;
  padding: 90px 0 60px;
}

.our-team{
  position: relative;
  overflow: hidden;
  border: 1px solid #ea091840;
  margin-bottom: 30px;
}
.our-team img{
  width: 100%;
  height: auto;
}
.our-team .team-content{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 46px 18px;
  transform: translateX(-100%);
  transition:all 700ms ease;
  background: #000000eb;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.our-team:hover .team-content{
  transform: translateX(0);
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.our-team .team-content .post-title{
  font-size: 24px;
  color: #fff;
  font-weight: 600;
}

.our-team .team-content .post{
  font-size: 16px;
  color: #ffffff;
  display: block;
  margin-bottom: 20px;
}

.our-team .text{
  font-size: 14px;
  line-height: 25px;
  color: #fff;
  margin-bottom: 20px;
}

.our-team .team_social{
  margin:0;
  padding:0;
  list-style: none;
}

.our-team .team_social li{
  display: inline-block;
  margin-right: 5px;
}

.our-team .team_social li a{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #f5f5f5;
  font-size: 17px;
  color: #ea0918;
  line-height: 39px;
  background: #fff;
  text-align: center;
  display: inline-block;
  transition: border 0.3s ease 0s;
}

.our-team .team_social li a:hover{
  border-color: #ea0918;
}

.our-team .team-prof{
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 16px 16px;
  background: #ea0918;
  transform: translateX(0);
  transition: all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.our-team:hover .team-prof{
  transform: translateX(-98%);
  transition: all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.our-team .team-prof .post-title{
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  margin: 0 0 8px 0;
}

.our-team .team-prof .post{
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}



/*
------------------------------------------------
  Team Section 
------------------------------------------------
*/



.team-section{
  position: relative;
  padding: 90px 0 50px;
  background-size: cover;
}

.team-item-one{
  position: relative;
  border-radius: 30px;
  text-align: center;
  margin-bottom: 40px;
  background: #fff;
  border: 1px solid #807c7c2e;
}

.team-item-one .team-text-area{
  padding-bottom: 45px;
  transition:all 700ms ease;
}

.team-item-one .team-text{
  padding: 57px 50px 0px;
  transition:all 700ms ease;
}

.team-item-one h6{
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
  color: #ea0918;
  line-height: 30px;
}

.team-item-one span{
  font-size: 14px;
  font-weight: 500;
  color: #848484;
  font-family: "Roboto Condensed", Regular;

}

.team-item-one p{
  font-size: 16px;
  font-weight: 400;
  color: #888888;
  line-height: 24px;
  padding-top: 10px;
  margin-bottom: 10px;
}

.team-item-one .social-links {
  margin-top: 20px;
  background: #efefef;
  transition:all 500ms ease;
}
.team-item-one:hover .social-links{
  background: #ea0918;
  transition:all 500ms ease;
}

.team-item-one .social-links li{
  display: inline-block;
}

.team-item-one .social-links li a{
  font-size: 16px;
  color: #ea0918;
  padding: 17px 10px;
  display: inline-block;
  transition:all 500ms ease;
}

.team-item-one:hover .social-links li a{
  color: #fff;
  transition:all 500ms ease;
}




/*** 
=============================================
  14. page_pagination style
=============================================
***/





.page_pagination {
  text-align: center;
  padding: 15px 0 20px 0;
}

.page_pagination.style-2{

  padding: 40px 0 0;
}

.page_pagination li {
  display: inline-block;
  margin:0 4px;
}

.page_pagination li a {
  width: 40px;
  line-height: 41px;
  border: 1px solid rgba(255, 34, 80, 0.23);
  text-align: center;
  color: #252525;
  font-size: 18px;
}

.page_pagination li a.active,
.page_pagination li a:hover {
  color:#fff;
  background: #ea0918;
}

.single-review-box {
  margin-bottom: 10px;
  padding-left: 96px;
  position: relative;
  background: #f7f7f7;
  border: 1px solid #0000002e;
}

.single-review-box img{
  border: 2px solid #00000042;
  border-radius: 50%;
}

.single-review-box .img-holder {
  left: 18px;
  position: absolute;
  top: 20px;
}

.single-review-box .text-holder {
  padding: 20px 24px 0px;
}

.single-review-box .name h4{
  color: #000;
  font-weight: 600;
}

.single-review-box .text-holder .top {
  margin: 0 0 8px;
  overflow: hidden;
}

.single-review-box .text-holder .top .review-box ul li a{
  color: #ea0918;
  background: #ffffff;
}

.single-review-box .text-holder .top .review-box ul li a i{
  margin-right: 5px;
}

.single-review-box .text-holder .top .review-date {
  color: #ab7442;
  margin-top: -5px;
}

.single-review-box .text-holder .text p {
  margin: 0 0 15px;
}

.single-review-box .text-holder .text a.reply {
  color: #ab7442;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}





/*** 
========================================
  15. Error Page
========================================
***/



.error-section{
  position:relative;
  text-align:center;
  padding: 95px 0px 120px;
  background-size: cover;
}

.error-section .error-text{
  position: relative;
  text-align:center;
}

.error-section .error-text h2{
  position:relative;
  color:#222;
  font-size:200px;
  font-weight:900;
  line-height:1em;
  letter-spacing:4px;
}

.error-section h3{
  position:relative;
  color:#26292d;
  font-weight:700;
  font-size:42px;
  margin-bottom: 15px;
  margin-top:20px;
  line-height:1.2em;
}

.error-section .text{
  font-size:20px;
  font-weight:300;
  margin-top:30px;
  margin-bottom:50px;
  color:rgba(0,0,0,0.60);
}

.error-section .error-options{
  position:relative;
}

.error-section .error-options .or{
  position:relative;
  color:#2f2f2f;
  font-size:18px;
  margin:0px 18px;
  font-weight:500;
}

.error-section .btn-style-one{
  padding:15px 27px;
  border-radius:3px;
}

.error-search-box{
  position:relative;
  margin-top:12px;
  width:320px;
  display:inline-block;
}

.error-search-box .form-group{
  position:relative;
  margin:0px; 
}

.error-search-box .form-group input[type="text"],
.error-search-box .form-group input[type="search"]{
  position:relative;
  line-height:32px;
  padding:10px 50px 10px 20px;
  border:1px solid #ededed;
  display:block;
  font-size:14px;
  width:100%;
  height:55px;
  border-radius:3px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.error-search-box .form-group input:focus{
  border-color: #ea0918;
}

.error-search-box .form-group button{
  position:absolute;
  right:0px;
  top:0px;
  height:55px;
  width:50px;
  line-height:52px;
  text-align:center;
  display:block;
  font-size:14px;
  color:#c0c0c0;
  background:none;
  border-radius:0px 3px 3px 0px;
  font-weight:normal;
}

.error-search-box .form-group input:focus + button,
.error-search-box .form-group button:hover{
  color: #ea0918;
  border-color: #ffffff;
}





/*
=======================================
  16. About Style 
=======================================
*/



.about {
  padding: 30px 0 40px;
  background-color: #f7f7f7;
}
.about .content-box{
}
.about .content-box .text{
  margin-bottom: 30px;
}

.about .content-box .section-title{
  text-align: left;
}

.about .content-box .section-title {
  /*margin-bottom: 33px;*/
}

.about .content-box .thm-btn {
  margin-top: 30px;
}

.single-about {
  margin-bottom: 30px;
}

.single-about .more-btn{
  color: #ea0918;
  font-size: 16px;
  font-weight: 600;
}

.single-about .icon, .about .single-about .about-box {
  display: table-cell;
  vertical-align: middle;
}

.single-about .icon .inner{
  background: #FFB300;
  text-align: center;
  border-radius: 100px;
  height: 80px;
  width: 80px;
  top: -18px;
  position: relative;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.single-about .icon .inner i:before {
  font-size: 30px;
  color: aliceblue;
  line-height: 80px;
  margin: 0;
}

.about .single-about .about-box {
  padding-left: 30px;
}

.single-about .about-box h3, .single-about .about-box .text {
  margin-bottom: 8px;
}

.single-about h3 a{
  border-bottom: 1px solid #FFB300;
  display: inline-block;
  position: relative;
  margin-bottom: 7px;
}

.single-about h3 a{
  color: #000;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 0px 8px 0px;
  display: block;
  transition: all 0.3s ease 0s;
}

.single-about:hover h3 a{
  color: #000;
}

.single-about h3 a:before{
  content: '';
  height: 3px;
  width: 30%;
  background-color: #FFB300;
  position: absolute;
  left: 0;
  bottom: -2px;
  transition:all 0.3s ease 0s;
}

.single-about:hover h3 a:before{ 
  width: 100%;
}


/*======= about-2==========*/

.about-2 {
  padding: 90px 0 90px;
  background-color: #000000;
}

.about-2 .section-title h1{
  color: #ffffff1a;
}

.about-2 .section-title h2{
  color: #fff;
}


.about-2 .content-box .text{
  margin-bottom: 30px;
  color: #c1bcbc;
}

.about-2 .content-box .section-title{
  text-align: left;
}

.about-2 .content-box .section-title {
  margin-bottom: 33px;
}
.about-2 .content-box .thm-btn {
  margin-top: 30px;
}

.single-about-2 {
  margin-bottom: 12px;
  margin-top: 15px;
}

.single-about-2 .icon, .single-about-2 .about-box {
  display: table-cell;
  vertical-align: middle;
}

.single-about-2 .icon .inner{
  height: 80px;
  width: 80px;
}

.single-about-2 .icon .inner i:before{
  font-size: 50px;
  text-align: center;
  color: #fff;
  line-height: 35px;
}

.single-about-2 .about-box{
  padding-left: 17px;
}

.single-about-2 .about-box h3, .single-about-2 .about-box .text {
  margin-bottom: 10px;
  color: #c1bcbc;
}

.single-about-2 .more-btn{
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}

.single-about-2 h3 a{
  display: inline-block;
  position: relative;
  margin-bottom: 7px;
}

.single-about-2 h3 a{
  color: #ea0918;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 0px 0px 0px;
  display: block;
  transition: all 0.3s ease 0s;
}

.single-about-2:hover h3 a{
  color: #fff;
}









/*
=======================================
  17. Service styles 
=======================================
*/




.service{
  padding: 40px 0 30px;
  background-size: cover;
}

.service.style-2{
  position: relative;
  background-color: #f7f7f7;
}

.service-item{
  padding: 35px 20px 25px;
  border: 1px solid #0198f114;
  text-align: center;
  position: relative;
  transition: all 0.3s ease 0s;
  background: #fff;
  margin-bottom: 30px;
}

.service-item:hover{
  border-color: #FFB300;
  background: #e1e1e1;
}


.service-item .service-icon{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #FFB300;
  color: #FFB300;
  margin: 0 auto 15px;
  position: relative;
}
.service-item .service-icon:hover{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #FFB300;
  margin: 0 auto 15px;
  position: relative;
}





.service-item .service-icon i:before{
  margin: 0;
  transform: scale(1);
  text-align: center;
  font-size: 36px;
  line-height: 80px;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.service-item:hover .service-icon i:before{
  transform: scale(1.15);
  color: #ffffff;
}

.service-item .title a{
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #000000;

  margin: 0 0 15px 0;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.service-item:hover .title a{
  color: #000;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.service-item .title:after{
  content: "";
  width: 25%;
  border-top: 2px solid #FFB300;
  display: block;
  margin: 15px auto;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.service-item:hover .title:after{
  width: 80%;
  border-color: #fff;
}

.service-item .text{
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 20px;
}

.service-item:hover .text{
  color: #000;
}


.service-2{
  position: relative;
  background-size: cover;
  padding: 90px 0 60px;
}

.servicebox-2{
  color: #606060;
  position: relative;
  margin-bottom: 30px;
}

.servicebox-2 .service-content{
  text-align: center;
  border-radius: 25px;
  position: relative;
  border: 1px solid #08000114;
  background: #fff;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
  padding: 40px 16px 15px;
}

.servicebox-2 .service-content:hover{
  box-shadow: 0 0 20px -5px #000000ad;
}

.servicebox-2 .service-icon{
  line-height: 126px;
  width: 126px;
  height: 126px;
  margin: 0 auto 30px;
  border-radius: 50%;
  display: block;
  border: 1px solid #ea0918;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.servicebox-2:hover .service-icon{ 
  box-shadow: 0 0 25px -5px #707070; 
}

.servicebox-2 .service-icon i:before,
.servicebox-2 .service-icon span:before{
  color: #ea0918;
  font-size: 60px;
  width:100%;
  height:100%;
  position:absolute;
  margin:0;
  top:0;
  left:0;
  z-index: -1;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.servicebox-2 .service-icon i:before{
  color: #fff;
  background: #ea0918;
  border-radius: 50%;
  top: 100%;
  left: 0;
}
.servicebox-2:hover .service-icon span:before{
 top: -100%; 
}

.servicebox-2:hover .service-icon i:before{
 top: 0; 
}

.servicebox-2 .title a{
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  text-transform: capitalize;
  margin: 0 0 15px 0;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}
.servicebox-2 .title a:hover{
  color: #ea0918;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.servicebox-2 .text{
  color: #848484;
}










/*
===========================================
  18. Welcome Style
===========================================
*/



.welcome{
  position: relative;
  background-size: cover;
  padding: 40px 0 40px;
}

.welcomestyle-2{
  position: relative;
  background-size: cover;
}

.welcome img{
  width: 100%;
}

.welcome .title h2{
  font-size: 38px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: -8px;
  color: #000;
}

.welcome .title span{
  color: #FFB300;
}

.welcome .slide-text p{
  font-size: 14px;
  color: #000000;
  margin-bottom: 10px;
}

.video-image-box .image  span:before{
  font-size: 70px;
  margin-right: 6px;
  background: #ea0918;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  padding: 14px;
  line-height: 50px;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.welcome .provide h4{
  font-size: 28px;
  color: #222222;
  margin-bottom: 20px;
}

.welcome .provide h5{
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 22px;
  color: #000000;
}

.video-image-box{
  overflow: hidden;
}
.video-image-box .image {
  position: relative;
}

.video-image-box img {
  width: 100%;
  opacity: 1;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.video-image-box:hover img{
  transform: scale(1.1);
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}

.video-image-box .image .overlay-link {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-align: center;
  background: rgba(0, 0, 0, 0.10);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}






/*
========================================================
  19. Sponsor Style 
========================================================
*/



.sponsors-style-one {
  position:relative;
  padding: 90px 0;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center bottom;
}

.sponsors-style-one:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: rgba(0, 0, 0, 0.83);
}

.sponsor-text h4{
  position: relative;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
}

.sponsor-text .text{
  position: relative;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  font-family: "Roboto Condensed", Regular;

  margin-bottom: 25px;
}

.sponsors-style-one.style-2{
  padding: 65px 0 100px;
}

.sponsors-style-one.style-3{
  padding: 85px 0 100px;
}

.sponsors-carousel-one{
  text-align: center;
}

.sponsors-carousel-one .image-box{
  border: 1px solid #ffffff3d;
  padding: 30px 0;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}

.sponsors-carousel-one .image-box:hover{
  border: 1px solid #ea0918;
  transition:all 400ms ease;
  -moz-transition:all 400ms ease;
  -webkit-transition:all 400ms ease;
  -ms-transition:all 400ms ease;
  -o-transition:all 400ms ease;
}





/*
================================================
  20. Testimonials Section style
================================================
*/



.testimonials-section{
  position:relative;
  padding: 90px 0px 87px;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center bottom;
}

.testimonials-section:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: rgba(0, 0, 0, 0.83);
}

.testimonials-section .section-title{
  position: relative;
}

.testimonials-section .section-title h2{
  color: #fff;
}

.testimonials-section .section-title h1{
  position: absolute;
  font-size: 70px;
  width: 100%;
  font-weight: 700;
  color: #ffffff1c;
  bottom: -13px;
  left: 35px;
}


.testimonials-section .img-box a img{
  margin-top: 18px;
  border: 2px solid #ffffff;
  border-radius: 50%;
}

.testimonials-section .slide-text p{
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 10px;
  max-width: 600px;
  margin: 0 auto;
  font-style: italic;
  margin-top: -40px;
}

.testimonials-section .client-name h4{
  margin-top: 18px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 10px;
}

.testimonials-section .client-name h4 span{
  color: #ea0918;
  font-weight: 600;
}

.testimonials-section .client-name h5{
  font-size: 14px;
  color: #ffffff;
}

.testimonials-section .slide-text h4 span{
  color: #104570;
}

.testimonials-section .img-box .icon-box{
  margin-top: 5px;
  margin-right: -8px;
  margin-bottom: 5px;
}

.testimonials-section .img-box .icon-box i{
  font-size: 14px;
  margin-right: 6px;
  color: #104570;
}

.testimonials-section .slide-text img{
  width: 135px;
  height: 80px;
  position: relative;
  left: 50%;
  margin-left: -70px;
  margin-top: 20px;
  margin-bottom:  20px;
}

.testimonials-section .owl-nav{
  display:none !important;
}

.testimonials-section .owl-dots{
  display:block !important;
  text-align: center;
}

.testimonials-section .owl-theme .owl-dots .owl-dot{
  display: inline-block;
  background:none;
  width: 30px;
  height: 5px;
  border: .5px solid #ea0918;
  margin: 0px 3px;
  margin-top: 25px;
}

.testimonials-section .owl-theme .owl-dots .owl-dot.active{
  background: #ffffff;
}

.testimonials-section-2{
  position:relative;
  padding: 90px 0px 85px;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center bottom;
}

.testimonials-section-2:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: rgba(0, 0, 0, 0.83);
}

.testimonials-section-2 .author{
  border: 1px solid #ffffff30;
  padding: 30px 30px 40px;
  background: #00000063;
}

.testimonials-section-2 .column{
  padding: 10px;
}

.testimonials-section-2 .section-title{
  position: relative;
}

.testimonials-section-2 .section-title h2{
  color: #fff;
}

.testimonials-section-2 .section-title h1{
  position: absolute;
  font-size: 70px;
  width: 100%;
  font-weight: 700;
  color: #ffffff1c;
  bottom: -9px;
  left: 35px;
}

.testimonials-section-2 .img-box a img{
  margin-top: 18px;
  border: 2px solid #ffffff;
  border-radius: 50%;
}

.testimonials-section-2 .slide-text p{
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 10px;
  max-width: 600px;
  margin: 0 auto;
  font-style: italic;
  margin-top: -40px;
}

.testimonials-section-2 .client-name h4{
  margin-top: 18px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 10px;
}

.testimonials-section-2 .client-name h4 span{
  color: #ea0918;
  font-weight: 600;
}

.testimonials-section-2 .client-name h5{
  font-size: 14px;
  color: #ffffff;
}

.testimonials-section-2 .slide-text h4 span{
  color: #104570;
}

.testimonials-section-2 .img-box .icon-box{
  margin-top: 5px;
  margin-right: -8px;
  margin-bottom: 5px;
}

.testimonials-section-2 .img-box .icon-box i{
  font-size: 14px;
  margin-right: 6px;
  color: #104570;
}

.testimonials-section-2 .slide-text img{
  width: 135px;
  height: 80px;
  position: relative;
  left: 50%;
  margin-left: -70px;
  margin-top: 20px;
  margin-bottom:  20px;
}

.testimonials-section-2 .owl-nav{
  display:none !important;
}

.testimonials-section-2 .owl-dots{
  display:block !important;
  text-align: center;
}

.testimonials-section-2 .owl-theme .owl-dots .owl-dot{
  display: inline-block;
  background:none;
  width: 30px;
  height: 5px;
  border: .5px solid #ffffff;
  margin: 0px 3px;
  margin-top: 25px;
}

.testimonials-section-2 .owl-theme .owl-dots .owl-dot.active{
  background: #ea0918;
}






/*** 

====================================================================
  21. News Section
====================================================================

***/





.news-section {
  position: relative;
  padding: 90px 0 50px;
  background-size: cover;
  background-color: #f7f7f7;
}

.news-section.style-2{
  padding: 90px 0 70px;
}

.news-block-one {
  position: relative;
  margin-bottom: 40px;
  transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}

.news-block-one:hover:before{
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0) 80%);
  transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}

.news-block-one:hover{
  transform: translateY(-12px);
  transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}

.news-block-one .inner-box {
  position: relative;
  border: 1px solid #0000001a;
}

.news-block-one .inner-box .image {
  position: relative;
  margin-bottom: -6px;
}

.news-block-one .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.news-block-one .inner-box .lower-content {
  position: relative;
  padding: 15px 20px 15px 20px;
  background-color: #ffffff;
  transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}

.news-block-one .inner-box .lower-content h3 {
  position: relative;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 1.4em;
}

.news-block-one .inner-box .lower-content h5 {
  position: relative;
  font-weight: 500;
  font-size: 12px;
  color: #848484;
  margin-bottom: 12px;
  line-height: 1.4em;
}

.news-block-one .inner-box .lower-content h3 a {
  color: #000000;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.news-block-one .inner-box .lower-content h3 a:hover {
  color: #fff;

}

.news-block-one .inner-box .lower-content .text {
  position: relative;
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 15px;
  color: #848484;
}

.news-block-one .inner-box .lower-content .text p {
  position: relative;
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 15px;
  color: rgba(7, 16, 45, 0.60);
}

.news-block-one .inner-box .lower-content .more-detail {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  float: right;
  color: #ea0918;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.news-block-one .inner-box .lower-content .more-detail span{
  position: relative;
  top: 1px;
  right: 5px;
  opacity: 0;
   transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.news-block-one .inner-box .lower-content .more-detail:hover span{
  opacity: 1;
  transform: translateX(8px);
   transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.news-block-one .inner-box .lower-content .more-detail .icon {
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.news-block-one .inner-box .lower-content .more-detail:hover {
  color: #ea0918;
}

.news-block-one .post-meta{
    position: relative;
}

.news-block-one .post-meta li{
  display: inline-block;
}

.news-block-one .post-meta li a{
  position: relative;
  color: #a9a7a7;
  font-size: 15px;
  top: 2px;
  margin-right: 10px;
  font-weight: 600;
  font-family: "Roboto Condensed", Regular;

}
.news-block-one .post-meta li a span{
  color: #ea0918;
  font-weight: 700;
  margin-right: 2px;
}




/*
========================================================
  22. latest-project styles 
========================================================
*/



.latest-project{
  position: relative;
  padding: 90px 0 75px;
  background-size:cover;
}

.latest-project .column{
  padding: 15px;
}

.latest-box{
  text-align: center;
  position: relative;
}

.latest-box img{
  width: 100%;
  height: auto;
}

.latest-box .box-content{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease 0s;
}

.latest-box:hover .box-content{
  background-color: rgba(0, 0, 0, 0.75);
}

.latest-box .box-content:before,
.latest-box .box-content:after{
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.6s ease 0.3s;
}

.latest-box .box-content:before{
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  top: 19px;
  left: 19px;
}

.latest-box .box-content:after{
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  bottom: 19px;
  right: 19px;
}

.latest-box:hover .box-content:before,
.latest-box:hover .box-content:after{
  opacity: 1;
  transform: scale(1);
}

.latest-box .title{
  font-size: 22px;
  color: #000;
  margin: 0;
  position: relative;
  top: 0;
  opacity: 0;
  transition: all 1s ease 0.01s;
}

.latest-box:hover .title{
  top: 50%;
  margin-top: -23px;
  opacity: 1;
  transition: all 0.5s cubic-bezier(1, -0.53, 0.405, 1.425) 0.01s;
}

.latest-box:hover .title:after{
  width: 80%;
  transition: all 1s ease 0.8s;
}

.latest-box .title a i:before{
  font-size: 50px;
  color: #fefefe;
  margin: 0;
}

.latest-project-2{
  position: relative;
  padding: 90px 0 80px;
  background-size:cover;
}

.latest-project-2 .column{
  padding: 10px;
}

.latest-project-2.style-2{
  padding: 100px 0 80px;
}

.project-box{
  text-align: center;
  overflow: hidden;
  perspective: 300px;
  position: relative;
  border: 1px solid #84848452;
}

.project-box:before{
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 1;
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}

.project-box:hover:before{ 
  top: 0; 
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}

.project-box img{
  width: 100%;
  height: auto;
  transform: scale(1.1);
  transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}

.project-box:hover img{ 
  transform: scale(1); 
}

.project-box .box-content{
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: -1px;
  left: 50%;
  opacity: 0;
  z-index: 1;
  transform: translateX(-50%) rotateX(90deg);
  transform-origin: bottom;
  transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}

.project-box .box-content .title i:before{
  font-size: 50px;
}

.project-box:hover .box-content{
  opacity: 1;
  transform: translateX(-50%) rotateX(0deg);
}
.project-box h3 a{
  font-size: 20px;
  color: #ea0918;
  font-weight: 700;
  margin: 20px 0 5px 0;
}
.project-box .post{
  display: inline-block;
  font-size: 16px;
  color: #848484;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0 0 18px 0;
}






/*
========================================================
  23. Company-tab styles 
========================================================
*/



.company{
  position: relative;
  padding: 90px 0 90px;
  background-color: #eaeaea;
}

.company .tab{
  text-align: center;
  position: relative;
  margin-top: 20px;
}

.company img{
  width: 100%;
  border: 5px solid #fff;
}

.company .tab:before{
  content: "";
  width: 100%;
  height: 10px;
  background: #ea0918;
  position: absolute;
  top: 15px;
  left: 0;
  transform: translateY(-50%);
}

.company .tab .nav-tabs{
  display: inline-block;
  border: none;
  margin-bottom: 15px;
}

.company .tab .nav-tabs li a{
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background: #000000;
  text-align: center;
  padding: 0;
  border: none;
  margin-right: 60px;
  position: relative;
}

.company .tab .nav-tabs li:last-child a{
  margin-right: 0;
}

.company .tab .nav-tabs li.active a:hover,
.company .tab .nav-tabs li.active a:focus{
  border: none;
  background: #939393;
}

.company .tab .nav-tabs li a:before{
  content: "";
  width: 10px;
  height: 10px;
  line-height: 10px;
  border-radius: 50%;
  background: #fff;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease 0s;
}

.company .tab .nav-tabs li a:hover:before,
.company .tab .nav-tabs li.active a:before{
  background: #ea0918;
}

.company .tab .nav-tabs li a span{
  display: inline-block;
  font-size: 20px;
  color: #ea0918;
  margin: 0px auto;
  position: absolute;
  top: -30px;
  left: -5px;
  font-weight: 600;
  right: 0;
}

.company .tab .tab-content{
  padding: 30px;
  background: #ea0918;
  text-align: left;
}

.company .tab .tab-content h3{
  position: relative;
  font-size: 40px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}

.company .tab .tab-content h3:before{
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 150px;
  height: 2px;
  background-color: #ffffff;
}

.company .tab .tab-content p{
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 0;
}

.progress-levels{
  position:relative;
  padding: 0 20px;
}
.project-title{
  margin-bottom: 40px;
}

.project-title h4{
  position: relative;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: #000;
}

.project-title p{
  position: relative;
  text-align: center;
  padding: 0 70px;
  margin-top: 15px;
}

.normal-section .column .progress-levels{
  padding-left:15px;  
}

.progress-levels .progress-box{
  position:relative;
  margin-bottom: 40px;
  overflow:hidden;
}

.progress-levels .progress-box:last-child{
  margin-bottom:0px;  
}

.progress-levels .progress-box .box-title{
  position:relative;
  font-size: 14px;
  color: #000000;
  text-transform:capitalize;
  margin-bottom:7px;
  font-family: "Roboto Condensed", Regular;

  font-weight:600;
}

.progress-levels .progress-box .box-title.style-2{
  color: #000;
}

.progress-levels .progress-box .bar{
  position:relative;
  height: 3px;
}

.progress-levels .progress-box .bar .bar-innner{
  position:relative;
  left:0px;
  top:0px;
  width:100%;
  height: 3px;
  background: #fff;
}

.progress-levels .progress-box .bar .bar-fill{
  position:absolute;
  left:-100%;
  top:0px;
  width: 0px;
  height: 8px;
  background: #ea0918;
  -moz-transition:all 2000ms ease 300ms;
  -webkit-transition:all 2000ms ease 300ms;
  -ms-transition:all 2000ms ease 300ms;
  -o-transition:all 2000ms ease 300ms;
  transition:all 2000ms ease 300ms;
}

.progress-levels .progress-box.animated .bar .bar-fill{
  position: relative;
  left:0px;
}

.progress-levels .progress-box .percent{
  position:absolute;
  right:0px;
  width:42px;
  height:20px;
  text-align:center;
  background: #ea0918;
  top:0px;
  font-size:13px;
  color:#ffffff !important;
  line-height:20px;
  text-transform:capitalize;
  opacity:0;
  -moz-transition:all 500ms ease 1500ms;
  -webkit-transition:all 500ms ease 1500ms;
  -ms-transition:all 500ms ease 1500ms;
  -o-transition:all 500ms ease 1500ms;
  transition:all 500ms ease 1500ms;
}

.progress-levels.row .percent{
  right:15px; 
}

.progress-levels .progress-box.animated .percent{
  opacity:1;  
}

.pricing{
  position: relative;
  padding: 90px 0 60px;
}

.pricing.style-2{
  padding: 90px 0 60px;
}

.pricingTable{
  padding: 50px 15px;
  margin-bottom: 30px;
  perspective: 700px;
  z-index: 1;
  border: 1px solid #d2d2d2;
  box-shadow: -7px 1px 20px 0px #00000030;
  position: relative;
  transition: all 0.3s ease-in-out 0s;
}

.pricingTable:hover{ color: #fff; }
.pricingTable:after{
  content: "";
  width: 100%;
  height: 100%;
  background: #ea0918;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  transform: rotateY(70deg);
  transition: all 0.3s ease-in-out 0s;
}

.pricingTable:hover:after{
  opacity: 1;
  transform: rotateY(0deg);
}

.pricingTable .pricingTable-header{
  margin-bottom: 30px;
  text-align: center;
}

.pricingTable .title{
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  color: #000;
  transition: all 0.3s ease-in-out 0s;
}

.pricingTable .text{
  color: #848484;
  padding: 0 13px;
  transition: all 0.3s ease-in-out 0s;
}

.pricingTable:hover .text{
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
}

.pricingTable:hover .title{
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
}

.pricingTable .price-value{
  display: inline-block;
  border-bottom: 2px solid #ea0918;
  font-size: 50px;
  font-weight: 700;
  color: #000;
  transition: all 0.3s ease-in-out 0s;
}

.pricingTable .price-value sup{
  color: #ea0918;
  transition: all 0.3s ease-in-out 0s;
}

.pricingTable:hover .price-value sup{
  color: #000;
  transition: all 0.3s ease-in-out 0s;
}

.pricingTable:hover .price-value{
  border-bottom-color: #fff;
  color: #fff;
}

.pricingTable .lower-box ul {
  position: relative;
  margin: 25px 0;
}

.pricingTable .lower-box ul li {
  font-size: 15px;
  color: #848484;
  padding-left: 18px;
  margin-bottom: 9px;
}

.pricingTable .lower-box ul li strong {
  position: relative;
  color: #000;
  font-weight: 500;
}

.pricingTable .lower-box ul li strong:before {
  content: '\f00c';
  position: absolute;
  left: -18px;
  top: 1px;
  line-height: 15px;
  font-size: 13px;
  font-family: 'FontAwesome';
  color: #e6202d;
}

.pricingTable:hover .lower-box ul li strong:before{
  color: #fff;
}

.pricingTable:hover .lower-box ul li{
  color: #fff;
}

.pricingTable:hover .lower-box ul li strong{
  color: #fff;
}

.pricingTable .pricingTable-signup{
  display: inline-block;
  padding: 8px 32px;
  background: #ea0918;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  transition: all 0.25s ease-in-out 0s;
}

.pricingTable:hover .pricingTable-signup{
  background: #fff;
  color: #ea0918;
}




/*** 

====================================================================
  24. Product Tabs Style
====================================================================

***/



.product-info-tabs{
  position:relative;
  margin-bottom:40px;
}

.project-solution-section .project-title h3{
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #000;
}

.prod-tabs{
  position:relative;
}

.prod-tabs .tab-btns{
  position:relative;
  border-bottom:1px solid #f0f0f0;
}

.prod-tabs .tab-btns .tab-btn{
  position:relative;
  float:left;
  font-size:16px;
  color: #000000;
  font-weight:500;
  padding: 9px 10px;
  margin:0px 0px 0px;
  line-height:24px;
  cursor:pointer;
  border-radius: 0px;
  border: 1px solid #eee;
  border-right:0px;
  border-bottom:0px;
  text-transform:capitalize;
}

.prod-tabs .tab-btns .tab-btn:last-child{
  border-right:1px solid #eeeeee;
}

.prod-tabs .tab-btns .tab-btn.active-btn{
  color: #ea0918;
}

.prod-tabs .tabs-container{
  position:relative;
  border:1px solid #f0f0f0;
  border-top:0px;
  padding: 20px 20px;
}

.prod-tabs .tabs-container .tab{
  position:relative;
  display:none;
}

.prod-tabs .tabs-container .tab.active-tab{
  display:block;  
}

/*list box*/

.list-box{
  position:relative;
}

.list-box li{
  position:relative;
  color: #555;
  font-size: 15px;
  font-weight:400;
  line-height:1.8em;
  padding-left: 30px;
  margin-bottom: 16px;
}

.list-box li:last-child{
  margin-bottom:0px;
}

.list-box li:before{
  position:absolute;
  content:'';
  left:0px;
  top: 7px;
  width: 15px;
  height: 15px;
  background-color: #ea0918;
}

.list-box li span{
  color:#000000;
  font-size:16px;
  font-weight:600;
  position: relative;
}

.conclusion .title h3{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 18px;
  color: #000;
}