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

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Top bar Area Css
05. Header Area Css
06. Mainmenu Area Css
07. Rev Slider Wrapper style
08. Sevices Area style
09. Service Section / Style Two
10. Consltation Area Style
11. About Us Area Style
12. Contact Area style
13. Fact Counter Area style
14. Team Section
15. Testimonial Area style
16. Price Table Sec
17. Blog Section / Blog Style 2
18. Side Bar Area Style 
19. Service Details
20. Latest Project Area style
21. Busizone Pagination
22. Blog Details
23. Project Details
24. FAQ'S area
25. Error Page
26. Footer Area
27. Page Title
28. Testimonial Section
29. Map Section


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

/* Imported styles */

@import url(font.css);

@import url(imp.css);
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(owl.carousel.min.css);
@import url(animate.min.css);
@import url('jquery.fancybox.css');
/*** Flaticon css ***/
@import url('flaticon.css');


@import url('lightbox.css');
@import url('magnific-popup.css');

/*** Jquery ui css ***/
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Bootstrap select picker css ***/
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);


/*==============================================
   Base Css
===============================================*/

html,
body { height: 100% }
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #888888;
  line-height: 26px;
  font-weight: 400;
}

body.hp-2 {
  color: #707070;
}
body.hp-5 {
  color: #121212;
}
button:focus{
  outline: none;
}
h1, h2, h3 {
  font-family: 'Poppins', sans-serif;
  margin: 0;
   
}

h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  margin: 0;
   
}
a{
  -webkit-transition: all 0.5s ease-in;
     -moz-transition: all 0.5s ease-in;
      -ms-transition: all 0.5s ease-in;
       -o-transition: all 0.5s ease-in;
          transition: all 0.5s ease-in;
}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  color: #888888;
}

img {
  max-width: 100%;
    height: auto;
}
i {
  font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
     
}
p{
  font-family: 'Roboto', sans-serif;
   
  color: #888888;
}
button, input, select, textarea {
    font-family: 'Roboto', sans-serif;
     
}
button{
  border: none;
   
}
.thm-btn {
  font-size: 14px;
  font-weight: 600;
  padding: 12px 30px;
   
  font-family: 'Roboto', sans-serif;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.thm-btn:before {
  background-color: rgb(6, 96, 169);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.5, 1);
     -moz-transform: scale(0.5, 1);
      -ms-transform: scale(0.5, 1);
       -o-transform: scale(0.5, 1);
          transform: scale(0.5, 1);
  -webkit-transition: all 0.4s ease 0s;
     -moz-transition: all 0.4s ease 0s;
      -ms-transition: all 0.4s ease 0s;
       -o-transition: all 0.4s ease 0s;
          transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
  border-radius: 5px;
}
.bg-clr1{
  background: #fff;  
  color: #171b20;
  border-radius: 5px;
}
.thm-btn:hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
       -o-transform: scale(1, 1);
          transform: scale(1, 1);
}
.bg-clr2{
  background: #0660a9;  
  color: #fff;
  position: relative;
  border-radius: 5px;
}

.bg-clr3{
  background: #25292f;  
  color: #fff;
  position: relative;
  border-radius: 5px;
}

.bg-clr4{
  background: #0660a9;  
  color: #fff;
  position: relative;
  border-radius: 5px;
}

.bg-clr2:before {
  background-color: #fff;
  color: #fff;
}
.bg-clr2:hover:before{
  opacity: 1;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
      -ms-transform: scale(1, 1); 
       -o-transform: scale(1, 1); 
          transform: scale(1, 1);    
}

.bg-clr4:before {
  background-color: #25292f;
  color: #fff;
}

.bg-clr5{
  background: #159eee;  
  color: #fff;
  position: relative;
  border-radius: 5px;
}
.bg-clr5:before {
  background-color: #ffcd00;
  color: #212121;
}

.bg-clr6{
  background: #ffcd00;  
  color: #212121;
  position: relative;
  border-radius: 5px;
}
.bg-clr6:before {
  background-color: #159eee;
  color: #fff;
}

.bg-clr7{
  background: #fff;  
  color: #363636;
  position: relative;
  border-radius: 10px;
}
.bg-clr7:before {
  background-color: #ffff00;
  color: #363636;
}

.bg-clr8{
  background: #ffff00;  
  color: #363636;
  position: relative;
  border-radius: 10px;
}
.bg-clr8:before {
  background-color: #fff;
  color: #363636;
}

.bg-clr9{
  background: none;  
  color: #707070;
  position: relative;
  border-radius: 10px;
  border:1px solid #d9d9d9; 
}

.bg-clr9:hover{
  background: none;  
  color: #1c9eea;
  border:1px solid #1c9eea; 
}


.bg-clr9:before {
  display: none;
}

.bg-clr10{
  background: #b3c9d2;  
  color: #fff;
  position: relative;
  border-radius: 10px;
}
.bg-clr10:before {
  background-color: #23acf1;
  color: #fff;
}

.bg-clr11{
  background: #23acf1;  
  color: #fff;
  position: relative;
  border-radius: 10px;
}
.bg-clr11:before {
  background-color: #b3c9d2;
  color: #fff;

}

.bg-clr12{
  background: #133046;  
  color: #fff;
  position: relative;
  border-radius: 0;
}
.bg-clr12:before {
  background-color: #fff;
  color: #133046;
}

.bg-clr12:hover{
  color: #133046;
}

.bg-clr13{
  background: #c3614a;  
  color: #fff;
  position: relative;
  border-radius: 0;
}

.bg-clr13:before {
  background-color: #fff;
  color: #133046;
}

.bg-clr13:hover{
  color: #c3614a;
}

.bg-clr14{
  background: #147bcd;  
  color: #fff;
  position: relative;
  border-radius: 0;
}

.bg-clr14:before {
  background-color: #e6b963;
  border-radius: 0;
}

.bg-clr14:hover{
  color: #333;
}

.bg-clr15{
  background: transparent;  
  color: #333333;
  position: relative;
  border: 1px solid #333333;
  border-radius: 0;
}

.bg-clr15:before {
  background-color: #147bcd;
  border: 1px solid #147bcd;
  border-radius: 0;
}

.bg-clr15:hover{
  color: #fff;
  border: 1px solid #147bcd;
}
.sec-title {
  margin-top: -1px;
  padding-bottom: 30px;
  position: relative;
}
.sec-title h2 {
  color: #222222;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
   
  margin: 0 0 1px;
}
.sec-title .border{
  height: 2px;
  width: 50px;
  display: inline-block;
  background: #0660a9;
}
.sec-title.style-two .border{
  height: 1px;
  width: 125px;
  display: inline-block;
  background: #159eee;
  position: relative;
}
.sec-title.style-two .border:before {
    content: "";
    position: absolute;
    left: 42%;
    top: -6px;
    width: 14px;
    height: 14px;
    background: #ffe67f;
    border-radius: 50%;
}
.boxed_wrapper {
  background: #fff none repeat scroll 0 0;
  min-width: 320px;
  overflow-x: hidden;
  width: 100%;
}
.sec-title.style-three h6 {
  font-size: 16px;
  color: #333333;
  font-family: "Poppins";
  padding-bottom: 5px;
}
.sec-title.style-three h2 {
  color: #111111;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.2em;
}

.sec-title.style-three .border {
  width: 70px;
  background: #d0d7d9;
}

/**** Paralex Sec ****/
.parallax,.fixed-bg{
    background-size:cover!important;
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
}
.fixed-bg{
    background-attachment:fixed !important;
    background-size:cover!important;
}
.fixed-bg.stop{background-attachment:scroll!important}
.bg1{background-image:url(../images/resources/newslater-bg.jpg)}
.bg2{background-image:url(../images/resources/paralex-bg-2.jpg)}
.bg3{background-image:url(../images/resources/paralex-bg-3.jpg)}
iframe{
    border:0;
    width:100%;
    float:left;
}

/**** Preloader ****/

.loader-container {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.loader-container::before,
.loader-container::after {
  position: absolute;
  z-index: 3;
  left: 0;
  width: 100%;
  height: 50%;
  content: '';
  background: #fff;
}
.loader-container::before {
  top: 0;
  transition: top 1.2s linear 3.1s;
}
.loader-container::after {
  bottom: 0;
  transition: bottom 1.2s linear 3.1s;
}
.loader-container.done::before {
  top: -50%;
  transition: 1s;
}
.loader-container.done::after {
  bottom: -50%;
  transition: 1s;
}
.progress-circle {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transform-origin: center;
}
.progress-circle .progress-item {
  line-height: 188px;
  width: 200px;
  height: 200px;
  text-align: center;
  border: 2px solid #159eee;
  border-radius: 50%;
}
.progress-circle .progress-item::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -3px;
  margin-left: 0;
  content: '';
  transform-origin: left bottom;
  -webkit-animation: spin 3s linear infinite;
  border-top: solid 10px #159eee;
  border-right: solid 10px #159eee;
  border-top-right-radius: 100%;
}
.progress-circle.float .progress-item::before {
  height: 100px;
  margin-top: 0;
  border-top-width: 2px;
}
.progress-circle.float.loader-shadow::before {
  height: 75px;
  margin-top: -75px;
  border-top-width: 2px;
  margin-left: -3px;
}
.progress-circle.loader-shadow::before,
.progress-circle.loader-shadow::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  content: '';
}
.progress-circle.loader-shadow::before {
  width: 75px;
  height: 75px;
  margin: -43px 0 0 10px;
  transform-origin: left bottom;
  -webkit-animation: spin 3s linear infinite;
  border-top: solid 10px #606060;
  border-right: solid 10px #606060;
  border-top-right-radius: 100%;
}
.progress-circle.loader-shadow::after {
  line-height: 100px;
  width: 150px;
  height: 150px;
  margin: -74px 0 0 -77px;
  transform-origin: center;
  text-align: center;
  color: #606060;
  border: 2px solid #606060;
  border-radius: 50%;
}
.progress-circle.done .progress-item {
  transition: opacity .3s linear 3.1s;
  -webkit-animation: done 3.1s;
  opacity: 0;
}
.progress-circle.done .progress-item::before {
  display: none;
}
.progress-circle.done::before {
  display: none;
}
.progress-circle.done::after {
  transition: opacity .15s linear 3.1s;
  -webkit-animation: done 3.1s;
  opacity: 0;
}
@-webkit-keyframes done {
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(.9);
  }
  30% {
    transform: scale(1.07);
  }
  40% {
    transform: scale(.93);
  }
  50% {
    transform: scale(1.04);
  }
  60% {
    transform: scale(.97);
  }
  80% {
    transform: scale(1.01);
  }
  90% {
    transform: scale(.99);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/* Scroll To Top styles */
.scroll-to-top {
    background: #0660a9;
    border: 2px solid #0660a9;
    border-radius: 20px 20px 0 0;
    bottom: 25px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 45px;
    line-height: 44px;
    position: fixed;
    right: 15px;
    text-align: center;
    -webkit-transition: all 500ms ease 0s;
       -moz-transition: all 500ms ease 0s;
        -ms-transition: all 500ms ease 0s;
         -o-transition: all 500ms ease 0s;
            transition: all 500ms ease 0s;
    width: 45px;
    z-index: 99999;
    -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
       -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
        -ms-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
         -o-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
            box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
  background: #33343f;
}

/*Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #43c3ea;
  outline: none;
}

/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #f4f4f4;
  color: #b8b8b8;
  display: block;
  font-size: 18px;
  font-weight: 700;
  height: 55px;
  padding: 14px 0;
  -webkit-transition: all 500ms ease 0s;
     -moz-transition: all 500ms ease 0s;
      -ms-transition: all 500ms ease 0s;
       -o-transition: all 500ms ease 0s;
          transition: all 500ms ease 0s; 
  width: 55px;
  font-family: 'Poppins', sans-serif;
}
.post-pagination li.active a, .post-pagination li:hover a {
  background: #f5365e;
  color: #fff;
  border: 2px solid #f5365e;
}

/* Overlay styles one */
.overlay-style-one{
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  -webkit-transition-delay: 0.10s;
     -moz-transition-delay: 0.10s;
      -ms-transition-delay: 0.10s;
       -o-transition-delay: 0.10s;
          transition-delay: 0.10s; 
}
.overlay-style-one .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay-style-one .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}

/* Overlay styles two */
.overlay-style-two{
  background-color: rgba(43, 44, 54, 0.9);
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform: scale(0);
  transform: scale(0);
  border: 3px solid #fd3e67;
  -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
       -o-transition: all 0.7s ease;
          transition: all 0.7s ease;
}
.overlay-style-two .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay-style-two .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}

/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area {
  padding: 15px 0px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.top-bar-area .left-side{
  float: left;
}
.top-bar-area .right-side{
  float: right;
}
.top-bar-area h6{
  font-size: 14px;
  font-weight: 500;
  color: #323232;
  line-height: 29px;
}
.top-bar-area .top-right{
  position: relative;
  float: left;
  color: #323232;
  font-size: 14px;
  font-weight: 500;
  padding-right: 15px;
}
.top-bar-area .social-links{
  float: right;
}
.top-bar-area .social-links li {
  display: inline-block;
}
.top-bar-area .social-links li i{
  font-size: 13px;
  color: #848484;
  padding: 8px 10px;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}
.top-bar-area .social-links li:hover i{
  color: #0660a9;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}

/*==============================================
    Top bar Style 2 Area Css
===============================================*/
.top-bar-area.style-two{
  background: #159eee;
  border-bottom: none;  
}
.top-bar-area.style-two h6{
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 29px;
}
.top-bar-area.style-two .top-info {
    float: left;
}
.top-bar-area.style-two p{
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 29px;
}
.top-bar-area.style-two .social-links li i{
  font-size: 16px;
  color: #cccccc;
}
.top-bar-area.style-two .social-links li:hover i{
  color: #fff;
}
.top-bar-area.style-two span {
    float: left;
    padding-right: 15px;
}

/*==============================================
    Header Area Css
===============================================*/
.header-area {
  padding: 34px 0 ;
}
.header-contact-info{
  overflow: hidden;
  float: right;
}
.header-contact-info ul li {
  display: inline-block;
  float: left;
  position: relative;
  padding: 10px 0;
  padding-left: 40px;
  margin-left: 30px;
  padding-right: 30px;
}
.header-contact-info ul li:before{
  content: "";
  right: 0;
  top: 10%;
  position: absolute;
  width: 1px;
  height: 70%;
  background: #000;
  opacity: 0.15;
}
.header-contact-info ul li:last-child:before{
  display: none;
}
.header-contact-info ul li:last-child{
  margin-right: 0;
  padding-right: 0;
}
.header-contact-info ul li .iocn-holder{
  width: 40px;
  position:  absolute;
  left: -22px;
  top: 13px;
}
.header-contact-info ul li .iocn-holder span {
  color: #777777;
  transition: all 500ms ease 0s;
  -webkit-transition: all 500ms ease 0s;
     -moz-transition: all 500ms ease 0s;
      -ms-transition: all 500ms ease 0s;
       -o-transition: all 500ms ease 0s;
          transition: all 500ms ease 0s;
}
.header-contact-info ul li .iocn-holder span:before{
  font-size: 30px;
}
.header-contact-info ul li:hover .iocn-holder span {
  color: #0660a9;    
}
.header-contact-info ul li .iocn-holder, .header-contact-info ul li .text-holder{
} 
.header-contact-info ul li .text-holder {
  padding-left: 5px;
}
.header-contact-info ul li .text-holder h6 {
  color: #222222;
  font-size: 16px;
  font-weight: 500;
   
  margin: -2px 0 5px;
}
.header-contact-info ul li .text-holder p {
  color: #888888;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  line-height: 16px;
}
.top-social-links {
  float: right;
  margin: 15px 0;
}
.top-social-links li {
  display: inline-block;
  margin: 0 0 0 15px;
}
.top-social-links li:first-child {
  margin: 0;
}
.top-social-links li a i {
  color: #848484;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}
.top-social-links li a:hover i{
  color: #f5365e;
}

/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
  position: relative;
  z-index: 999999;
  background: #0660a9;
}

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

.mainmenu-area .mainmenu-bg {
  background: #0660a9;
  -webkit-transition: all 500ms ease 0s;
     -moz-transition: all 500ms ease 0s;
      -ms-transition: all 500ms ease 0s;
       -o-transition: all 500ms ease 0s;
          transition: all 500ms ease 0s;
}
.main-menu {
  float: left;
  position: relative;
}
.main-menu .navbar-collapse {
  padding: 0px
}
.main-menu .navigation {
  float: left;
  margin: 0;
  position: relative;
  font-family: 'Roboto', sans-serif;
}
.main-menu .navigation li {
  float: left;
  padding: 0;
  position: relative;
}
.main-menu .navigation li a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  opacity: 1;
  padding: 15px 18px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease 0s;
     -moz-transition: all 500ms ease 0s;
      -ms-transition: all 500ms ease 0s;
       -o-transition: all 500ms ease 0s;
          transition: all 500ms ease 0s;
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
  background: #25292f;
  position: relative;
  z-index: 1;
}
.free-consulation-button{
  position: relative;
  height: 60px;
  width: 170px;
  font-size: 18px;
}
.free-consulation-button a{
  border-radius: 0;
}
/*.main-menu .navigation > li ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 270px;
  padding: 0px;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  
}
.main-menu .navigation > li:hover ul {
  left: 29px;
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li ul > li {
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-top: 1px solid #373741;
  border-right: none;
}
.main-menu .navigation > li ul > li:first-child{
  border: none;
}
.main-menu .navigation > li ul > li > a {
  background: #2b2c36 none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 20px 12px 20px;
  position: relative;
   
  -webkit-transition: all 500ms ease 0s;
     -moz-transition: all 500ms ease 0s;
      -ms-transition: all 500ms ease 0s;
       -o-transition: all 500ms ease 0s;
          transition: all 500ms ease 0s;
}
.main-menu .navigation > li ul li:hover > a {
  color: #fff;
  background-color: #373741;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}*/

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:100%;
  width:270px;
  z-index:100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  background:#25292f;
  border-bottom: 2px solid #0660a9;
  border-top: none;
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  border-top: 1px solid #ccc;
}
.main-menu .navigation > li > ul > li:first-child{
  border-top:none; 
}
.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding: 8px 0px;
  padding-left: 30px;
  line-height:24px;
  font-weight: 500;
  font-size:15px;
  color:#fff;
  text-align:left;
  padding-right:0px !important;
  text-transform:capitalize;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a:hover {
  color: #0660a9;
}

.main-menu .navigation > li > ul > li ul{
  position:absolute;
  left:100%;
  top:0%;
  width:250px;
  padding: 15px 0;
  z-index:100;
  opacity: 0;
  visibility: hidden;
  transition: .5s ease;
  background:#25292f;
  border-bottom: 2px solid #0660a9;
}

.main-menu .navigation > li > ul > li > ul:before{
  position:absolute;
  content:'';
  right:100%;
  top:0px;
  width:20px;
  height:100%;
}

.main-menu .navigation > li > ul > li > ul li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li > ul li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li  > ul > li a{
    position:relative;
    display:block;
    padding: 8px 0px;
    line-height:24px;
    font-weight: 400;
    font-size:15px;
    color:#fff;
    text-align:left;
    padding-right:0px !important;
    text-transform:capitalize;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li a:hover {
  color: #0660a9;
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
}

.main-menu .navigation li > ul > li.dropdown:hover ul{
  visibility:visible;
  opacity:1;
  left:100%;
  top:0%;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  position:absolute;
  right:10px;
  top: 0;
  width: 50px;
  height: 43px;
  background: url(../images/icon/submenu-icon.png) center center no-repeat;
  text-align:center;
  font-size:16px;
  line-height: 43px;
  color:#ffffff;
  cursor:pointer;
  z-index:5;
  display:none;
}

.free-consulation-button{
  position: relative;
  width: 170px;
  height: 60px;
}
.free-consulation-button a {
  background: rgb(37, 41, 47);
  width: 170px;
  color: #fff;
  height: 60px;
  padding: 18px 25px;
  font-size: 18px;
  position: relative;
  z-index: 1;
}
.free-consulation-button a:hover{
  color: #fff;
  background: rgb(5, 76, 133);
}


/*** ====================================================================
                        Home-Page style 2
====================================================================***/
.header-transparent{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.header-lower.stick.sticky {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  z-index: 10000;
  background: #159eee;
  z-index: 99999;
  -webkit-animation-name: menu_sticky;
  animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
  animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  box-shadow: 0;
}

.header-transparent .sticky-header .transparent-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  top: 25px;
}
.header-transparent .header-lower{
  position: absolute;
  width: 100%;
  z-index:999;
  opacity:1;
  visibility:visible;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.header-transparent.style-two .header-lower{
  padding: 25px 0;
}
.header-transparent.style-two .header-lower.stick.sticky{
  padding: 0;
}
.header-transparent .header-upper{
  position: relative;
  background: #159eee;
  width: 100%;
  padding: 9px 0px;
}
.header-transparent .header-upper .top-left{
  position: relative;
  display: inline-block;
}
.header-transparent .header-upper .top-left li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  top: 1px;
  margin-right: 45px;
}
.header-transparent .header-upper .top-left li:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 1px;
  height: 20px;
  right: -30px;
  top: 3px;
}
.header-transparent .header-upper .top-left li:last-child:before{
  display: none;
}
.header-transparent .header-upper .top-left li i:before{
  font-size: 16px;
  margin-right: 7px;
}
.header-transparent .header-upper .top-right{
  position: relative;
  float: right;
}
.header-transparent .header-upper .top-right .social-top{
  position: relative;
  display: inline-block;
  margin-left: 16px;
  top: 1px;
}
.header-transparent .header-upper .top-right .social-top li a{
  position: relative;
  display: inline-block;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.header-transparent .header-upper .top-right .social-top li a:hover{
  color: #ffb405;
}
.header-transparent .header-upper .top-right .social-top li{
  position: relative;
  display: inline-block;
  margin: 0px 0px 0px 26px;
}
.header-transparent .logo-box{
  margin: 21px 0;
}
.header-transparent .logo-box a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.header-transparent .info-box{
  position: relative;
  display: inline-block;
}
.header-transparent .menu-bar{
  position: relative;
  float: right;
  right: 54px;
}

.header-transparent.style-bg.white .menu-bar {
  position: relative;
  float: right;
  right: -54px;
}

.header-transparent.style-five .menu-bar{
  position: relative;
  float: right;
  right: 0;
}
.header-transparent .transparent-menu{
  position:relative;
  display: inline-block;
  right: 32px;
}
.header-transparent .sticky-header .transparent-menu {
  right: 25px;
}
.header-transparent .transparent-menu .navbar-collapse{
  padding:0px;  
}
.header-transparent .transparent-menu .navigation{
  position:relative;
  margin:0px;
}
.header-transparent .transparent-menu .navigation > li{
  position:relative;
  display: inline-block;
  margin-left: 30px;
}
.header-transparent .transparent-menu .navigation > li > a > i:before{
  margin-right: 5px;
  font-size: 16px;
}
.header-transparent .transparent-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:16px;
  color: #fff;
  line-height: 26px;
  padding: 0 0px 0 10px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  opacity:1;
  -webkit-transition:all 500ms ease;
  margin: 36px 0px;
}
.transparent-menu .navigation > li:hover > a,.transparent-menu .navigation > li.current > a,
.transparent-menu .navbar-collapse > ul li.dropdown:hover .dropdown-btn span:before,
.transparent-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span:before{
  color: #ffb405;
  transition: all 500ms ease;
}
.transparent-menu.main-menu .navigation > li:hover > a, 
.transparent-menu.main-menu .navigation > li.current > a {
  background: none;
  position: relative;
  z-index: 1;
}
.transparent-menu.main-menu .navigation > li > ul > li{
  border-top: none;
}
.transparent-menu .navigation > li:hover > a:after{
  opacity:1;
}
.transparent-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:130%;
  margin-top: 0px;
  width:220px;
  padding:0px;
  z-index:100;
  background:#222;
  visibility: hidden;
  opacity: 0;
  border-top:3px solid #159eee;
  transition:all 1000ms ease;
  -moz-transition:all 1000ms ease;
  -webkit-transition:all 1000ms ease;
  -ms-transition:all 1000ms ease;
  -o-transition:all 1000ms ease;
}
.transparent-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}
.transparent-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}
.transparent-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 15px;
  line-height:28px;
  font-weight:600;
  font-size:14px;
  font-family: 'Roboto', sans-serif;
  text-transform:capitalize;
  color: #ffffff;
  border-bottom: 1px solid #159eee;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.transparent-menu .navigation > li > ul > li:last-child >a{
  border-bottom: none;
}
.transparent-menu .navigation > li > ul > li:hover > a{
  color: #ffb405;
  padding:10px 15px 10px 17px;
  transition:all 500ms ease;
}
.transparent-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#ffffff;
  transition:all 500ms ease;  
}
.transparent-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:100%;
  transition:all 500ms ease;  
}
.transparent-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  display: inline-block;
  position: absolute;
  top: 42px;
  right: -15px;
  cursor: pointer;
  display: none;
}
.transparent-menu .navbar-collapse > ul li.dropdown .dropdown-btn span:before{
  color: #222;
  font-size: 14px;
}
.transparent-menu .search-box-area .search-toggle i:before{
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0px;
  transition: all 500ms ease;
}
.transparent-menu .search-box-area .search-toggle:hover i:before{
  color: #ffb405;
  transition: all 500ms ease;
}
.transparent-menu .search-box-area {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 35px;
    right: -75px;
}
.transparent-menu .search-box-area .search-box {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 35px;
  transition: all 500ms ease;
  visibility: hidden;
}
.transparent-menu .search-box-area .form-group{
  position: relative;
}
.transparent-menu .search-box-area .form-group button{
  position: absolute;
  top: 2px;
  right: 0px;
  width: 46px;
  height: 46px;
  color: #fff;
  background: #ffb405;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  z-index: 10;
}
.transparent-menu .search-box-area input{
  width: 250px;
  height: 50px;
  border: 2px solid #ffb405;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 9;
}
.transparent-menu .search-box.now-visible {
  top: 35px;
  right: 0px;
  opacity: 1;
  visibility: visible;
  z-index: 9;
  transition: all 500ms ease;
}
.header-transparent.style-two .transparent-menu .navigation > li:hover > a,
.header-transparent.style-two .transparent-menu .navigation > li.current > a,
.header-transparent.style-two .transparent-menu .navbar-collapse > ul li.dropdown:hover .dropdown-btn span:before,
.header-transparent.style-two .transparent-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span:before{
  color: #ffff00;
  transition: all 500ms ease;
}
.header-transparent.style-two .transparent-menu .navigation > li > ul > li:hover > a{
  color: #ffff00;
}

/***====================================================================
  Header Style 4
====================================================================***/
.header-transparent.style-bg .header-lower{
  position: relative;
  width: 100%;
  z-index:999;
  opacity:1;
  visibility:visible;
  background:#110051; 
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.header-transparent.style-bg .transparent-menu .navigation > li > a {
  margin: 29px 0px;
}

.header-transparent.style-bg .header-lower.stick.sticky {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  z-index: 10000;
  background: #110051;
  z-index: 99999;
  -webkit-animation-name: menu_sticky;
  animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
  animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  box-shadow: 0;
}


/*** ====================================================================
                        header style 5
====================================================================***/
.header-transparent.style-five .header-upper{
  background: #fff;
}
.header-transparent.style-five .container-menu {
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 99999;
  float: left;
  margin-top: 50px;
}
.header-transparent.style-five .container-menu  .logo-box{
  margin: 27px 0;
}
.header-transparent.style-five .top-bar-info {
  color: #00000b;
  font-size: 14px;
  font-family: "Poppins";
}
.header-transparent.style-five .top-bar-info i:before {
  color: #133046;
  margin-right: 10px;
}
.header-transparent.style-five .top-bar-social-top li{
  display: inline-block; 
}
.header-transparent.style-five .top-bar-social-top li i:before{
  color: #133046;
}
.header-transparent.style-five .transparent-menu .navigation > li > a {
  color: #252424;
  padding: 0 0px 0 10px;
  opacity: 1;
  -webkit-transition: all 500ms ease;
  margin: 35px 0px;
}
.header-transparent.style-five .top-bar-social-top {
  text-align: right;
}
.header-transparent.style-five .transparent-menu .navigation > li:hover > a, 
.header-transparent.style-five .transparent-menu .navigation > li.current > a, 
.header-transparent.style-five .transparent-menu .navbar-collapse > ul li.dropdown:hover .dropdown-btn span::before, 
.header-transparent.style-five .transparent-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span::before {
  color: #147bcd;
}

.header-transparent.style-five .get-touch-btn {
  position: relative;
  margin-right: -16px;
  text-align: center;
  width: 100%;
  float: right;
}
.header-transparent.style-five .get-touch-btn .thm-btn{
  background: #133046;
}
.header-transparent.style-five .get-touch-btn a {
    padding: 35px 30px;
    border-radius: 0;
    color: #fff;
    float: right;
}

.header-transparent.style-five .get-touch-btn:hover a{
  color: #133046;
}

.header-transparent.style-five .get-touch-btn .thm-btn:before {
  background-color: rgb(255, 255, 255);
  border-radius: 0;
}

.container-menu .transparent-menu .navigation > li > ul {
  border-top: 3px solid #133046;
  background: #fff;
}

.container-menu .transparent-menu .navigation > li > ul > li > a {
  font-family: 'Roboto', sans-serif;
  border-bottom: 1px solid #133046;
  color: #252424;
}
.container-menu .transparent-menu .navigation > li > ul > li > a:hover{
  color: #147bcd;
}

.header-transparent.style-five .header-lower.stick.sticky {
  background: #fff;
}

.header-transparent.style-five .header-lower.stick.sticky .container-menu{
  margin-top: 0px
}

/***====================================================================
  Header Style 6
====================================================================***/

.header-transparent.style-bg.white .header-upper{
  background:#e6b963; 
}

.header-transparent.style-bg.white .header-lower{
  background:#fff;
  box-shadow: 2px 5px 5px rgba(0,0,0,0.1);
}

.header-transparent.style-bg.white .header-lower.stick.sticky {
  background:#fff;
}

.header-transparent.style-bg.white .header-upper .top-left li,
.header-transparent.style-bg.white .header-upper .top-right li a{
  color: #333333;
}

.header-transparent.style-bg.white .header-upper .top-left li:before{
  background: #333333;
}
.header-transparent.style-bg.white .header-upper .top-right li {
  display: inline-block;
  margin-left: 40px;
}

.header-transparent.style-bg.white .transparent-menu .navigation > li > a {
  color: #333333;
}

.header-transparent.style-bg.white .transparent-menu .navigation > li:hover > a, 
.header-transparent.style-bg.white .transparent-menu .navigation > li.current > a, 
.header-transparent.style-bg.white .transparent-menu .navbar-collapse > ul li.dropdown:hover 
.header-transparent.style-bg.white .dropdown-btn span::before, 
.header-transparent.style-bg.white .transparent-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span::before {
  color: #147bcd;
  transition: all 500ms ease;
}

.header-transparent.style-bg.white .get-btn {
  float: right;
  margin-top: 15px;
  position: relative;
}

/***====================================================================
  Main Slider style
====================================================================***/
.main-slider{
  position:relative;
  z-index:10;
}
.main-slider .rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
 
    /* black overlay with 50% transparency */
    /*background: rgba(0, 0, 0, 0.3);*/
}
.main-slider.style-two .rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
 
    /* black overlay with 50% transparency */
    background: rgba(0, 0, 0, 0.8);
}
.main-slider .slotholder{
  position: relative;
}
.main-slider .tp-caption{
  z-index:10 !important;
}
.main-slider .tp-dottedoverlay{
  background:none !important; 
}
.main-slider h1{
font-family:"微软雅黑";
  font-size: 50px;
  font-weight: 700;
  line-height: 66px;
  text-transform: none;
    color: #000;
}
.main-slider .text{
font-family:"微软雅黑";
  font-size: 42px;
  color: #000;
  font-weight: 400;
  line-height: 46px;
  margin:10px 0 0; 
}
.main-slider .btns-box a{
  margin-right: 10px;
  border-radius: 5px;
  margin-top: 30px;
}
.main-slider .btns-box a:hover{
  color: #fff;
}
.main-slider .btns-box a.bg-clr2:hover{
  color: #171b20;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
  display:none !important;  
}
.main-slider.style-five .btns-box a:hover{color: #133046;}

/*** =============================================
    Main Slider style 2
=============================================***/
.main-slider.style-two:before{
  content: "";
  position:absolute;
  left: 0;
  bottom: -103px;
  background-image: url("../images/resources/slide-before.png");
  width: 100%;
  height: 300px;
  z-index: 1;
}
.main-slider.style-two h1{
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  margin: 0px 0 10px;
  text-transform: none;
}
.main-slider.style-two .text{
  font-size: 18px;
  color: #fff;
  font-weight: 300;
  line-height: 32px;
  margin:25px 0 0;
  font-family: "Roboto" 
}
.main-slider.style-two .tp-bannertimer,
.main-slider.style-two .tp-bullets{
  display:block !important;  
}
.ares .tp-bullet {
    background: #159eee !important;
}
.ares .tp-bullet:hover, .ares .tp-bullet.selected{
  background: #ffcd00 !important;
}

/*** =============================================
    Main Slider style 3
=============================================***/
.main-slider.style-three{
  position: relative;
}
.slider-bottom-img:before{
  content: "";
  position: absolute;
  left: 0;
  bottom : 0;
  background-image: url("../images/resources/slide-before-1.png");
  width: 1920px;
  height: 574px;
}
.main-slider.style-three.theme-bg {
    background:#159eee;
    position: relative;
}
.main-slider.theme-bg:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../images/resources/slide-before-2.png");
  width: 1920px;
  height: 100%;
}
.main-slider.style-three .white-heading{
  color: #fff;
  font-size: 58px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  position: relative;
}
.main-slider.style-three .text.light{
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #fff;
}
.main-slider.style-three .tparrows {
  cursor: pointer;
  /* background: #000; */
  background: none !important;
  border:1px solid #fff !important; 
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
}
.main-slider.style-three .tparrows::before {
  line-height: 38px !important;
}
.main-slider.style-three .btns-box a:hover{
  color: #363636;
}

/***=============================================
    Main Slider style 2
=============================================***/
.main-seour:before{
  display: none;
}
.main-slider.style-four .rev_slider .slotholder:after {
    display: none;
}
.main-slider.style-four h1{
  color: #110051;
  font-size: 67px;
  font-weight: 700;
  line-height: 77px;
  margin: 0px 0 10px;
  text-transform: none;
}
.main-slider.style-four .text{
  font-size: 18px;
  color: #110051;
  font-weight: 400;
  line-height: 32px;
  margin:25px 0 0;
  font-family: "Roboto" 
}
.main-slider.style-four .tp-bannertimer,
.main-slider.style-four .tp-bullets{
  display:block !important;  
}
.ares .tp-bullet {
    background: #159eee !important;
}
.ares .tp-bullet:hover, .ares .tp-bullet.selected{
  background: #ffcd00 !important;
}

.main-slider.style-five .tp-bannertimer,
.main-slider.style-five .tp-bullets{
  display:block !important;  
}

.main-slider.style-five .rev_slider .slotholder::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.6);
}

.hephaistos .tp-bullet {
  background: #102535 !important;
  border: 4px solid #b6b6b6 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -ms-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
}

.hephaistos .tp-bullet:hover, 
.hephaistos .tp-bullet.selected {
  background: none !important;
  border-color: #133046 !important;
  width: 16px !important;
  height: 16px !important;
  text-align: center;
  left: -3px !important;
}
/*=============================================
    Slider Style 6
=============================================*/

.main-slider.style-six .tp-bannertimer,
.main-slider.style-six .tp-bullets{
  display:block !important;  
}

.erinyen.tp-bullets::before {

  background: linear-gradient(to bottom, #818181 0%,#818181 100%) !important;
  filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#818181"!important, endcolorstr="#818181"!important,gradienttype=0 );
  border-radius: 35px !important;
  box-shadow: 0px 0px 0px 0px rgba(129,129,129,1) !important;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -ms-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
}
.erinyen .tp-bullet {
  background: transparent !important;
  border: 1px solid #fff !important;

}
.erinyen .tp-bullet:hover, .erinyen .tp-bullet.selected {
  background: #fff !important;
  background: -moz-linear-gradient(top, #fff 0%, #fff 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#fff), color-stop(0,#fff)) !important;
  background: -webkit-linear-gradient(top, #fff 0%,#fff 100%) !important;
  background: -o-linear-gradient(top, #fff 0%,#fff 100%) !important;
  background: -ms-linear-gradient(top, #fff 0%,#fff 100%) !important;
  background: linear-gradient(to bottom, #fff 0%,#fff 100%) !important;
  filter: progid:dximagetransform.microsoft.gradient( startcolorstr="#fff", endcolorstr="#fff",gradienttype=0 )  !important;
  border: 1px solid #fff !important;
}
.main-slider.style-six .rev_slider .slotholder:after {
    display: none;
}
.main-slider.style-six h1,
.main-slider.style-six .text  {
  color: #111111;
}

/*=============================================
    Service Section
=============================================*/
.service-section{
  position: relative;
  padding: 92px 0px 70px;
  background: #f6f8f9;
}
.service-section .link-btn{
  margin-top: 30px;
}
.service-section .sec-title{
  padding-bottom: 30px;
}
.service-section .sec-title h2{
  color: #000000;
}
.sec-title p {
  margin-top: 9px;
}
.service-section .service-block {
    float: left;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 55px 40px 40px;
    border-radius: 5px;
    border: 1px solid #e9ebec;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-bottom: 30px;
}
.service-section .service-block:hover {
    border-color: transparent;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
       -moz-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
        -ms-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
         -o-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
            box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
}
.service-section .service-block:after {
    position: absolute;
    left: -2px;
    bottom: 0px;
    width: 100%;
    height: 4px;
    content: '';
    background-image: -moz-linear-gradient(0deg, #0660a9 0%, #002e54 100%);
    background-image: -webkit-linear-gradient(0deg, #0660a9 0%, #002e54 100%);
    background-image: -ms-linear-gradient(0deg, #0660a9 0%, #002e54 100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.7s ease-in;
    -moz-transition: 0.7s ease-in;
    -o-transition: 0.7s ease-in;
    transition: 0.7s ease-in;
}
.service-section .service-block:hover:after {
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
}
.service-section .icon-area .icon-box {
    margin-bottom: 30px;
}
.service-section .icon-box i:before{
  font-size: 40px;
  color: #0660a9;
  border: 1px solid #e9ebec;
  padding:15px;
  border-radius: 50%; 
}
.service-section .icon-area h5{
  font-size: 22px;
  color: #323232;
  font-weight: 700;
  padding: 20px 0px 10px 0px;
  line-height: 32px;
}
.service-section .icon-area p{
  font-size: 16px;
  color: #888888;
  line-height: 26px;
  font-weight: 400;
}

/***=============================================
    service section style 2
=============================================***/
.service-section.style2 .service-block{
  display: table;
  position: relative;
  width: 100%;
  padding: 0;
  margin-bottom: 30px;
}
.service-section.style2 .service-block .icon-box{
  display: table-cell;
  width: 185px;
}
.service-section.style2 .service-block .service-det {
    display: table-cell;
    padding: 0px 0px 0px 55px;
    vertical-align: middle;
}
.service-section.style2 .service-block i {
    position: absolute;
    left: 24%;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.service-section.style2 .service-block .icon-box i:before {
    font-size: 23px;
    color: #fff;
    border: 3px solid #fff;
    padding: 15px;
    border-radius: 50%;
    background: #0660a9;
}
.service-section.style2 .service-block:after {
    display: none;
}
.service-section.style2 .service-block:hover:after {
    display: none;
}

/***=============================================
    Services style 3
=============================================***/
.service-section.style-three{
  background: #fff;
  padding:0; 
}
.service-section.style-three .services-block {
  position: relative;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
  z-index: 11;
  padding: 70px 65px 50px;
  margin-top: -282px;
  border-radius: 10px 240px 10px 10px;
}
.service-section.style-three .sec-title h2{
  margin: 10px 0;
  color: #212121;
  font-size: 40px;
  font-weight: 700;
}
.service-section.style-three .service-block {
    float: left;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 5px 0;
    border-radius: 0;
    border: none;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-bottom: 0;
}
.service-section.style-three .service-block:hover{
  box-shadow: none;
}
.service-section.style-three .service-block:after{
  display: none;
}
.service-section.style-three .service-block h5{
  color: #212121;
}
.sec-title h6 {
    font-size: 14px;
    color: #159eee;
}
.service-section.style-three .service-block p{
  color: #707070;
}

/***=============================================
    Services style 4
=============================================***/
.service-section.style-four {
  background: #fff;
  padding: 60px 0px 70px;
}
.service-section.style-four .service-block {
    float: left;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    border: none;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.2);
       -moz-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.2);
        -ms-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.2);
         -o-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.2);
            box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.2);
    margin-bottom: 30px;
    z-index: 2;
}
.service-section.style-four .service-block:hover {
    border: none;
    background: #ffe26b;
    transition-delay: 690ms; 
    -webkit-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
       -moz-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
        -ms-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
         -o-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
            box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.4);
}
.service-section.style-four .service-block:after {
    position: absolute;
    left: -2px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background-image: -moz-linear-gradient(0deg, #ffe26b 0%, #ffe26b 100%);
    background-image: -webkit-linear-gradient(0deg, #ffe26b 0%, #ffe26b 100%);
    background-image: -ms-linear-gradient(0deg, #ffe26b 0%, #ffe26b 100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.7s ease-in;
    -moz-transition: 0.7s ease-in;
    -o-transition: 0.7s ease-in;
    transition: 0.7s ease-in;
}
.service-section.style-four .service-block:hover:after {
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
}
.service-section.style-four .service-block .icon-area {
    position: relative;
    z-index: 1;
}
.service-section.style-four .icon-area .icon-box {
    margin-bottom: 30px;
}
.service-section.style-four .icon-box i:before{
  font-size: 40px;
  color: #0660a9;
  border: none;
  padding:0;
  border-radius: none;
  -webkit-transition: all 0.7s ease-in;
     -moz-transition: all 0.7s ease-in;
      -ms-transition: all 0.7s ease-in;
       -o-transition: all 0.7s ease-in;
          transition: all 0.7s ease-in; 
}
.service-section.style-four .icon-area h5{
  font-size: 22px;
  color: #212121;
  font-weight: 500;
  padding: 10px 0px;
  line-height: 32px;
  font-family: "Poppins", sans-serif;
}
.service-section.style-four .service-block:hover .icon-box i:before{
  color: #363636;
}
.service-section.style-four .icon-area p{
  font-size: 16px;
  color: #707070;
  line-height: 26px;
  font-weight: 400;
  -webkit-transition: all 0.7s ease-in;
     -moz-transition: all 0.7s ease-in;
      -ms-transition: all 0.7s ease-in;
       -o-transition: all 0.7s ease-in;
          transition: all 0.7s ease-in;

}
.service-section.style-four .service-block:hover .icon-area p{
  color: #363636;
}

/***=============================================
    Services style 5
=============================================***/
.service-section.style-five {
  background: #fff;
}
.pd-bt {
    padding-bottom: 10px;
}
.service-section.style-five .service-block {
  background-color: #fff;
  padding: 30px;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.1);
}
.service-section.style-five .service-block::after {
  display: none;
}
.service-section.style-five .icon-area h5 {
  font-size: 22px;
  color: #212121;
  font-weight: 500;
  padding: 10px 0px;
  line-height: 32px;
  font-family: "Poppins", sans-serif;
  transition: all 0.7s ease-out;
}
.service-section.style-five .service-block:hover .icon-area h5{
  color: #159eee;
}
.service-section.style-five .icon-area p {
  font-size: 16px;
  color: #707070;
  line-height: 26px;
  font-weight: 400;
}

/***=============================================
    Services style 6
=============================================***/
.service-block.bg {
  background-image: url(../images/icon/about-images-5.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  background-size: 100%;
}

/***=============================================
    Services style 7
=============================================***/

.service-section.style-seven{
  background: #fff;
}
.service-section.style-seven .sec-title {
    position: absolute;
    width: 100%;
}
.service-section.style-seven .service-block {
  background: #fff;
  border-radius: 0px;
  border: 1px solid #e1e1e1;
  padding: 60px;
  margin-bottom: 0px;
  position:static;
}

.service-section.style-seven .col-md-3 {
  padding: 0;
}
.service-section.style-seven .service-block .overlay {
  position: absolute;
  left: 0;
  top: -44px;
  padding: 45px 23px;
  -webkit-background-image: linear-gradient(#9c4f4a, #cb5a4d);
  -moz-background-image: linear-gradient(#9c4f4a, #cb5a4d);
  -ms-background-image: linear-gradient(#9c4f4a, #cb5a4d);
  -o-background-image: linear-gradient(#9c4f4a, #cb5a4d);
  background-image: linear-gradient(#9c4f4a, #cb5a4d);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.7s, opacity 0.7s linear;
  -moz-transition: visibility 0s 0.7s, opacity 0.7s linear;
  -ms-transition: visibility 0s 0.7s, opacity 0.7s linear;
  -o-transition: visibility 0s 0.7s, opacity 0.7s linear;
  transition: visibility 0s 0.7s, opacity 0.7s linear;
  z-index: 9;
}
.service-section.style-seven .service-block:hover .overlay{
  visibility: visible;
  opacity: 1;
  transition: opacity 0.7s linear;
}
.service-section.style-seven .service-block .overlay h5,
.service-section.style-seven .service-block .overlay i::before,
.service-section.style-seven .service-block .overlay p {
  color: #fff;
}
.service-section.style-seven .service-block .overlay .text-area i:before{
  margin: 0;
}
.service-section.style-seven .icon-area .icon-box {
   margin-bottom: 0px; 
}
.service-section.style-seven .icon-area h5 {
  color: #133046;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
.service-section.style-seven .icon-box i::before {
  font-size: 60px;
  color: #133046;
  border: none;
  padding: 0;
  border-radius: 0;
  margin: 0;
}
.service-section.style-seven .service-block::after{
  display: none;
}

/***=============================================
    Services style 8
=============================================***/

.service-section.style-eight{
  background:#fff; 
  padding: 152px 0px 70px;
}
.service-section.style-eight .service-block {
  background-color: #fff;
  padding: 50px 30px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  box-shadow: 0px;
}

.service-section.style-eight .icon-box i::before {
  font-size: 70px;
  color: #147bcd;
  border: none;
  padding: 0;
  border-radius: 0;
  margin-left: 0;
}
.service-section .icon-area .icon-box {
    margin-bottom: 15px;
}
.service-section.style-eight .service-block p{
  margin-bottom: 10px;
}
.service-section.style-eight .service-block a {
  font-family: "Roboto";
  color: #111;
  margin-top: 20px;
}

.service-section.style-eight .service-block:hover a{
  color: #ef5602;
}


/***=============================================
    Consltation Area
=============================================***/
.consltation-area{
  position: relative;
  width: 100%;
  padding: 92px 0 0 0;
}
.consltation-area .contact-form .form-group{
  margin-bottom: 20px;
}
.consltation-area .form-group input[type="text"],
.consltation-area .form-group input[type="email"],
.consltation-area .form-group input[type="tel"],
.consltation-area .form-group select,
.consltation-area .form-group textarea{
  color: #272727;
  display: block;
  font-size: 16px;
  height: 50px;
  padding: 10px 20px;
  width: 100%;
  font-weight: 400;
   
  font-family: 'Roboto', sans-serif;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  border-radius: 5px;
}
.consltation-area .form-group textarea{
  resize: none;
  height: 130px;
  border-radius: 5px;
}
.consltation-area .form-group button{
  display: inline-block;
  border-radius: 5px;
}
.consltation-area .form-group button:hover{
  color: #000;
}
.consltation-area .contact-form {
    position: relative;
    width: 100%;
    padding-bottom: 48px;
}

/***=============================================
    about us sec
=============================================***/
.about-sec{
  position: relative;
  width: 100%;
  padding:92px 0 100px; 
}
.about-sec .left-content-area .img-wrapper {
  position: relative;
  display: inline-block; 
}
.about-sec .left-content-area .img-wrapper img{
  width: 100%;
}
.about-sec .left-content-area .img-wrapper .hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.15); 
}
.about-sec .left-content-area .video-play-btn {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 16px;
    background-color: #0660a9;
    border-radius: 50%;
    color: #fff;
    position: relative;
    z-index: 1;
    left: 0;
}
.about-sec .left-content-area .video-play-btn i {
    left: -7px;
    position: relative;
}
.about-sec .left-content-area .video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(6, 96, 169, 0.6);
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}
.about-sec .right-content-area i.flaticon-music-player-play {
    text-align: center;
    left: -7px;
    position: relative;
}
.about-sec .right-content-area {
  padding-top: 10px; 
}
.about-sec .right-content-area .sec-title {
    padding-bottom: 0px;
}
.sec-title h2 a{ color:#000000;}
.about-sec .right-content-area p {
  color: #888888;
  font-size: 16px;
  line-height: 28px; 
}
.about-sec .right-content-area .about-item {
    position: relative;
    width: 100%;
}
/**
.about-sec .right-content-area .about-item ul {
    width: 50%;
    float: left;
}
**/
.about-sec .right-content-area .about-item ul li{
  font-size: 16px;
  color:#888888;
  line-height: 31px;
}
.about-sec .right-content-area .about-item ul li > i {
    font-size: 16px;
    color: #0660a9;
    padding-right: 18px;
}

/***=============================================
    About Sec Style 2
=============================================***/
.about-sec.style-two {
    position: relative;
    width: 100%;
    padding: 50px 0 70px;
}
.about-sec.style-two .img-wrapper figure {
    position: relative;
    z-index: 1;
}
.about-sec.style-two .left-content-area .img-wrapper {
    width: 595px;
    height: 680px;
    background-size: cover;
    -webkit-mask-image: url(../images/resources/shape.png);
    mask-image: url(../images/resources/shape.png);
    -webkit-mask-size: 595px 680px;
    mask-size: 595px 680px;
}
.about-sec.style-two .right-content-area {
    padding-top: 138px;
}
.about-sec.style-two .right-content-area:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 85px;
    width: 96%;
    height: 1px;
    background: #159eee;
}
.about-sec.video .right-content-area:before{
  display: none;
}
.about-sec.style-two .right-content-area .about-item .left-side{
  width: 55%;
}
.about-sec.style-two .right-content-area .about-item .right-side{
  width: 45%;
}

/***=============================================
    about Style 3
=============================================***/
.about-sec.style-three {
    padding: 18px 0 82px;
}
.about-sec.style-three .left-content-area .img-wrapper{
  position: relative;
  z-index: 10;
}
.about-sec.style-three .left-content-area .img-wrapper:before {
  display: none;
}
.about-sec.style-three .left-content-area .img-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 639px;
  width: 655px;
  z-index: 1;
  background-image: url(../images/icon/about-images-1.png);
  background-repeat: no-repeat;
}
.about-sec.style-three .right-content-area::before {
  content: "";
  position: absolute;
  left: 10px;
  top: -12px;
  width: 96%;
  height: 1px;
  background: #159eee;
}

/***=============================================
    about Style 4
=============================================***/
.about-sec.style-four {
    padding: 196px 0 100px;
}
.about-sec.style-four .left-content-area .img-wrapper{
  position: relative;
  z-index: 10;
}
.about-sec.style-four .left-content-area .img-wrapper::after {
  content: "";
  position: absolute;
  left: -88px;
  top: -93px;
  height: 639px;
  width: 655px;
  z-index: 1;
  background-image: url(../images/icon/about-images.png);
}
.about-sec.style-four .right-content-area::before {
  content: "";
  position: absolute;
  left: 10px;
  top: -12px;
  width: 96%;
  height: 1px;
  background: #159eee;
}

/***=============================================
    about Style 4
=============================================***/

.about-sec.style-five {
  padding: 152px 0 114px;
}

.about-sec.style-five .img-wrapper{
  position: relative;
  width: 100%;

}
.about-sec.style-five .img-wrapper::after {
  content: "";
  position: absolute;
  left: -103px;
  top: -102px;
  width: 500px;
  height: 555px;
  background-image: url(../images/resources/about-bg.png);
  background-repeat: no-repeat;
}

.about-sec.style-five .img-wrapper figure img {
  width: 340px;
  height: 340px;
  border-radius: 50%;
}

.about-sec.style-five .sec-title h2 {
  color: #f26144;
  font-size: 25px;
  font-weight: 500;
  line-height: 40px;
   
  margin: 0 0 1px;
}

.about-sec.style-five .sec-title h4 {
  font-family: "Poppins";
  color: #121212;
  line-height: 23px;
}

.about-sec.style-five p {
  margin-bottom: 30px;
}

/***=============================================
    Get Services
=============================================***/
.get-services {
  position: relative;
  background: #159eee;
}
.get-services:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: -154px;
  width: 1920px;
  height:228px;
  background-image: url(../images/resources/get-services-bg.png);
}
#particles-js {
  position: absolute;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.get-sec {
    position: relative;
    padding: 100px 0;
}
.get-sec h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  line-height: 49px;
}
.get-sec p {
  color: #fff;
  padding: 12px 0 30px;
}

/***=============================================
    Get Services Style 2
=============================================***/
.get-services.style-two {
  position: relative;
  background: #a7def9;
}

/***=============================================
    Contact Area
=============================================***/
.contact-area{
  position: relative;
  width: 100%;
  background: #25292f;
  padding: 40px 0 33px;
}
.contact-area .heading-text h1{
  color: #fff;
  font-size: 33px;
}

/***=============================================
    Contact Area Style 2
=============================================***/
.contact-area.style-two{
  position: relative;
  width: 100%;
  background: #159eee;
  padding: 40px 0 33px;
}
.contact-area.style-two .heading-text h1{
  color: #fff;
  font-size: 30px;
  font-weight: 500;
}
.contact-area.style-two .btn-cont .bg-clr6:before{
  background: #fff;
}

/***=============================================
    Contact Area Style 3
=============================================***/
.contact-area.style-three{
  position: relative;
  width: 100%;
  background: #c9e1eb;
  padding: 40px 0 33px;
}
.contact-area.style-three .heading-text h1{
  color: #110051;
  font-size: 30px;
  font-weight: 500;
}


/***=============================================
    Contact Area Style 4
=============================================***/

.contact-area.style-four{
  position: relative;
  width: 100%;
  background: #ba6153;
  padding: 40px 0 33px;
}

.contact-area.style-four p{
  color: #fff;
}

/***=============================================
    Skill Sec style
=============================================***/
.skill-sec{
  position: relative;
  width: 100%;
  padding-top: 92px;
  padding-bottom: 68px;
}
.skill-sec .left-content-area .sec-title h2 {
    color: #212121;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
     
    margin: 0 0 1px;
}
.skill-sec .left-content-area .sec-title p{
  margin:20px 0 30px; 
  font-size: 18px;
  color: #707070;
}
/*====Skill Bar=====*/
.skill-sec .left-content-area .barfiller {
  width: 95%;
  height: 3px;
  background: #e5e5e5;
  position: relative;
  margin-bottom: 70px;
}
.skill-sec .left-content-area .barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  z-index: 1;
  top: -26px;
}
.skill-sec .left-content-area .barfiller .tipWrap {
  display: none;
  position: relative;
  top: -40px;
  font-size: 18px;
  color: #212121;
  font-family: "Poppins";
  font-weight: 500;
   
}
.skill-sec .left-content-area .barfiller .tip {
  padding: 2px 6px;
  font-size: 11px;
  color: #fff;
  left: 0px;
  position: absolute;
  z-index: 2;
  background: #159eee;
  border-radius: 4px;
  display: inline-block;
  top: -5px;
}
.skill-sec .left-content-area .barfiller .tip:after {
  border: solid;
  border-color: rgba(21,158,238,.8) transparent;
  border-width: 6px 6px 0 6px;
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 100%;
  z-index: 9
}
.skill-sec .right-content-area .img-wrapper {
  position: relative;
  display: inline-block; 
}
.skill-sec .right-content-area .img-wrapper {
    width: 595px;
    height: 680px;
    background-size: cover;
    -webkit-mask-image: url(../images/resources/shape-1.png);
    mask-image: url(../images/resources/shape-1.png);
    -webkit-mask-size: 595px 680px;
    mask-size: 595px 680px;
}
.skill-sec .right-content-area .img-wrapper::after {
  display: none;
}
.skill-sec .right-content-area .img-wrapper img{
  width: 100%;
}
.skill-sec .right-content-area .img-wrapper .hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
}
.skill-sec .right-content-area .video-play-btn {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 16px;
    background-color: #ff0000;
    border-radius: 50%;
    color: #fff;
    position: relative;
    z-index: 1;
    left: 0;
}
.skill-sec .right-content-area .video-play-btn i {
    left: -7px;
    position: relative;
}
.skill-sec .right-content-area .video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(255, 0, 0, 0.6);
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}
.skill-sec .right-content-area i.flaticon-music-player-play {
    text-align: center;
    left: -7px;
    position: relative;
}

/*** 
=============================================
    Skill Area style 2
=============================================
***/

.skill-sec.style-two .right-content-area {
    padding-left: 34px;
}

.skill-sec.style-two .right-content-area .video-play-btn {
    background-color: #159eee;
}

.skill-sec.style-two .right-content-area .img-wrapper::after{
  display: none;
}


.skill-sec .right-content-area .video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(21, 158, 238, 0.6);
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}

/*** 
=============================================
    Skill Area style 3
=============================================
***/

.skill-sec.style-three {
  padding-top: 190px;
  padding-bottom: 140px;
}

.skill-sec.style-three .right-content-area .img-wrapper{
  position: relative;
  z-index: 1;
}

.skill-sec.style-three .right-content-area{
  float: right;
  position: relative;
}

.skill-sec.style-three .right-content-area .img-wrapper{
  mask-image: none ;
  position: relative;
}

.skill-sec.style-three .right-content-area .img-wrapper img {
  max-width: 100%;
  width: auto;
  margin-top: 57px;
  margin-left: 105px;
}

.skill-sec.style-three .right-content-area .img-wrapper:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 639px;
  width: 639px;
  z-index: 1;
  background-image: url(../images/icon/about-images.png);
  display: block;
}

.skill-sec .right-content-area .video-play-btn{
  background-color: #23acf1;
}
/*** 
=============================================
    Fact counter Area style
=============================================
***/

.fact-counter-area {
  background: #0660a9;
  padding-bottom: 40px;
  padding-top: 80px;
  position: relative;
}

.fact-counter-area .single-item {
    width: 100%;
    display: block;
    padding: 24px 0;
    margin-bottom: 30px;
    position: relative;
}
.fact-counter-area .single-item h1 span{
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
    line-height: 28px;
    font-family: "Roboto";

}
.fact-counter-area .single-item h1 i {
    font-size: 38px;
    display: inline-block;
    color: #ffffff;
    position: relative;
    left: 1px;
    top: -3px;
}
.fact-counter-area .single-item .border {
    background: #fff;
    display: inline-block;
    height: 3px;
    margin: 12px 0 6px;
    width: 40px;
}
.fact-counter-area .single-item h3{
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.fact-counter-area .single-item h1 i.text-m {
    font-size: 33px;
    font-weight: 700;
}

/*** 
=============================================
    Fact counter Area style 2
=============================================
***/
.fact-counter-area.style-two{
  background: none;
}

.fact-counter-area.style-two::before {
  width: 0;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-top: 55px solid #e6b963;
  left: 45%;
  bottom: -55px;
  content: "";
  z-index: 1;
  position: absolute;
}
.fact-counter-area.style-two .single-item {
  width: 100%;
  display: block;
  padding: 24px 0;
  margin-bottom: 30px;
  position: relative;
}
.fact-counter-area.style-two .single-item .icon-box {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 15px;
}
.fact-counter-area.style-two .single-item .icon-box i::before {
  font-size: 70px;
  color: #153641;
  margin-left: 0;
}

.fact-counter-area.style-two .single-item h1 span {
  color: #153641;
  font-size: 50px;
}
.fact-counter-area.style-two .single-item h3 {
  color: #153641;
  font-size: 14px;
}

.fact-counter-area.style-two .single-item h1 i {
  font-size: 30px;
  color: #153641;
}

/*** 
=============================================
    Team sec
=============================================
***/

.team-sec{
  position: relative;
  width: 100%;
  padding: 92px 0 70px;
}

.team-sec .team-single{
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.team-sec .team-single img{
  width: 100%;
}

.team-sec .team-single .overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  padding: 140px 20px 0px;
  background: rgba(6, 96, 169, 0.80);
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  transform: scale(0, 0);
}
.team-sec .team-single:hover .overlay{
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
}
.team-sec .team-single ul{
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
}

.team-sec .team-single ul li {
    display: inline-block;
    padding: 0 10px;
    position: relative; 
}

.team-sec .team-single ul li a{
  color: #fff;
  font-size: 20px;
}

.team-sec .team-single .text-bottom {
    float: left;
    position: relative;
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.3s ease-in;
       -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
         -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in; 
}

.team-sec .team-single:hover .text-bottom{
    border-bottom: 1px solid #0660a9;
}

.team-sec .team-single .text-bottom h5{
  font-size: 20px;
  font-family: "Roboto";
  font-weight: 700;
  color: #323232;
  line-height: 29px;
}

.team-sec .team-single .text-bottom h6{
  font-size: 16px;
  color: #0660a9;
}


/*** 
=============================================
    Team sec style 2
=============================================
***/
.team-sec.style-two{
  padding: 60px 0 100px;
}
.team-sec.style-two .team-single .text-bottom {
    padding: 20px 0;
    background: #159eee;
    border-bottom: none;

}

.team-sec.style-two .team-single .text-bottom.style-two {
    background: #a7def9;

}
.team-sec.style-two .team-single:hover .text-bottom {
    border-bottom: none;

}
.team-sec.style-two .team-single .text-bottom.style-two h5,
.team-sec.style-two .team-single .text-bottom.style-two h6{
  color: #110051;
}

.team-sec.style-two .team-single .text-bottom h5{
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  padding-bottom: 5px;
  color: #fff;
}
.team-sec.style-two .team-single .text-bottom h6{
  color: #fff;
  font-weight: 500;
}

.team-sec.style-two .team-single .overlay {
  padding: 118px 20px 0px;
  background: rgba(0, 0, 0, 0.60);

}

/*** 
=============================================
    Team sec style 3
=============================================
***/


.team-sec.style-three .team-single .overlay {
  padding: 47px 20px 0px;
}

.team-sec.style-three .team-single .text-bottom {
  padding: 20px 0 83px;
  border-bottom: none;
}
.team-sec.style-three .team-single:hover .text-bottom {
    border-bottom: none;

}

.team-sec.style-three .team-single .text-bottom h5{
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  padding-bottom: 5px;
  color: #fff;
}
.team-sec.style-three .team-single .text-bottom h6{
  color: #fff;
  font-weight: 500;
}
.border-overlay {
  position: relative;
  display: block;
  width: 43px;
  height: 1px;
  margin: 107px 87px 40px;
  transform: rotate(90deg);
  background-color: #fff;
}

.border-overlay::before, .border-overlay::after {
    position: absolute;
    left: 8px;
    width: 28px;
    height: 1px;
    content: '';
    background-color: #fff;
    top: -10px;
}

.border-overlay::before {
    top: 9px;
}

.team-sec.style-three .team-single ul li {
    display: inline-block;
    padding: 0 5px;
    position: relative; 
}

.team-sec.style-three .team-single ul li a {
  color: #fff;
  font-size: 16px;
}


/*** 
=============================================
    Team Area style 4
=============================================
***/

.team-slider {
  position: relative;
  width: 100%;
  padding: 100px 0;
}
.team-slider .img-holder {
  position: relative;
  float: left;
  width: 50%;
}
.team-slider .img-holder::after {
  content: "";
  position: absolute;
  left: -4px;
  top: -12px;
  width: 600px;
  height: 655px;
  background-image: url(../images/resources/about-bg.png);
  background-repeat: no-repeat;
}
.team-slider .text-holder {
  float: left;
  position: relative;
  width: 50%;
  margin-top: 50px;
}
.team-slider .img-holder img {
  width: 341px;
  height: 341px;
  border-radius: 50%;
  margin: 86px 0 50px 97px;
}

.team-slider .single-item h2 {
  color: #e66046;
  font-weight: 300;
  margin-bottom: 20px;
}

.team-slider .single-item h5 {
  font-size: 16px;
  font-family: "Poppins";
  margin-bottom: 10px;
}

.team-slider .single-item  ul li {
  display: inline-block;
  padding-right: 20px; 
}

.team-slider .single-item  ul li a{
  color: #133046;
}
.team-slider .single-item  ul li a:hover{
  color: #f26144;
}
.team-slider .single-item  ul li a i:before{
  margin-left: 0;
  margin-right: 5px;
}

/*** =============================================
    Team sec style 5
=============================================***/
.team-sec.style-five .teamtop-carousal {
  position: relative;
  width: 100%;
  float: left;
}

.team-sec.style-five .teamtop-carousal .team-single figure {
  position: relative;
  margin-top: -126px;
}

.team-sec.style-five .teamtop-carousal .team-single img {
  max-width: 100%;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin: 0 auto;
  border: 2px dotted #38333c;
  padding: 2px;
}
.team-sec.style-five .teamtop-carousal .team-single {
  background: #e6b963;
  padding: 40PX 30px;
  margin-top: 90px;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.team-sec.style-five .teamtop-carousal .team-single .text-block {
  position: relative;
  width: 100%;
  padding: 30px 0 0;
}
.team-sec.style-five .teamtop-carousal .team-single .text-block h6 {
  font-size: 16px;
  color: #147bcd;
  font-family: "Poppins", sans-serif;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.team-sec.style-five .teamtop-carousal .team-single .text-block h4 {
  color: #111111;
  font-size: 24px;
  padding: 12px 0;
  font-family: "Poppins", sans-serif;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.team-sec.style-five .teamtop-carousal .team-single .text-block p{
  color: #153641;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.team-sec.style-five .teamtop-carousal .team-single .text-block a{
  color: #676f7a;
  line-height: 50px;
  font-size: 16px;
}
.team-sec.style-five .teamtop-carousal .team-single .text-block ul{
  padding-top: 25px;
}
.team-sec.style-five .teamtop-carousal .team-single .text-block a i{
  width: 50px;
  height: 50px;
  background:#fff;
  line-height: 50px;
  border-radius: 50%;
}
.team-sec.style-five .teamtop-carousal .team-single:hover{
  background:#147bcd; 
}
.team-sec.style-five .teamtop-carousal .team-single:hover .text-block h4,
.team-sec.style-five .teamtop-carousal .team-single:hover .text-block h6,
.team-sec.style-five .teamtop-carousal .team-single:hover .text-block p{
  color: #fff;
}
/*** 
=============================================
    Testimonial Area style
=============================================
***/

.client-sec{
  position: relative;
  width: 100%;
  padding: 92px 0 90px; 
  background: #f6f8f9;
}

.client-sec .single-item {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 40px 35px;
    border: 1px solid #e9ebec;
    border-radius: 5px;
}

.client-sec .single-item:after {
    content: "\f10d";
    position: absolute;
    left: 39%;
    bottom: 73px;
    font-family: FontAwesome;
    font-size: 75px;
    color: #f2f2f2;
}

.client-sec .single-item .img-holder img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
}

.client-sec .single-item .text-holder{
  padding: 30px 0 0 0;
}

.client-sec .single-item .text-holder h5{
  font-size: 20px;
  font-family: "Roboto";
  font-weight: 700;
  color: #323232;
  line-height: 29px;
}

.client-sec .single-item .text-holder h6{
  font-size: 16px;
  font-family: "Roboto";
  font-style: italic;
  color: #0660a9;
}

.client-sec .single-item .text-holder p {
    color: #888888;
    padding-top: 25px;
    z-index: 1111;
    position: relative;
}

.client-sec .testimonial-carousel {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.clients-carousel,
.testim-carousel {
    float: left;
    width: 100%;
    overflow: hidden;
}

/*** 

====================================================================
  Client Sec Style 2
====================================================================

***/


.client-sec.style-two {
  padding: 68px 0 40px;
  background: #fdfdfd;
}
.client-sec.style-two .single-item .img-holder {
    width: 50%;
    height: 680px;
    background-size: cover;
    -webkit-mask-image: url(../images/resources/shape.png);
    mask-image: url(../images/resources/shape.png);
    -webkit-mask-size: 595px 680px;
    mask-size: 595px 680px;
}
.client-sec.style-two .single-item .img-holder::after {
  display: none;
}
.client-sec.style-two .single-item .img-holder img {
  max-width: 100%;
  width: auto;
  height: 100%;
  border-radius: 0;
  margin: 0;
  float: left;
}
.client-sec.style-two .single-item {
  position: relative;
  width: 100%;
  background: none;
  padding: 0;
  border: none;
  border-radius: 0;
}

.client-sec.style-two .single-item .img-holder {
    position: relative;
    width: 50%;
    padding-right: 25px;
    float: left;
}

.client-sec.style-two .single-item::after{
  display: none;
}

.client-sec.style-two .single-item .text-holder {
  padding: 105px 0 0 40px;
  float: left;
  width: 50%;
}

.client-sec.style-two .single-item .text-holder h5 {
  font-size: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #212121;
  line-height: 40px;
  margin-bottom: 13px;
}

.client-sec.style-two .single-item .text-holder h6 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  color: #159eee;
  font-weight: 400;
}

.client-sec.style-two .single-item .text-holder p {
  color: #888888;
  padding-top: 50px;
  font-size: 18px;
  font-style: italic;
}

.client-sec.style-two .signuter {
    position: relative;
    padding-top: 50px;
}

.client-sec.style-two .signuter img {
    max-width: 100%;
    width: auto;
}

.client-sec.style-two .owl-nav {
    display: block !important;
}

.client-sec.style-two .owl-dots .owl-dot {
    width: 10px !important;
    height: 10px !important;
    background: #bcbcbc !important;
    display: inline-block !important;
    margin-right: 10px !important;
    border-radius: 50% !important;
    -webkit-transition: all 0.7s ease-in;
    -moz-transition: all 0.7s ease-in;
    -ms-transition: all 0.7s ease-in;
    -o-transition: all 0.7s ease-in;
    transition: all 0.7s ease-in;
}
.client-sec.style-two .owl-dots .owl-dot.active,
.client-sec.style-two .owl-dots .owl-dot:hover{
  background: #159eee !important;
}

.client-sec.style-two .owl-dots {
  float: left !important;
  position: relative !important;
  width: 100% !important;
  top: -65px !important;
  left: 58px !important;
  text-align: center;
}

/*** 

====================================================================
  Client Sec Style 3
====================================================================

***/

.client-sec.style-three {
  padding: 68px 0 40px;
  background: #fff;
}


.client-sec.style-three .single-item .img-holder:before {
  display: none;
}

.client-sec.style-three .single-item .img-holder::after {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  height: 639px;
  width: 655px;
  z-index: 1;
  background-image: url(../images/icon/about-images-1.png);
  background-repeat: no-repeat;
}

.client-sec.style-three .single-item .img-holder img {
  max-width: 100%;
  width: auto;
  height: auto;
  border-radius: 0;
  margin: 0;
  float: left;
  padding-top: 22px;
}

.client-sec.style-three .single-item {
  position: relative;
  width: 100%;
  background: none;
  padding: 0;
  border: none;
  border-radius: 0;
}

.client-sec.style-three .single-item .img-holder {
    position: relative;
    width: 50%;
    padding-right: 25px;
    float: left;
}

.client-sec.style-three .single-item::after{
  display: none;
}

.client-sec.style-three .single-item .text-holder {
  padding: 10px 0 0 40px;
  float: left;
  width: 50%;
}

.client-sec.style-three .single-item .text-holder h5 {
  font-size: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #212121;
  line-height: 40px;
  margin-bottom: 13px;
}

.client-sec.style-three .single-item .text-holder h6 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  color: #159eee;
  font-weight: 400;
}

.client-sec.style-three .single-item .text-holder p {
  color: #888888;
  padding-top: 50px;
  font-size: 18px;
  font-style: italic;
}

.client-sec.style-three .signuter {
    position: relative;
    padding-top: 50px;
}

.client-sec.style-three .signuter img {
    max-width: 100%;
    width: auto;
}



.client-sec.style-three .owl-dots {
  float: left !important;
  position: relative !important;
  width: 100% !important;
  top: -65px !important;
  left: 98px !important;
  text-align: center;
}

/*** 

====================================================================
  Client Sec Style 4
====================================================================

***/
.client-sec.style-three.bg{
  background:#fdfdfd; 
  padding: 68px 0 100px;

}
.client-sec.style-three.bg .single-item .img-holder:before{
  display: none;

}
.client-sec.style-three.bg .single-item .img-holder::after {
  content: "";
  position: absolute;
  left: 1px;
  top: -1px;
  height: 639px;
  width: 655px;
  border: none;
  z-index: 1;
  background-image: url(../images/icon/testmonia-images.png);
  background-repeat: no-repeat;
}

.client-sec.style-three.bg .single-item .img-holder {
  position: relative;
  width: 35%;
  padding-left: 67px;
  float: left;
  padding-top: 32px;
}

.client-sec.style-three.bg .single-item .text-holder p{
  padding-top: 20px;
}

.client-sec.style-three.bg .signuter {
  position: relative;
  padding-top: 32px;
}


.client-sec.style-three.bg .owl-dots {
    float: left !important;
    position: relative !important;
    width: 100% !important;
    top: 2px !important;
    left: -88px !important;
}
/*** 

====================================================================
  Price Table Sec
====================================================================

***/

.price-table{
  position: relative;
  width: 100%;
  padding: 92px 0 100px;
}

.price-table .table-block {
    position: relative;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 2px 5px 15px rgba(0,0,0,0.05);
       -moz-box-shadow: 2px 5px 15px rgba(0,0,0,0.05);
        -ms-box-shadow: 2px 5px 15px rgba(0,0,0,0.05);
         -o-box-shadow: 2px 5px 15px rgba(0,0,0,0.05);
            box-shadow: 2px 5px 15px rgba(0,0,0,0.05);
    padding: 50px 60px;
    margin-bottom: 30px;
}

.price-table .table-block.active{
  -webkit-box-shadow: 2px 5px 15px rgba(0,0,0,0.2); 
     -moz-box-shadow: 2px 5px 15px rgba(0,0,0,0.2); 
      -ms-box-shadow: 2px 5px 15px rgba(0,0,0,0.2); 
       -o-box-shadow: 2px 5px 15px rgba(0,0,0,0.2); 
          box-shadow: 2px 5px 15px rgba(0,0,0,0.2);  
}

.price-table .table-block .icon-box{
  padding-bottom: 30px;
}

.price-table .table-block .icon-box i[class^="flaticon-"]:before{
  font-size: 70px;
  line-height: 70px;
}

.price-table .table-block .table-det h2{
  font-size: 60px;
  font-weight: 700;
  color: #323232;
  font-family: "Roboto";
  line-height: 80px;
}

.price-table .table-block .table-det h3{
  color: #0660a9;
  font-size: 25px;
  font-weight: 700;
  font-family: "Roboto";
  margin: 20px 0;
}
.price-table .table-block .table-det ul {
  margin-bottom: 20px;
}

.price-table .table-block .table-det ul li {
    font-size: 16px;
    font-family: Roboto;
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
    color:#888888;
}

.price-table .table-block .table-det ul li:last-child{
  border: none;
}

.price-table .table-block .table-det .button a{
  border-radius: 5px;
}

.price-table .table-block .table-det .button a:hover{
  color: #fff;
}

/*** 

====================================================================
  Price Table Style 2
====================================================================

***/

.price-table.style-two{
  background: #fdfdfd;
}

.price-table.style-two .table-block {
    position: relative;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 2px 5px 15px rgba(0,0,0,0.03);
       -moz-box-shadow: 2px 5px 15px rgba(0,0,0,0.03);
        -ms-box-shadow: 2px 5px 15px rgba(0,0,0,0.03);
         -o-box-shadow: 2px 5px 15px rgba(0,0,0,0.03);
            box-shadow: 2px 5px 15px rgba(0,0,0,0.03);
    padding: 50px 60px;
    margin-bottom: 30px;
    transition: all 0.7s ease-out;
}

.price-table.style-two .table-block.active,
.price-table.style-two .table-block:hover{
  background: #159eee;
}

.price-table.style-two .table-block.active .table-det h2,
.price-table.style-two .table-block:hover  .table-det h2,
.price-table.style-two .table-block.active .table-packge h6,
.price-table.style-two .table-block:hover  .table-packge h6,
.price-table.style-two .table-block.active .table-det h3,
.price-table.style-two .table-block:hover  .table-det h3,
.price-table.style-two .table-block.active .table-det ul li,
.price-table.style-two .table-block:hover  .table-det ul li,
.price-table.style-two .table-block.active .table-det .button a,
.price-table.style-two .table-block:hover  .table-det .button a{
  color: #fff;
  border-color:#fff; 
}

.price-table.style-two .table-packge h6 {
  font-size: 14px;
  font-weight: 500;
  color: #888888;
  font-family: "Poppins";
}
.price-table.style-two .table-block .table-det h2{
  font-size: 40px;
  font-weight: 700;
  color: #212121;
  font-family: "Poppins", sans-serif;
  line-height: 60px;
}

.price-table.style-two .table-block .table-det h3{
  color: #159eee;
  font-size: 22px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  margin: 10px 0 15px;
}
.price-table .table-block .table-det ul {
  margin-bottom: 20px;
}

.price-table .table-block .table-det ul li {
    font-size: 16px;
    font-family: Roboto;
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
    color:#212121;
}

.price-table .table-block .table-det ul li:last-child{
  border: none;
}

.price-table .table-block .table-det .button a{
  border-radius: 5px;
}

.price-table .table-block .table-det .button a:hover{
  color: #fff;
}

/*** 

====================================================================
  Blog Section
====================================================================

***/

.blog-section{
  position: relative;
  padding: 92px 0px 85px;
  z-index: 1;
  background: #f6f8f9;
}
.blog-section .item-holder{
  position: relative;
  margin-bottom: 40px;
  border-radius: 5px;
  border: 1px solid #e9ebec;
  border-top: none;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}
.blog-section .item-holder:hover{
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  -webkit-box-shadow: 0 0 20px 5px #f1f1f1;
     -moz-box-shadow: 0 0 20px 5px #f1f1f1;
      -ms-box-shadow: 0 0 20px 5px #f1f1f1;
       -o-box-shadow: 0 0 20px 5px #f1f1f1;
          box-shadow: 0 0 20px 5px #f1f1f1;
}
.blog-section .item-holder .image-box{
  position: relative;
  border-radius: 5px;
}
.blog-section .item-holder img{
  position: relative;
  width: 100%;
}
.blog-section .item-holder .image-box .date-box{
  position: absolute;
  top: 0px;
  left: 0px;
}
.blog-section .item-holder .date-box span {
    font-size: 20px;
    color: #ffffff;
    line-height: 26px;
    font-weight: 600;
    padding: 5px 16px;
    background: #0660a9;
    font-family: "Roboto";
    display: block;
    text-align: center;
    border-radius: 5px 0 0 0;
}

.blog-section .item-holder .date-box .date-year{
  background: #25292f;
  border-radius:0;
}
.blog-section .item-holder .text-area{
  border-radius: 5px;
  background: #fff;
}
.blog-section .item-holder .content-text {
    position: relative;
    padding: 30px 26px 20px;
}
.blog-section .content-text .title h5 {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #323232;
    padding-bottom: 15px;
}

.blog-section .content-text .text p{
  font-size: 16px;
  line-height: 26px;
  color: #888888;
  font-weight: 400;
  padding-bottom: 15px;
}

.blog-section .read-more-btn a{
  font-size: 16px;
  line-height: 26px;
  color: #888888;
  font-weight: 400;
  padding-bottom: 15px;
  -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
       -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}

.blog-section .read-more-btn a:hover{
  color: #0660a9;
}

/*** 

====================================================================
  Blog Style 2
====================================================================

***/

.blog-section.style2{
  position: relative;
  padding: 92px 0px 85px;
  z-index: 1;
  background: #fff;
}
.blog-section.style2 .item-holder{
  position: relative;
  margin-bottom: 40px;
  border: 1px solid #e9ebec;
  border-right: none;
  border-left: none;
  border-top: none;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;

}
.blog-section.style2 .item-holder:hover{
  box-shadow: none;
}
.blog-section.style2 .item-holder .image-box{
  position: relative;
  border-radius: 0;
}
.blog-section.style2 .item-holder .image-box .date-box{
  position: absolute;
  top: 0px;
  left: 0px;
}
.blog-section.style2 .item-holder .date-box span {
    font-size: 30px;
    color: #ffffff;
    line-height: 26px;
    font-weight: 600;
    padding: 16px 22px;
    font-family: "Roboto";
    display: block;
    text-align: center;
}

.blog-section.style2 .item-holder .text-area{
  border-radius: 5px;
}
.blog-section.style2 .item-holder .content-text {
    padding: 30px 0px 30px;
}
.blog-section.style2 .content-text .title h5 {
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 8px;
}

.blog-section.style2 .read-more-btn a{
  font-size: 14px;
  line-height: 14px;
  padding: 15px 30px;
  color: #888888;
  border: 1px solid #e5e5e5;
  font-weight: 600;
  border-radius: 5px;
}

.blog-section.style2 .read-more-btn a:hover{
  color: #fff;
  background: #0660a9;
  border: 1px solid #0660a9;
}

.content-text .author-com {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
}

.content-text .author-com ul li {
    display: inline-block;
    font-size: 14px;
    color: #888888;
}

.content-text .author-com ul li a {
    margin-left: 15px;
}

/***====================================================================
  blog section Style 3
====================================================================***/
.blog-section.style-three{
  background:#fff;
  padding: 100px 0px 32px;
}

.blog-section.style-three .item-holder .content-text ul li {
  display: inline-block;
  padding: 0 10px 0 0;
}

.blog-section.style-three .item-holder .content-text ul li i {
    padding-right: 10px;
}

.blog-section.style-three .item-holder {
  position: relative;
  margin-bottom: 40px;
  border-radius: 5px;
  border: none;
  border-top: none;
  -webkit-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -moz-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -ms-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -o-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-section.style-three .item-holder:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  -moz-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  -ms-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  -o-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
}

.blog-section.style-three .content-text .title h5 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  color: #212121;
}

.blog-section.style-three .content-text .text p {
  color: #707070;
}

.blog-section.style-three .item-holder .author {
  color: #707070;
  font-size: 14px;
  padding-bottom: 20px;
}


/***====================================================================
  blog section Style 4
====================================================================***/
.blog-section.style-four{
  background:#fff;
  padding: 100px 0px 32px;
}

.blog-section.style-four .image-box::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    height: 319px;
    width: 367px;
    z-index: 1;
    background-image: url(../images/icon/blog-bg.png);
    background-repeat: no-repeat;
}

.blog-section.style-four .item-holder img{
  max-width: 100%;
  width: auto;
}

.blog-section.style-four .item-holder .content-text ul li {
  display: inline-block;
  padding: 0 10px 0 0;
}

.blog-section.style-four .item-holder .content-text ul li i {
    padding-right: 10px;
}

.blog-section.style-four .item-holder {
  position: relative;
  margin-bottom: 40px;
  border-radius: 5px;
  border: none;
  border-top: none;
  -webkit-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -moz-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -ms-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -o-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-section.style-four .item-holder:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  -moz-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  -ms-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  -o-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
}

.blog-section.style-four .content-text .title h5 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  color: #212121;
}

.blog-section.style-four .content-text .text p {
  color: #707070;
}

.blog-section.style-four .item-holder .author {
  color: #707070;
  font-size: 14px;
  padding-bottom: 20px;
}


/***====================================================================
  blog section Style 5
====================================================================***/
.blog-section.style-five{
  background:#fff;
  padding: 100px 0px 32px;
}

.blog-section.style-five .image-box::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    height: 482px;
    width: 554px;
    z-index: 1;
    background-image: url(../images/icon/about-images-1.png);
    background-repeat: no-repeat;
}

.blog-section.style-five .item-holder img{
  max-width: 100%;
  width: auto;
}

.blog-section.style-five .item-holder .content-text ul li {
  display: inline-block;
  padding: 0 10px 0 0;
}

.blog-section.style-five .item-holder .content-text ul li i {
    padding-right: 10px;
}

.blog-section.style-five .item-holder {
  position: relative;
  margin-bottom: 40px;
  border-radius: 5px;
  border: none;
  border-top: none;
  -webkit-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -moz-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -ms-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -o-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.4);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-section.style-five .item-holder:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  -moz-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  -ms-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  -o-box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
  box-shadow: 0 0 20px 5px rgb(241, 241, 241, 0.9);
}

.blog-section.style-five .content-text .title h5 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  color: #212121;
}

.blog-section.style-five .content-text .text p {
  color: #707070;
}

.blog-section.style-five .item-holder .author {
  color: #707070;
  font-size: 14px;
  padding-bottom: 20px;
}

/***====================================================================
  blog section Style 5
====================================================================***/
.blog-section.style-six{
  background:#fff;
  padding: 100px 0px 260px;
}
.blog-section.style-six .item-holder .content-text {
  background: #ba6153;
  -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
       -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}
.blog-section.style-six .item-holder:hover .content-text{
  background: #133046;
}
.blog-section.style-six .content-text .title h5,
.blog-section.style-six .content-text .catgory a {
  color: #fff;
}

.blog-section.style-six .content-text .catgory span,
.blog-section.style-six .content-text .catgory i{
  float: right;
}

.blog-section.style-six .content-text .catgory span{
  margin-left: 5px;
}

/***====================================================================
  Side bar
====================================================================***/

.right-side-bar .search-box{
    position: relative;
}
.right-side-bar .search-box input{
    position: relative;
    height: 50px;
    width: 100%;
    color: #888888;
    padding: 0px 15px;
    background: #ffffff;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #e5e5e5;
}
.right-side-bar .search-box input:focus{
  border-color: #f5365e;
}
.right-side-bar .search-box button{
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
}

.right-side-bar .search-box button:before{
  content: "";
  position: absolute;
  left: 10px;
  top: 0px;
  width: 1px;
  height: 30px;
  background: #e5e5e5;
}
.right-side-bar .search-box button i{
    font-size: 18px;
    color: #0660a9;
}
.right-side-bar .title h4{
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  color: #323232;
  padding-bottom: 10px;
  position: relative;
}

.right-side-bar .title h4:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 40px;
  background: #0660a9;

}
.right-side-bar .services-area{
  margin-top: 50px;
}
.right-side-bar .service-menu {
  padding: 30px 0;
}

.right-side-bar .service-menu li a{
  font-size: 16px;
  color: #272727;
  font-weight: 400;
  display: block;
  line-height: 26px;
  padding: 15px 19px;
  border:1px solid #e5e5e5; 
          transition:all 500ms ease;
     -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
      -ms-transition:all 500ms ease;
       -o-transition:all 500ms ease;
  margin-bottom: 10px;
}
.right-side-bar .service-menu li a span{
  float: right;
}
.right-side-bar .service-menu li.active a,
.right-side-bar .service-menu li:hover a{
  color: #fff;
  border:1px solid #0660a9;
  background: #0660a9;
          transition:all 500ms ease;
     -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
      -ms-transition:all 500ms ease;
       -o-transition:all 500ms ease;
}
.right-side-bar .blog-sidebar{
  /*margin-top: 30px;*/
}
.right-side-bar .blog-sidebar .title {
    margin-bottom: 30px;
}
.right-side-bar .blog-sidebar .item {
    position: relative;
    padding-left: 118px;
    overflow: hidden;
    margin-bottom: 30px;
}

.right-side-bar .blog-sidebar .image-box{
  position: absolute;
  top: 0px;
  left: 0px;
}
.right-side-bar .blog-sidebar h6 {
    font-size: 17px;
    color: #222222;
    font-weight: 500;
    line-height: 24px;
}
.right-side-bar .blog-sidebar i{
  margin-right: 10px;
}
.right-side-bar .blog-sidebar span{
  font-size: 13px;
  color: #888888;
}
.right-side-bar .archives-area{
  margin-top: 50px;
}
.right-side-bar .archives{
  margin-top: 20px;
}
.right-side-bar .archives-area a {
  font-size: 16px;
  color: #272727;
  font-weight: 400;
  display: inline-block;
  line-height: 26px;
  margin-bottom: 10px;
  padding: 13px 18px;
  margin-right: 2px;
  border: 1px solid #d9d9d9;
   
          transition: all 500ms ease;
     -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
}
.right-side-bar .archives-area a:hover{
  color: #ffffff;
  background: #0660a9;
  border-color: #0660a9;
          transition:all 500ms ease;
     -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
      -ms-transition:all 500ms ease;
       -o-transition:all 500ms ease;
}

/***====================================================================
  Side bar style 2
====================================================================***/

.right-side-bar.style-two .search-box input{
    position: relative;
    height: 50px;
    width: 100%;
    color: #888888;
    padding: 0px 15px;
    background: #ffffff;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #e5e5e5;
}
.right-side-bar.style-two .search-box input:focus{
  border-color: #f5365e;
}
.right-side-bar.style-two .search-box button{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #159eee;
    color:#fff;
}

.right-side-bar.style-two .search-box button:before{
 display: none;
}
.right-side-bar.style-two .search-box button i {
  font-size: 18px;
  color: #fff;
  text-align: center;
  right: 11px;
  position: relative;
}
.right-side-bar.style-two .title h4 {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  color: #212121;
  padding-bottom: 15px;
  position: relative;
}
.right-side-bar.style-two .title h4:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #e5e5e5;
}
.right-side-bar.style-two .title h4:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 40px;
  background: #159eee;
}
.right-side-bar.style-two .service-menu li a{
  font-size: 16px;
  color: #212121;
  font-weight: 400;
  display: block;
  line-height: 26px;
  padding: 15px 19px;
  border-bottom:1px solid #e5e5e5; 
  border-left:none;
  border-right:none;
  border-top:none; 
          transition:all 500ms ease;
     -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
      -ms-transition:all 500ms ease;
       -o-transition:all 500ms ease;
  margin-bottom: 10px;
}
.right-side-bar.style-two .service-menu li.active a,
.right-side-bar.style-two .service-menu li:hover a{
  color: #159eee;
  background: no-repeat;
          transition:all 500ms ease;
     -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
      -ms-transition:all 500ms ease;
       -o-transition:all 500ms ease;
}
.right-side-bar.style-two .archives-area{
  margin-top: 50px;
}
.right-side-bar.style-two .archives{
  margin-top: 20px;
}
.right-side-bar.style-two .archives-area a {
  color: #212121;
  border-radius: 10px;
}
.right-side-bar.style-two .archives-area a:hover{
  background: #159eee;
  border-color: #159eee;
  color: #fff;
}

/*** 

====================================================================
  Services Details
====================================================================

***/

.services-details{
  position: relative;
  width: 100%;
  padding: 100px 0;
}
.services-details .text-area{
  position: relative;
  width: 100%;
  padding-bottom: 50px;
}
.services-details h4 {
    font-size: 24px;
    color: #323232;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 25px;
}

.services-details .text-area p{
  font-size: 16px;
  color: #888888;

}

.services-details .left-content-area .about-item {
    position: relative;
    width: 100%;
    padding: 15px 0;
}

.services-details .left-content-area .about-item ul.left-side {
    width: 55%;
    float: left;
}

.services-details .left-content-area .about-item ul.right-side {
    width: 45%;
    float: left;
}

.services-details .left-content-area .about-item ul li{
  font-size: 16px;
  color:#888888;
  line-height: 31px;
}

.services-details .left-content-area .about-item ul li > i {
    font-size: 16px;
    color: #0660a9;
    padding-right: 18px;
}


/*** 
=============================================
    Services Details Style
=============================================
***/
.services-details.style-two{
  padding: 100px 0 80px;
}
.services-details.style-two .services-detail-block {
  position: relative;
  width: 100%;
  float: left;
  padding-bottom: 100px;
}
.services-details.style-two .services-detail-block.style-two{
  padding-bottom: 0;
}

.services-details.style-two .left-content-area,
.services-details.style-two .right-content-area{
  position: relative;
}

.services-details.style-two .img-wrapper::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    height: 639px;
    width: 655px;
    z-index: 1;
    background-image: url(../images/icon/about-images-1.png);
    background-repeat: no-repeat;
}
.services-details.style-two .right-content-area .img-wrapper {
    margin-top: -46px;
}
.services-details.style-two .right-content-area .img-wrapper::after {
    top: 121px;
}

.services-details.style-two .right {
  padding-top: 30px;
}

.services-details.style-two .about-item {
    float: left;
    position: relative;
    width: 100%;
    padding: 20px 0;

}
.services-details.style-two .about-item .left-side {
    width: 55%;
    float: left;
}

.services-details.style-two .about-item ul li > i {
  font-size: 16px;
  color: #159eee;
  padding-right: 18px;
}
.services-details.style-two .tabs li{
  display: inline-block;
  margin-right: -4px;
}
.services-details.style-two .tabs{
  padding: 10px 0 30px;
}
.services-details.style-two .tabs li a {
  padding: 13px 30px;
  border: 1px solid #eeeeee;
  font-size: 14px;
  color: #707070;
  font-weight: 500;
  transition: all 0.7s ease-out;
}

.services-details.style-two .tabs li a:hover{
  border: 1px solid #159eee;
  color: #159eee;
}

/*** 
=============================================
    Latest Project Area style
=============================================
***/


.latest-project-area{
    padding: 100px 0;
    background: #fff;
}
.latest-project-area .more-project{
  float: left;
}

.project-content .col-md-4.col-sm-6.col-xs-12 {
    padding: 0;
    margin: 0;
}
.latest-project-area .sec-title{
  padding-bottom: 30px;
}
.latest-project-area .project-filter {
    margin-bottom: 30px;
}
.latest-project-area .project-filter li {
    display: inline-block;
    margin:0 -2px;
}
.latest-project-area .project-filter li:last-child{
    margin-right: 0;
}
.latest-project-area .project-filter li span {
    color: #272727;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 500;
     
    border: 1px solid #e5e5e5;
    padding: 17px 30px;
    -webkit-transition: all 500ms ease 0s;
       -moz-transition: all 500ms ease 0s;
        -ms-transition: all 500ms ease 0s;
         -o-transition: all 500ms ease 0s;
            transition: all 500ms ease 0s;
}
.latest-project-area .project-filter li.active span, 
.latest-project-area .project-filter li:hover span {
    color: #0660a9;
    background: transparent;
}
.latest-project-area .item {
  position: relative;
  display: block;
}
.latest-project-area .overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(30, 33, 37, 0.85);
  -webkit-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
          transition: all 500ms ease;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
       -o-transform: scale(0, 0);
     -moz-transform: scale(0, 0);
          transform: scale(0, 0);
}
.latest-project-area .item:hover .overlay{
  -webkit-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
          transition: all 500ms ease;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
       -o-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
          transform: scale(1, 1);
}
.latest-project-area .overlay h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    color: #ffffff;
    padding: 15px 0;
    font-family: 'Roboto', sans-serif;
    background: #0660a9;
    text-align: center;
}

.latest-project-area .overlay .title-overly{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.latest-project-area .overlay i {
    position: absolute;
    left: 47%;
    top: 43%;
    transform: translateX(-50%) translateY(-50%);
}

.latest-project-area .overlay i:before{
  font-size: 40px;
  color: #ffffff;
}
.latest-project-area .item img{
  width: 100%;
}

.latest-project-area .busizone-pagination {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 60px;
}


/*=============== Busizone Pagination ===================*/
.busizone-pagination{
    float: left;
    width: 100%;
    text-align: center;
}
.busizone-pagination.style2{
  text-align: left;
}
.busizone-pagination ul{display:inline-block}
.busizone-pagination ul li{
    display: inline-block;
    margin: 0 5px;
}
.busizone-pagination ul li a {
    float: left;
    width: 43px;
    height: 43px;
    text-align: center;
    border: 1px solid #dddfe0;
    line-height: 41px;
    font-size: 18px;
    font-weight: 500;
    color: #888888;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.busizone-pagination ul li a.next-btn{
  width: 65px;
}

.busizone-pagination ul li a:hover{
  background: #0660a9;
  color: #fff;
}

/*=============== Busizone Pagination style 2 ===================*/
.busizone-pagination.style-two{
    float: left;
    width: 100%;
    text-align: center;
}

.busizone-pagination.style-two ul{display:block}
.busizone-pagination.style-two ul li {
    display: inline-block;
    margin: -19px 5px;
}
.busizone-pagination.style-two ul li a {
    float: left;
    width: 43px;
    height: 43px;
    text-align: center;
    border: 1px solid #dddfe0;
    line-height: 41px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    color: #757575;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.busizone-pagination.style-two ul li a.next-btn{
  width: 65px;
}

.busizone-pagination.style-two ul li.next-pre a{
  width: auto;
  border:none; 
}

.busizone-pagination.style-two ul li a i{
  margin-left: 10px;
  margin-right: 10px;
}

.busizone-pagination.style-two ul li a:hover{
  background: #159eee;
  color: #fff;
}

.busizone-pagination.style-two ul li.next-pre a:hover{
  background: none;
  color: #292929;
}

/*** 
=============================================
    latest project area style two
=============================================
***/

.latest-project-area.style-two{
  padding: 60px 0 35px;
  background: #fdfdfd;
}

.latest-project-area.style-two .project-filter li span {
    color: #707070;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
     
    border: 1px solid #e3e3e3;
    background: transparent;
    padding: 10px 30px;
    border-radius: 10px;
    margin-right: 10px;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;

}

.latest-project-area.style-two .project-filter li.active span,
.latest-project-area.style-two .project-filter li:hover span{
  background: #159eee;
  border: 1px solid transparent;
  color: #fff;
}

.latest-project-area.style-two .overlay i:before{
  font-size: 70px;
  color: #ffffff;
}

.latest-project-area.style-two .item {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.latest-project-area.style-two .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(21, 158, 238, 0.85);
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  transform: scale(0, 0);
}

.latest-project-area.style-two .overlay i {
  position: absolute;
  left: 45%;
  top: 52%;
  transform: translateX(-50%) translateY(-50%);
}

/*** 
=============================================
    latest project area style Three
=============================================
***/


.latest-project-area.style-three{
  padding: 60px 0 98px;
  background: #fff;
}

.latest-project-area.style-three .project-filter li span {
    color: #707070;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
     
    border: 1px solid #e3e3e3;
    background: transparent;
    padding: 10px 30px;
    border-radius: 10px;
    margin-right: 10px;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;

}

.latest-project-area.style-three .project-filter li.active span,
.latest-project-area.style-three .project-filter li:hover span{
  background: #159eee;
  border: 1px solid transparent;
  color: #fff;
}

.latest-project-area.style-three .overlay i:before{
  font-size: 70px;
  color: #ffffff;
}

.latest-project-area.style-three .item {
    position: relative;
    display: block;
    margin-bottom: 0px;
}

.latest-project-area.style-three .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(21, 158, 238, 0.85);
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  transform: scale(0, 0);
}

.latest-project-area.style-three .overlay i {
  position: absolute;
  left: 45%;
  top: 52%;
  transform: translateX(-50%) translateY(-50%);
}
/*** 
=============================================
    Blog Details
=============================================
***/

.blog-details{
  position: relative;
  width: 100%;
  padding: 92px 0 70px;
}

.blog-details .item-holder .image-box{
  position: relative;
  border-radius: 0;
}

.blog-details .item-holder .image-box img {
    width: 100%;
}

.blog-details .item-holder .date-box{
  position: absolute;
  top: 0px;
  left: 0px;
}
.blog-details .item-holder .date-box span {
    font-size: 30px;
    color: #ffffff;
    line-height: 26px;
    font-weight: 600;
    padding: 16px 22px;
    font-family: "Roboto";
    background: #0660a9;
    display: block;
    text-align: center;
}

.blog-details .item-holder .date-box .date-year {
    background: #25292f;
    border-radius: 0;
}

.blog-details .item-holder .blog-item {
    position: relative;
    width: 100%;
    padding: 15px 0;
}

.blog-details .item-holder .blog-item ul {
    width: 50%;
    float: left;
}

.blog-details .item-holder .blog-item ul li{
  font-size: 16px;
  color:#888888;
  line-height: 31px;
}

.blog-details .item-holder .blog-item ul li > i {
    font-size: 16px;
    color: #0660a9;
    padding-right: 18px;
}

.blog-details .item-holder .content-text {
    padding: 30px 0px 30px;
}

.blog-details .content-text .title h5 {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 8px;
    font-weight: 700;
    color: #323232;
}

.blog-details .content-text .image-text p {
    font-size: 16px;
    line-height: 26px;
    color: #888888;
    font-weight: 400;
}

.blog-details .left-side .text {
    margin: 40px 0px;
    padding: 40px 30px 33px;
    background: #f6f8f9;
    position: relative;
    width: 100%;
    float: left;
}

.blog-details .left-side .text p {
    font-size: 16px;
    font-style: italic;
    color: #888888;
    padding: 5px 0 0 42px;
}

.blog-details .left-side .text .name-quote {
    font-style: normal;
    color: #323232;
    font-weight: 700;
    text-align: right;
    position: relative; 
}

.blog-details .left-side .text .name-quote:before {
    content: "";
    position: absolute;
    right: 116px;
    bottom: 8px;
    width: 28px;
    height: 1px;
    background: #323232;
}

.blog-details .left-side .next-prv-btn {
    position: relative;
    width: 100%;
    margin: 40px 0 60px;
    border: 1px solid #e5e5e5;
    padding: 18px 0;
    border-left: none;
    border-right: none;
    float: left;
}

.blog-details .left-side .next-prv-btn a {
    color: #323232;
    font-size: 16px;

}

.blog-details .left-side .next-prv-btn a:hover{
  color: #0660a9;
}
.blog-details .left-side .next-prv-btn a.left-side{
  float: left;
}
.blog-details .left-side .next-prv-btn a.right-side{
  float: right;
}

.blog-details .left-side .comment-area {
    margin-bottom: 10px;
    position: relative;
    float: left;
    width: 100%;
}

.blog-details .left-side .comment-area .title h5{
  font-size: 22px;
  line-height: 32px;
  color: #323232;
  font-weight: 700;
}
.blog-details .left-side .item{
  position: relative;
  padding-left: 100px;
  margin-top: 20px;
  overflow: hidden;
}
.blog-details .left-side .item .image-box{
  position: absolute;
  top: 5px;
  left: 0px;
}
.blog-details .left-side .item h6{
  font-size: 17px;
  color: #222222;
  font-weight: 500;
  line-height: 24px;
}
.blog-details .left-side .item span{
  font-size: 13px;
  color: #848484;
  line-height: 26px;
  font-weight: 400;
}
.blog-details .left-side .item span i{
  margin-right: 5px;
}
.blog-details .left-side .item p{
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  padding-top: 10px;
}
.blog-details .left-side .form-area{
  padding-top: 40px;
  float: left;
}
.blog-details .left-side .form-area h3{
  position: relative;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #222222;
  margin-bottom: 20px;
}
.blog-details .left-side .form-group{
  margin-bottom: 30px;
}
.blog-details .left-side .form-group input{
  height: 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  box-shadow: none;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #d9d9d9;
}
.blog-details .left-side .form-group textarea{
  height: 160px;
  box-shadow: none;
  font-size: 16px;
  padding: 10px 20px;
  resize: none;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
}

.blog-details .left-side .form-group button {
    border-radius: 5px;
}

/***=============================================
    Blog Details style 2
=============================================***/
.blog-details.style-two {
  padding: 92px 0 30px;
}
.blog-details.style-two .item-holder {
  box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.blog-details.style-two .item-holder .content-text{
  padding: 30px;
}
.blog-details.style-two .item-holder .image-box img {
    width: 100%;
}

.blog-details.style-two .item-holder .author {
  padding-bottom: 20px;
}


.blog-details.style-two .item-holder .author ul li {
  display: inline-block;
  font-size: 14px;
  margin: 0 15px 0 0;
}

.blog-details.style-two .item-holder .author ul li a i{
  margin-right: 10px;
}

.blog-details.style-two .social-share-area {
  position: relative;
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
  margin-top: 30px;
}
.blog-details.style-two .social-share-area .tags {
  float: left;
}
.blog-details.style-two .social-share-area ul li {
  display: inline-block;
}
.blog-details.style-two .social-share-area ul li a{
  color: #707070;
}
.blog-details.style-two .social-share-area ul li i{
  color: #212121;
  font-size: 14px;
  margin-right: 10px;
}

.blog-details.style-two .social-share-area ul li a i{
  color: #99999b;
}

.blog-details.style-two .social-share-area ul li a:hover i{
  color: #212121;
}

.blog-details.style-two .social-share-area .share-btn {
  text-align: right;
}

.blog-details.style-two .content-text .title h5 {
  font-size: 22px;
  color: #212121;
}
.blog-details.style-two .content-text .image-text p {
  font-size: 16px;
  color: #707070;
}

.blog-details.style-two .left-side .text {
    margin:0;
    padding: 20px 0px;
    background: none;
    position: relative;
    width: 100%;
    float: left;
}

.blog-details.style-two .left-side .text p {
    font-size: 16px;
    font-style: italic;
    color: #707070;
    padding: 5px 0 0 42px;
}

.blog-details.style-two .left-side .text .name-quote {
    font-style: normal;
    color: #323232;
    font-weight: 700;
    text-align: right;
    position: relative; 
}

.blog-details.style-two .left-side .text .name-quote:before {
    content: "";
    position: absolute;
    right: 116px;
    bottom: 8px;
    width: 28px;
    height: 1px;
    background: #323232;
}

.blog-details.style-two .left-side .comment-area {
    margin-bottom: 10px;
    margin-top: 80px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

}
.blog-details.style-two .left-side .item {
  position: relative;
  padding-left: 100px;
  margin-top: 20px;
  overflow: hidden;
  padding-bottom: 30px;
}
.blog-details.style-two .left-side .item .image-box{
  position: absolute;
  top: 5px;
  left: 0px;
}

.blog-details.style-two .left-side .item .image-box img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.blog-details.style-two .left-side .item h6 {
  font-size: 16px;
  color: #212121;
  font-weight: 500;
  line-height: 24px;
  font-family: "Poppins". sans-serif;
}
.blog-details.style-two .left-side .item span {
  font-size: 14px;
  color: #707070;
  line-height: 26px;
  font-weight: 400;
   
}

.blog-details.style-two .left-side .item p{
  color: #707070;
}

.blog-details.style-two .left-side .social-comment li {
  display: inline-block;
  margin-right: 10px;
}

.blog-details.style-two .left-side .social-comment li a{
  color: #99999b;
  font-size: 14px;
}

.blog-details.style-two .left-side .social-comment li a:hover{
  color: #159eee;
}

.blog-details.style-two .left-side .releted-post {
  position: relative;
  padding: 80px 0 59px;
  float: left;
}

.blog-details.style-two .left-side .releted-post .relted-post-bloc {
  float: left;
  padding-right: 13px;
  position: relative;
  width: 33.3%;
}

.blog-details.style-two .left-side .releted-post .relted-post-bloc h5 {
  color: #212121;
  font-size: 18px;
  font-weight: 500;
}

.blog-details.style-two .left-side .releted-post h3 {
  font-size: 24px;
  font-weight: 600;
  color: #212121;
  padding-bottom: 20px
}
.blog-details.style-two .left-side .form-area {
  float: left;
}
.blog-details.style-two .left-side .releted-post .relted-post-bloc h5 {
  color: #212121;
  font-size: 18px;
  font-weight: 500;
  padding-top: 15px;
}

.blog-details.style-two .left-side .form-group button {
    border-radius: 5px;
}


/***=============================================
    Blog Details style 3
=============================================***/

.blog-details.style-two .item-holder .image-box{
  position: relative;
}
.blog-details.image-style .item-holder .image-box::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  height: 655px;
  width: 754px;
  z-index: 1;
  background-image: url(../images/icon/blog-detail-bg.png);
  background-repeat: no-repeat;
}

.blog-details.image-style .item-holder .image-box img {
    width: auto;
    max-width: 100%;
}


.blog-details.image-style .releted-post .image-box{
  position: relative;
}
.blog-details.image-style .releted-post .image-box::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  height: 219px;
  width: 252px;
  z-index: 1;
  background-image: url(../images/icon/relted-post-bg.png);
  background-repeat: no-repeat;
}

.blog-details.image-style .releted-post .image-box img {
    width: auto;
    max-width: 100%;
}

/*** 

====================================================================
  Project Details
====================================================================

***/

.project-details {
    position: relative;
    width: 100%;
    padding: 92px 0 70px;
}

.project-details h3 {
    color: #323232;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

.project-details p {
    padding: 15px 0;
    color: #888888;
    font-size: 16px;
}

.project-details .project-names {
    position: relative;
}

.project-details .project-names ul {
    position: relative;
    width: 40%;
    float: left;
}

.project-details .project-names ul li {
    border: 1px solid #f2f2f2;
    padding: 10px;
    color: #888888;
}

.project-details .text {
    position: relative;
    width: 100%;
    padding-top: 25px;
}


/*** 

====================================================================
  Project Details style 2
====================================================================

***/
.project-details.style-two .left-content-area{
  position: relative;
}

.project-details.style-two .img-wrapper::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  height: 639px;
  width: 655px;
  z-index: 1;
  background-image: url(../images/icon/about-images-1.png);
  background-repeat: no-repeat;
}

.project-details.style-two .project-names {
    position: relative;
    padding-bottom: 122px;
    float: left;
}

.project-details.style-two .project-names ul{
  width: 100%;
}

.project-details.style-two p {
  color: #707070;
}

.project-details.style-two .project-names ul li{
  border:none;
  padding: 10px 0; 
  color: #707070; 
}

.project-details.style-two .project-over {
    float: left;
    position: relative;
    padding: 130px 0 0px 0;
}


/*** 

====================================================================
  Why choose sec
====================================================================

***/

.why-choose-sec .item-holder {
  position: relative;
  padding: 92px 60px 78px 220px;
  margin-right: -15px;
  z-index: 1;
  background: #1a9fec;
}

.why-choose-sec .form-consu {
    padding: 90px 207px 80px 65px;
    background: #ffeb99;
    margin-left: -15px;
}

.why-choose-sec .sec-title{
  padding-bottom: 20px;
}

.why-choose-sec .sec-title h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
   
  margin: 0 0 1px;
  font-family: "Roboto", sans-serif;
}

.why-choose-sec .item-holder p{
  color: #fff;
}

.why-choose-sec .item-holder .icon-area h5 {
  font-size: 22px;
  color: #fff;
  padding-bottom: 8px;
  font-family: "Poppins", sans-serif;
}

.why-choose-sec .form-consu h2{
  color: #212121;
}

.why-choose-sec .form-consu p{
  color: #707070;
}

.why-choose-sec .item-holder .icon-area p{
  line-height: 28px;
}

.why-choose-sec .item-holder .icon-area {
    display: table;
    position: relative;
    width: 100%;
    padding: 15px 0;
}

.why-choose-sec .item-holder .icon-area .icon-box {
    display: table-cell;
    width: 76px;
    vertical-align: top;
}

.why-choose-sec .form-consu .form-sec {
    padding: 25px 0 0;
}

.why-choose-sec .form-consu .form-group{
  margin-bottom: 20px;
}
.why-choose-sec .form-consu .form-group input[type="text"],
.why-choose-sec .form-consu .form-group input[type="email"],
.why-choose-sec .form-consu .form-group input[type="tel"],
.why-choose-sec .form-consu .form-group select,
.why-choose-sec .form-consu .form-group textarea{
  color: #272727;
  display: block;
  font-size: 16px;
  height: 50px;
  padding: 10px 20px;
  width: 100%;
  font-weight: 400;
   
  font-family: 'Roboto', sans-serif;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  border-radius: 10px;
}
.why-choose-sec .form-consu .form-group textarea{
  resize: none;
  height: 130px;
  border-radius: 10px;
}
.why-choose-sec .form-consu .form-group button{
  display: inline-block;
  border-radius: 5px;
}

/*** 

====================================================================
  Why choose sec style 2
====================================================================

***/

.why-choose-sec.style-two{
  padding: 57px 0 100px;

}

.why-choose-sec.style-two .item-holder {
  background: #fff;
}

.why-choose-sec.style-two .form-consu {
    background: #a7def9;
}

.why-choose-sec.style-two .sec-title h2 {
  color: #212121;
}

.why-choose-sec.style-two .item-holder p{
  color: #363636;
}

.why-choose-sec.style-two .item-holder .icon-area h5 {
  font-size: 22px;
  color: #363636;
}

.why-choose-sec.style-two .form-consu h2{
  color: #110051;
}

.why-choose-sec.style-two .form-consu p{
  color: #110051;
}

.why-choose-sec .form-consu .form-group{
  margin-bottom: 20px;
}
.why-choose-sec .form-consu .form-group input[type="text"],
.why-choose-sec .form-consu .form-group input[type="email"],
.why-choose-sec .form-consu .form-group input[type="tel"],
.why-choose-sec .form-consu .form-group select,
.why-choose-sec .form-consu .form-group textarea{
  color: #272727;
  display: block;
  font-size: 16px;
  height: 50px;
  padding: 10px 20px;
  width: 100%;
  font-weight: 400;
   
  font-family: 'Roboto', sans-serif;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  border-radius: 10px;
}
.why-choose-sec .form-consu .form-group textarea{
  resize: none;
  height: 130px;
  border-radius: 10px;
}
.why-choose-sec .form-consu .form-group button{
  display: inline-block;
  border-radius: 5px;
}


/*** 

====================================================================
  FAQ'S area
====================================================================

***/
.faq {
  position: relative;
  width: 100%;
  padding: 92px 0 70px;
}
.faq .accordion {
    position: relative;
    margin-bottom: 103px;
}

.faq .accordion i {
    position: relative;
    width: 160px;
    height: 60px;
    float: left;
    font-size: 16px;
    color: #888888;
    text-align: center;
    line-height: 56px;
}

.faq .accordion i:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 114%;
    width: 1px;
    height: 96px;
    background: #888888;
}

.faq .accordion i.border:before {
    display: none;
}

.accordion .accord-btn h4 {
    color: #888888;
    font-size: 16px;
    line-height: 25px;
    -webkit-transition: all 500ms ease;
       -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
    text-transform: none;
    padding-top: 14px;
    padding-left: 80px;
}

.accordion .accord-content {
    position: relative;
    border-top: medium none;
    padding: 18px 0px 10px 80px;
}

.accordion .accord-content p {
    margin: 0;
    font-size: 16px;
    color: #888888;
    line-height: 25px;
    font-weight: 400;
}


/*** 

====================================================================
  FAQ'S stylle 2
====================================================================

***/

.faq.style-two {
    position: relative;
    width: 100%;
    padding: 92px 0 35px;
}

.busizon-accordion{
    float:left;
    width:100%;
}
.busizon-accordion .toggle-item{
    float:left;
    margin-bottom:10px;
    width:100%;
}
.busizon-accordion .toggle-item > h2{
    color:#212121;
    cursor:pointer;
    float:left;
    font-size:18px;
    font-weight:500;
    margin:0;
    padding:15px 30px;
    position:relative;
    width:100%;
    border: 1px solid #e5e5e5; 
}
.busizon-accordion .toggle-item > h2:before{
    color:#212121;
    content:"\f107";
    font-family:fontawesome;
    font-size:13px;
    line-height:48px;
    position:absolute;
    right:0;
    top:0;
    width:50px;
    text-align: center;
    border-left: 1px solid #e5e5e5; 
}
.busizon-accordion .toggle-item.activate h2.active{
    color:#212121;
}
.busizon-accordion .toggle-item.activate h2.active:before{content:"\f106";}
.busizon-accordion .content{
    float:left;
    margin-bottom:10px;
    margin-top:20px;
    width:100%;
}
.busizon-accordion .content p{
    color:#707070;
    letter-spacing:0.4px;
    line-height:30px;
    margin:0;
    padding: 0 25px;
}
.busizon-accordion .alignleft{
    float:left;
    margin-right:20px;
}

.faq.style-two .faq-content h2{
    color:#212121;
    font-size:18px;
    font-weight:500;
    margin:0;
    padding:0px 0px 15px;
    position:relative;
  }

.faq.style-two .faq-content p{
  color:#707070;
  letter-spacing:0.4px;
  line-height:30px;
  padding-bottom: 20px;
}

/*** 

====================================================================
  Error Page
====================================================================

***/

.error-page {
  position: relative;
  width: 100%;
  padding: 92px 0 96px;
}

.error-page .error-text h1 {
    font-size: 70px;
    font-weight: 700;
    color: #323232;
    font-family: 'Roboto', sans-serif;
}

.error-page .error-text h5{
  font-size: 22px;
    color: #888888;
    font-weight: 500;
    padding: 30px 0 45px;
}

.error-page .error-text .error-btn {
    border-radius: 5px;
}

.error-page .error-text .error-btn:hover{
  color: #fff;
}

/*** 

====================================================================
  Error Pages Style 2
====================================================================

***/

.error-page.style-two {
  position: relative;
  width: 100%;
  padding: 92px 0 46px;
}

.error-page.style-two .error-text h5 {
  font-size: 22px;
  color: #212121;
  font-weight: 500;
  padding: 30px 0 45px;
  font-family: "Poppins";
}

.error-page.style-two .error-text .error-btn {
  border-radius: 0;
  color: #707070;
  font-size: 16px;
  margin-right: 35px;
  transition: all 0.5s ease-out;
   
}

.error-page.style-two .error-text .error-btn i {
    margin-right: 10px;
}
.error-page.style-two .error-text .error-btn.active,
.error-page.style-two .error-text .error-btn:hover{
  color: #159eee;
}

/*** 

====================================================================
  Sponser Area
====================================================================

***/

.sponser-sec{
  position: relative;
  width: 100%;
  padding:50px 0; 
}

.sponser-sec .single-item .img-holder img{
  width: auto;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

.sponser-sec .single-item:hover .img-holder img{
  -webkit-filter: grayscale(0); 
  -moz-filter: grayscale(0); 
  -ms-filter: grayscale(0); 
  -o-filter: grayscale(0); 
  filter: grayscale(0);
}


.sponser-sec .single-item.style-two .img-holder img{
  width: auto;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  -ms-filter: grayscale(100%); 
  -o-filter: grayscale(100%); 
  filter: grayscale(100%);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  opacity: 0.5;
}

.sponser-sec .single-item.style-two:hover .img-holder img{
  -webkit-filter: grayscale(0); 
  -moz-filter: grayscale(0); 
  -ms-filter: grayscale(0); 
  -o-filter: grayscale(0); 
  filter: grayscale(0);
  opacity: 1;
}

.sponser-carousel {width: 100%;float: left;position: relative;overflow: hidden;}

.owl-item {
    float: left;
    overflow: hidden;
}

.owl-stage {
    overflow: hidden;
}


/*** ====================================================================
  Sponser Area
====================================================================***/

.sponser-sec.style-two{
  position: relative;
  width: 100%;
  padding:50px 0; 
  background: #ba6153;
}

/*** 

====================================================================
  Footer Area
====================================================================

***/

.footer-area {
    position: relative;
    background: #2e363a;
    padding: 95px 0px 10px;
}
.single-footer-widget{
    margin-bottom: 40px;
}
.single-footer-widget .footer-logo {
    padding: 0 0 20px;
}
.single-footer-widget .our-info p {
    margin: 0;
    color: #cccccc;
    font-size: 16px;
}
.single-footer-widget .footer-social-links {
  overflow: hidden;
  margin-top: 25px;
}
.single-footer-widget .footer-social-links li {
  display: inline-block;
  margin-right: 5px;
}
.single-footer-widget .footer-social-links li:last-child {
  margin-right: 0px;
}
.single-footer-widget .footer-social-links li a i {
  color: #ffffff;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  height: 42px;
  width: 42px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
}
.single-footer-widget .footer-social-links li a:hover i {
    background: #0660a9;
    border-color: #0660a9;
}
.single-footer-widget .title {
    padding-bottom: 28px;
    margin-top: 5px;
}
.single-footer-widget .title h5 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
     
    position: relative;
}
.single-footer-widget .title h5:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: -13px;
  height: 2px;
  width: 40px;
  background: #fff;
}
.single-footer-widget.wedo{
    padding-left: 60px;
}
.single-footer-widget .we-do-list li{
  margin-bottom: 12px;
}
.single-footer-widget .we-do-list li:last-child{
    margin-bottom: 0;
}
.single-footer-widget .we-do-list li a{
    color: #cccccc;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 700ms ease;
       -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
         -o-transition: all 700ms ease;
            transition: all 700ms ease;
    font-family: 'Roboto', sans-serif;
}
.single-footer-widget .we-do-list li a span {
    float: right;
}
.single-footer-widget .we-do-list li i {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 700;
}
.single-footer-widget .we-do-list li:hover a{
    color: #0660a9;
}
.single-footer-widget p {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    color: #dddddd;
}

.single-footer-widget .news-link {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    color: #dddddd;
    float: left;
    margin-bottom: 10px;
}

.single-footer-widget .news-link span{
  width: 100%;
  float: left;
  font-size: 13px;
  color: #bbc0d2;
  font-style: italic;
}
.single-footer-widget .footer-contact-info li{
    position: relative;
    margin-bottom: 10px;
}
.single-footer-widget .footer-contact-info li:last-child{
    margin-bottom: 0;
}
.single-footer-widget .footer-contact-info li strong {
    margin-right: 15px;
    color: #bec2c6;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.single-footer-widget .footer-contact-info li p {
    color: #bec2c6;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    display: inline-flex;
    margin-bottom: 0px;
}
.single-footer-widget .footer-contact-info li:hover p a{
    color: #f5365e;
}

.single-footer-widget .contact-form .form-group{
  margin-top: 20px;
}
.single-footer-widget .form-group input[type="email"]{
    color: #000;
    display: block;
    font-size: 16px;
    height: 50px;
    width: 100%;
    line-height: 26px;
    font-weight: 400;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid#30333a;
    box-shadow: none;
     
    font-family: 'Roboto', sans-serif;
    transition: all 500ms ease;
}

.footer-bottom-area {
    background: #2e363a;
    padding: 20px 0 11px;
    border-top: 1px solid #3d4447;
}
.footer-bottom-area p {
    color: #cccccc;
    font-size: 14px;
    font-weight: 400;
}
.footer-bottom-area p a{
  color: #cccccc; 
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}
.footer-bottom-area p:hover a{
  color: #0660a9;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}

/*** 

====================================================================
  Footer Style 2
====================================================================

***/

.footer-area.style-two{
  background: #fff;
  border-top: 1px solid #e5e5e5;
}

.footer-area.style-two .single-footer-widget .title h5 {
    color: #363636;
    font-size: 22px;
    font-weight: 500;
     
    position: relative;
    font-family: "Poppins", sans-serif;
}
.footer-area.style-two .single-footer-widget .title h5:before{
  display: none;
}

.footer-area.style-two .single-footer-widget p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #363636;
}

.footer-area.style-two .phone-footer {
  float: left;
  position: relative;
  padding-top: 20px;
}

.footer-area .phone-footer h5 {
  font-size: 22px;
  color: #159eee;
  font-family: "Poppins";
  line-height: 40px;
}

.footer-area .phone-footer h6 {
  font-size: 18px;
  font-weight: 700;
  color: #363636;
  font-family: "Poppins";
}

.footer-area.style-two .single-footer-widget .we-do-list li a{
    color: #363636;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 700ms ease;
       -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
         -o-transition: all 700ms ease;
            transition: all 700ms ease;
    font-family: 'Roboto', sans-serif;
}
.footer-area.style-two .single-footer-widget .we-do-list li:hover a{
    color: #159eee;
}

.footer-area .latest-news-post {
  display: table;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.footer-area .latest-news-post figure {
  display: table-cell;
  width: 70px;
  vertical-align: top;
  padding-right: 10px;
}

.footer-area .latest-news-post .news-link {
    display: table-cell;
    position: relative;
    color: #363636;
}

.footer-area .latest-news-post .news-link span{
  color: #888888;
}

.footer-area .img-list li {
    display: inline-block;
    padding: 3px;
}

.footer-bottom-area.style-two {
    background: #fff;
    padding: 20px 0 11px;
    border-top: 1px solid #e5e5e5;
}

.footer-bottom-area.style-two .footer-social-links {
    float: left;
}
.footer-bottom-area.style-two .footer-social-links li {
  display: inline-block;
  margin-right: 5px;
}
.footer-bottom-area.style-two .footer-social-links li:last-child {
  margin-right: 0px;
}
.footer-bottom-area.style-two .footer-social-links li a i {
  color: #363636;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  height: 42px;
  width: 42px;
  border: 1px solid rgba(0, 0, 0, 0.7);
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
}
.footer-bottom-area.style-two .footer-social-links li a:hover i {
    background: #159eee;
    border-color: #159eee;
    color: #fff;
}
.footer-bottom-area.style-two p {
    color: #363636;
    font-size: 16px;
    font-weight: 400;
}
.footer-bottom-area.style-two p a{
  color: #159eee; 
}

.footer-bottom-area.style-two p .yellow{
  color: #e39f10; 
}


.footer-bottom-area.style-three {
    background: #a7def9;
    padding: 20px 0 11px;
    border-top: none ;
}

.footer-bottom-area.style-three .footer-social-links {
    float: left;
}
.footer-bottom-area.style-three .footer-social-links li {
  display: inline-block;
  margin-right: 5px;
}
.footer-bottom-area.style-three .footer-social-links li:last-child {
  margin-right: 0px;
}
.footer-bottom-area.style-three .footer-social-links li a i {
  color: #110051;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  height: 42px;
  width: 42px;
  border: 1px solid rgba(17, 0, 81, 1);
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
}
.footer-bottom-area.style-three .footer-social-links li a:hover i {
    background: #110051;
    border-color: #110051;
    color: #fff;
}
.footer-bottom-area.style-three p {
    color: #110051;
    font-size: 16px;
    font-weight: 400;
}
.footer-bottom-area.style-three p a{
  color: #159eee; 
}

.footer-bottom-area.style-three p .yellow{
  color: #e39f10; 
}

/*** ====================================================================
  Footer Style Three
====================================================================***/

.footer-area.style-three{
  background-color: #133046; 
  padding: 36px 0px 0;
}

.footer-area.style-three::after {
  content: "";
  position: absolute;
  left: 0;
  top: -230px;
  width: 100%;
  height: 335px;
  background-image: url(../images/resources/footer-bg.png);
  z-index: 1;
  background-size: 100%;
  background-repeat: no-repeat;
}

.footer-area.style-three .newslater .sec-title h2,
.footer-area.style-three .newslater .sec-title p{
  color: #fff;
}

.footer-area.style-three .newslater .contact-form {
  position: relative;
  width: 100%;
}

.footer-area.style-three .newslater .contact-form input[type="email"] {
  width: 100%;
  padding: 12px 20px;
  color: #fff;
  background: #395164;
  border: none;
}

.footer-area.style-three .newslater {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 70px;
  border-bottom: 1px solid #f26144;
  padding-bottom: 70px;
}

.footer-area.style-three .single-footer-widget .title h5::before {
  display: none;
}

.footer-area.style-three  .single-footer-widget .we-do-list li a{
  color: #fff;
}
.footer-area.style-three  .single-footer-widget .we-do-list li a:hover{
  color: #f26144;
}
.addres-footer {
  position: relative;
  width: 100%;
}
.addres-footer ul li {
  padding-bottom: 30px;
  color: #fff;
}

.addres-footer ul li i:before {
  margin-left: 0;
  margin-right: 20px;
}

.footer-area.style-three .single-footer-widget .footer-social-links {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 20px;
}
.footer-area.style-three .single-footer-widget .footer-social-links li i:before{
  margin-left: 0;
}
.footer-area.style-three .single-footer-widget .footer-social-links li a i {
  color: #ffffff;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: 0;
  text-align: center;
  line-height: 16px;
  border-radius: 0;
}

.footer-area.style-three .single-footer-widget .contact-form .form-group {
  margin-top: 20px;
  float: left;
}

.footer-area.style-three .single-footer-widget h6 {
  font-size: 16px;
  color: #fff;
}

.footer-area.style-three .single-footer-widget .footer-social-links li a:hover i {
  background: none;
  border-color: none;
}

.footer-bottom-area.style-four {
    background: #133046;
    padding: 20px 0 11px;
    border-top: none ;
}

/*** 

====================================================================
  Page Title
====================================================================

***/

.page-title{
  position: relative;
  z-index: 1;
  padding: 100px 0px 90px;
}
.page-title:before{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
}

.page-title.style-two:before{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  z-index: -1;
  background: rgba(0, 0, 0, 0.7);
}
.page-title h2{
  font-size: 45px;
  font-weight: 700;
  line-height: 52px;
  color: #ffffff;
  padding-bottom: 10px;
  display: inline-block;
   
  font-family: "Poppins"
}
.page-title .title-manu li{
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  margin-left: 5px;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
   
}
.page-title .title-manu li:nth-child(1){
  margin-left: 0px;
}
.page-title .title-manu li a{
  color: #ffffff;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}
.page-title .title-manu li a:hover{
  color: #0660a9;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}



/*** 

=============================================
    Testimonial Section
=============================================

***/

.testimonial-section{
  padding: 100px 0px 40px;
}
.testimonial-section .item{
  margin-bottom: 60px;
}
.testimonial-section .item .icon-box{
  display: block;
  margin-bottom: 20px;
}
.testimonial-section .item p{
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
}
.testimonial-section .item .info{
  position: relative;
  padding-left: 75px;
  padding-top: 6px;
  overflow: hidden;
  margin-top: 20px;
}
.testimonial-section .item .info img{
  position: absolute;
  top: 0px;
  left: 0px;
}
.testimonial-section .item .info h6{
  font-size: 16px;
  line-height: 26px;
  color: #2f323c;  
}
.testimonial-section .item .info p{
  font-size: 13px;
  line-height: 20px;
  color: #f5365e;
  font-weight: 400;
}


/*** =============================================
    Report form area
=============================================***/

.report-form {
  position: relative;
  width: 100%;
  padding: 100px 0 65px;
}

.report-form::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
  background-color: #ba6153;
  background-image: -webkit-linear-gradient(to #2a4458, #8d5b57 , #f17056);
  background-image: -moz-linear-gradient(to #2a4458, #8d5b57 , #f17056);
  background-image: -ms-linear-gradient(to #2a4458, #8d5b57 , #f17056);
  background-image: -o-linear-gradient(to #2a4458, #8d5b57 , #f17056);
  background-image: linear-gradient(to #2a4458, #8d5b57 , #f17056);
  opacity: 0.8;
  z-index: 1;
}

.report-form .form-area {
  position: relative;
  z-index: 9;
  width: 100%;
  text-align: center; 
}
.report-form .form-area h2 {
  color: #fff;
  margin-bottom: 20px;
}
.report-form .form-area p {
  color: #fff;
  margin-bottom: 40px;
}

.report-form .form-area .contact-form .form-group {
    margin-bottom: 20px;
    margin-right: 0;
}
.report-form .form-area .form-group input[type="email"],
.report-form .form-area .form-group input[type="url"]{
  color: #272727;
  display: block;
  font-size: 16px;
  height: 50px;
  padding: 10px 20px;
  width: 100%;
  font-weight: 400;
   
  font-family: 'Roboto', sans-serif;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  border-radius: 0px;
}

/*** ====================================================================
   Mockup Sec
====================================================================***/

.mockup-sec{
  position: relative;
  width: 100%;
  padding:100px 0;
  background:#ba6153;  
}
.mockup-sec .right-content-area {
  position: relative;
  width: 100%;
  padding: 92px 50px 0 10px;
}
.mockup-sec .right-content-area h2 {
  color: #133046;
  line-height: 41px;
  margin-bottom: 30px;
}
.mockup-sec .right-content-area a {
  color: #133046;

}
.mockup-sec .right-content-area a:hover {
  color: #fff;
}

/***====================================================================
   Map Section
====================================================================***/
.our-potfolio {
  position: relative;
  width: 100%;
  padding: 100px 0 0;
}
.our-potfolio .sec-title {
  padding-bottom: 100px;
}

.our-potfolio .project-block {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 150px;
}

.our-potfolio .left-content-area {
  position: relative;
  padding: 50px 0 0 0;
  float: left;
  width: 100%;
}

.our-potfolio .left-content-area.style-two{
  padding: 0;
}
.our-potfolio .right-content-area{
  position: relative;
  float: left;
  width: 100%;
}
.our-potfolio .right-content-area.style-two{
  padding: 50px 0 0 0;
}
.our-potfolio .img-wrapper{
  position: relative;
  width: 100%;
  float: left;
}
.our-potfolio .img-wrapper::after {
  content: "";
  position: absolute;
  left: -96px;
  top: -67px;
  width: 500px;
  height: 460px;
  background-image: url(../images/resources/portfolio-bg.png);
}

.our-potfolio .left-content-area .img-wrapper::after {
  left: 0;
}
.our-potfolio .img-wrapper img {
  width: 340px;
  height: 340px;
  border-radius: 50%;
}

.our-potfolio .left-content-area  .img-wrapper img {
  margin-left: 92px;
}
.our-potfolio .count-btn {
  font-size: 80px;
  color: #fff;
  background: #133046;
  display: block;
  width: 227px;
  height: 168px;
  line-height: 166px;
  text-align: center;
  font-family: "Poppins";
  font-weight: 600;
  border-radius: 30px 0 30px 0;
  margin-bottom: 25px;
}

.our-potfolio .left-content-area h2,
.our-potfolio .right-content-area h2 {
  color: #e66046;
  font-weight: 300;
  margin-bottom: 20px;
}
.our-potfolio p{
  color: #121212;
  margin-bottom: 20px;
}
/*** ====================================================================
   paralex bottom slider
====================================================================***/

.paralex-bottom-slider{
  position: relative;
  width: 100%;
  padding: 70px 0;
}
.paralex-bottom-slider::before {
  width: 0;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-top: 55px solid #e6b963;
  left: 45%;
  bottom: -55px;
  content: "";
  z-index: 1;
  position: absolute;
}

.paralex-bottom-slider .left-content-area h2{
  font-size: 45px;
  color: #111111;
  font-weight: 600;
  line-height: 1.2em;
}

.paralex-bottom-slider .right-content-area p{
  color: #111;
}

.paralex-bottom-slider .right-content-area a{
  color: #147bcd;
}

.paralex-bottom-slider .right-content-area a:hover{
  color: #111;
}


/*** ====================================================================
   Left Image Sec
====================================================================***/

.left-image-sec{
  position: relative;
  width: 100%;
  padding: 100px 0 70px; 
}
.left-image-sec::before {
  width: 0;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-top: 55px solid #e6b963;
  left: 45%;
  bottom: -55px;
  content: "";
  z-index: 1;
  position: absolute;
}
.left-image-sec .sec-title p {
  margin-top: 25px;
  color: #333333;
}

/*** 

====================================================================
   Map Section
====================================================================

***/

.contact-us{
  position: relative;
  width: 100%;
  padding: 92px 0 80px; 
}

.contact-us .map-cont {
    height: 485px;
    width: 100%;
    margin-bottom: 60px;
}

.contact-us h4 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    font-family: "Roboto";
    margin-bottom: 30px;
}

.contact-us .contact-info {
    position: relative;
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 40px 45px;
}
.contact-us .contact-info i:before {
    font-size: 35px;
    color: #0660a9;
    margin: 0;
}

.contact-us .contact-info h5 {
    font-size: 18px;
    font-weight: 700;
    color: #323232;
    padding: 15px 0;
}

.contact-us .form-sec{
  position: relative;
  width: 100%;
  padding-top: 60px;
}

.contact-us .contact-form .form-group {
    margin-bottom: 20px;
    margin-right: 10px;
}
.contact-us .form-group input[type="text"],
.contact-us .form-group input[type="email"],
.contact-us .form-group input[type="tel"],
.contact-us .form-group input[type="url"],
.contact-us .form-group textarea{
  color: #272727;
  display: block;
  font-size: 16px;
  height: 50px;
  padding: 10px 20px;
  width: 100%;
  font-weight: 400;
   
  font-family: 'Roboto', sans-serif;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  border-radius: 5px;
}
.contact-us .form-group textarea{
  resize: none;
  height: 130px;
  border-radius: 5px;
}
.contact-us .form-group button{
  display: inline-block;
  border-radius: 5px;
}

.contact-us .form-sec .col-md-6,
.contact-us .form-sec .col-md-12 {
    padding: 0;
}

.contact-us .contact-block {
  position: relative;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #eeeeee;
}
.contact-us .contact-block h5 {
  font-size: 22px;
  color: #212121;
  font-family: "Poppins";
  font-weight: 500;
  padding-bottom: 15px;
}
.contact-us .contact-block p {
  color: #707070;
}

.contact-us.style-two {
    position: relative;
    width: 100%;
    padding: 92px 0 30px;
}

.contact-us.style-two .col-md-12{
  padding: 0px; 
}

.contact-us.style-two .form-sec .col-md-6, 
.contact-us.style-two .form-sec .col-md-12 {
    padding: 0 15px;
}


.contact-us.style-two .form-sec {
  padding-top: 0px; 
}


/*New Style Here after send WP devolper*/
.bg-clr16{
  background: #00adff;  
  color: #fff;
  position: relative;
  border: 0;
  border-radius: 0;
}
.bg-clr16:before {
  background-color: #e84a4a;
  border: 0;
  border-radius: 0;
}
.bg-clr16:hover{
  color: #fff;
  border: 0;
}

.bg-clr17{
  background: #e84a4a;  
  color: #fff;
  position: relative;
  border: 0;
  border-radius: 0;
}
.bg-clr17:before {
  background-color: #fff;
  border: 0;
  border-radius: 0;
}
.bg-clr17:hover{
  color: #00adff;
  border: 0;
}

.bg-clr18{
  background: none;  
  color: #666666;
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 0;
}
.bg-clr18:before {
  background-color: #00adff;
  border: 1px solid #00adff;
  border-radius: 0;
}
.bg-clr18:hover{
  color: #fff;
  border: 0;
  border: 1px solid #00adff;
}

/*** ====================================================================
   latest project area style 5
====================================================================***/

.latest-project-area.style-four {
  padding: 154px 0 100px;
  background: #fff;
}
.latest-project-area.style-four .project-content .col-md-4.col-sm-6.col-xs-12 {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}
.latest-project-area.style-four .item{
  overflow: hidden;
}
.latest-project-area.style-four .overlay {
  position: absolute;
  top: 0px;
  left: 100%;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(230, 185, 99, 0.85);
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  transform: scale(0, 0);
}
.latest-project-area.style-four .item:hover .overlay {
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
  left: 0;
}

.latest-project-area.style-four .overlay i {
  position: absolute;
  left: 47%;
  top: 54%;
  transform: translateX(-50%) translateY(-50%);
}

.latest-project-area.style-four .project-filter li span {
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
   
  border: none;
  padding: 17px 30px;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.latest-project-area.style-four .project-filter li.active span, 
.latest-project-area.style-four .project-filter li:hover span {
  color: #fff;
  background: #147bcd;
}

/*** ====================================================================
   client sec style 4 
====================================================================***/

.client-sec.style-four {
  padding: 92px 0 90px;
  background: none;
  position: relative;
}

.client-sec.style-four::before {
  width: 0;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-top: 55px solid #e6b963;
  left: 45%;
  bottom: -55px;
  content: "";
  z-index: 11;
  position: absolute;
}
.client-sec.style-four .single-item{
  background:none;
  border:none;  
}
.client-sec.style-four .single-item .img-holder img {
  width: 166px;
  height: 166px;
  border-radius: 50%;
  margin: 0 auto;
  border: 2px dotted #000;
  padding: 8px;
}
.client-sec.style-four .single-item .text-holder h2 {
    color: #111111;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2em;
}
.client-sec.style-four  .single-item .text-holder h6 {
  font-size: 14px;
  font-family: "Roboto";
  font-style: normal;
  color: #147bcd;
}
.client-sec.style-four .single-item::after {
  display: none;
}
.client-sec.style-four .single-item .text-holder p {
  color: #153641;
  padding-top: 25px;
  z-index: 1111;
  position: relative;
}
.client-sec.style-four .owl-nav {
  display: block !important;
}


/*** ====================================================================
   client sec style 4 
====================================================================***/

.blog-section.style-seven{
  background:#fff; 
  padding: 150px 0px 8px;
}

.blog-section.style-seven .item-holder {
  border-radius: 0;
  border: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-section .item-holder:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-box-shadow: 0 0 0px 0px #f1f1f1;
  -moz-box-shadow: 0 0 0px 0px #f1f1f1;
  -ms-box-shadow: 0 0 0px 0px #f1f1f1;
  -o-box-shadow: 0 0 0px 0px #f1f1f1;
  box-shadow: 0 0 0px 0px #f1f1f1;
}

.blog-section.style-seven .text-area .time {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: #1085e3;
  text-align: center;
  border-radius: 0;
  padding-top: 10px;
  margin-top: 34px;
  float: left;
}
.blog-section.style-seven .text-area .time .date {
    font-size: 30px;
    line-height: 16px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0;
}
.blog-section.style-seven .text-area .time .month {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
}
.blog-section.style-seven .text-area .content-text {
  padding: 30px 0px 20px 77px;
}

/*------------------------
    Pricing  area
-------------------------*/
.pricing-area {
  padding: 150px 0 90px;
  position: relative;
  width: 100%;
}
.pricing-area .single-pricing-table {
  -webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
  text-align: center; 
  background:#e6b963;
  margin-bottom: 50px;
}
.pricing-area .single-pricing-table .text-area {
  position: relative;
  padding: 28px 0 74px 0; 
}
.pricing-area .single-pricing-table .text-area .price {
  margin-bottom: 25px; 
}
.pricing-area .single-pricing-table .text-area .price .name {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #111111;
  margin-bottom: 5px;
}
.pricing-area .single-pricing-table .text-area .price .month {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #147bcd;
}
.pricing-area .single-pricing-table .text-area ul li {
  display: block;
  font-size: 14px;
  color: #333333;
  line-height: 30px;
}
.pricing-area .single-pricing-table .text-area a {
  border: 1px solid #147bcd;
  -webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 50%;
  bottom: -21px;
  background-color: #fff;
  padding: 10px 30px;
  font-size: 14px;
  color: #147bcd;
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -webkit-transform: translateX(-50%);
  /* Chrome, Safari, Opera */
  transform: translateX(-50%); 
}
.pricing-area .single-pricing-table:hover .text-area a,
.pricing-area .single-pricing-table.crrunt .text-area a {
  background-color: #147bcd;
  color: #fff; 
}
.single-pricing-table .image-wrapper img{
  width: 100%;
}

/*------------------------
    Contact Area style 5
-------------------------*/
.contact-area.style-five {
  position: relative;
  width: 100%;
  background: transparent;
  padding: 100px 0 70px;
}
.contact-area.style-five::before {
  width: 0;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-top: 55px solid #e6b963;
  left: 45%;
  bottom: -55px;
  content: "";
  z-index: 11;
  position: absolute;
}
.contact-area.style-five .single-item{
  position: relative;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin: 30px 0;
}
.contact-area.style-five .single-item .tex-area h4 {
  font-size: 22px;
  color: #111111;
  font-weight: 600;
  margin-bottom: 6px;
  font-family: "Poppins", sans-serif
}
.contact-area.style-five .single-item .tex-area p{
  color: #333;
}
.contact-area.style-five .single-item .icon-box{
  margin-bottom: 40px;
}
.contact-area.style-five .single-item .icon-box i::before {
  font-size: 60px;
  color: #147bcd;
  background: #fff;
  border-radius: 50%;
  padding: 24px;
  margin-left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.contact-area.style-five .single-item:hover .icon-box i::before{
  color: #fff;
  background: #147bcd;
}

/*------------------------
    Footer Area style 4
-------------------------*/

.footer-area.style-four{
  background:#fff; 
}
.footer-area.style-four .footer-top-inner .footer-links li {
  display: inline-block;
  margin: 0 15px; 
}
.footer-area.style-four .footer-top-inner .footer-links li a {
  color: #8e96a0;
  font-size: 14px;
  font-weight: 700; 
}
.footer-area.style-four .footer-top-inner .social-icons {
  margin-bottom: 32px; 
}
.footer-area.style-four .footer-top-inner .social-icons li {
  display: inline-block;
  margin: 0 5px; 
}
.footer-area.style-four .footer-top-inner .social-icons li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ddd;
  line-height: 50px;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; 
}
.footer-area.style-four .footer-top-inner .social-icons li a:hover {
  opacity: .8; 
}
.footer-area.style-four .footer-top-inner .social-icons li a.facebook {
  background-color: #3b5999; 
}
.footer-area.style-four .footer-top-inner .social-icons li a.twitter {
  background-color: #55acee; 
}
.footer-area.style-four .footer-top-inner .social-icons li a.linkedin {
  background-color: #0077B5; 
}
.footer-area.style-four .footer-top-inner .social-icons li a.behance {
  background-color: #003ECB; 
}

.footer-bottom-area.style-five {
  background: #e6b963;
  border: none;
}

.footer-bottom-area.style-five p, 
.footer-bottom-area.style-five a{
  color: #333333;
}

/*------------------------
    Header Area style 4
-------------------------*/

.header-area .header-add {
    float: right;
}
.red-text {
  color: #e84a4a;
}
.top-bar-area.style-five .social-links li i {
  width: 30px;
  height: 30px;
  line-height: 15px;
  color: #fff;
  padding: 8px 10px;
  border-radius: 50%;
}
.top-bar-area.style-five .social-links li .facebook i{
  background:#325c94; 
  padding: 8px 12px;
}
.top-bar-area.style-five .social-links li .skype i{
  background:#00adff; 
}
.top-bar-area.style-five .social-links li .instagram i{
  background:#e84a4a; 
}
.top-bar-area.style-five .social-links li .vimeo i{
  background:#01aba1; 
}
.header-area.style-two {
  padding: 21px 0;
}
.header-area.style-two .logo {
  position: relative;
  width: 100%;
  padding: 22px 0px;
}
.mainmenu-area.style-seven {
  position: relative;
  z-index: 999999;
  background:none;
}

.mainmenu-area.style-seven .mainmenu-bg {
  background: #e84a4a;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.mainmenu-area.style-seven.stick.sticky{
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  z-index: 10000;
  background: #e84a4a;
  z-index: 99999;
  -webkit-animation-name: menu_sticky;
  animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
  animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.mainmenu-area.style-seven .mainmenu-bg {
  background: #e84a4a;
  -webkit-transition: all 500ms ease 0s;
     -moz-transition: all 500ms ease 0s;
      -ms-transition: all 500ms ease 0s;
       -o-transition: all 500ms ease 0s;
          transition: all 500ms ease 0s;
}

.mainmenu-area.style-seven .main-menu .navigation li a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  opacity: 1;
  padding: 15px 18px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  font-family: "Poppins", sans-serif;
}

.mainmenu-area.style-seven .main-menu .navigation > li:hover > a, 
.mainmenu-area.style-seven .main-menu .navigation > li.current > a{
  background:#00adff; 
} 
.mainmenu-area.style-seven .search-box-area {
  position: relative;
  display: block;
  cursor: pointer;
  top: 0;
  right: 0;
}
.mainmenu-area.style-seven .search-box-area .search-box {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 35px;
  transition: all 500ms ease;
  visibility: hidden;
}
.mainmenu-area.style-seven .search-box-area .form-group{
  position: relative;
}
.mainmenu-area.style-seven .search-box-area .form-group button{
  position: absolute;
  top: 2px;
  right: 0px;
  width: 46px;
  height: 46px;
  color: #fff;
  background: #00adff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  z-index: 10;
}
.mainmenu-area.style-seven .search-box-area input{
  width: 250px;
  height: 50px;
  border: 2px solid #00adff;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 9;
}
.mainmenu-area.style-seven .search-box.now-visible {
  top: 35px;
  right: 0px;
  opacity: 1;
  visibility: visible;
  z-index: 9;
  transition: all 500ms ease;
}
.mainmenu-area.style-seven .right-menu {
  position: relative;
  padding-top: 15px;
}
.mainmenu-area.style-seven .right-menu .icons {
  padding-right: 20px;
}

.mainmenu-area.style-seven .right-menu i::before {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin: 0px;
  transition: all 500ms ease;
}
.mainmenu-area.style-seven .right-menu a:hover i:before,
.mainmenu-area.style-seven .right-menu .search-box .search-toggle:hover i:before{
  color: #00adff;
  transition: all 500ms ease;
}
.mainmenu-area.style-seven .right-menu .bookmark-menu span {
  position: absolute;
  top: 12px;
  font-size: 11px;
  background: #00adff;
  line-height: 14px;
  width: 15px;
  height: 15px;
  text-align: center;
  border-radius: 50%;
  left: 7px;
  color: #fff;
}

/*------------------------
    Banner Slider Area
-------------------------*/

.banner-slider{
  position: relative;
  width: 100%;
}

.banner-slider .single-item {
  position: relative;
  float: left;
  width: 100%;
}
.banner-slider .single-item .img-holder {
  float: left;
  width: 50%;
}
.banner-slider .single-item .text-holder {
  position: relative;
  float: left;
  width: 50%;
  padding: 90px 60px;
}
.banner-slider .single-item .text-holder h2 {
    color: #292929;
}

.banner-slider .single-item .text-holder .date-comment {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 0 20px;
}

.banner-slider .single-item .text-holder .date-comment ul li {
  display: inline-block;
  margin-right: 26px;
}
.banner-slider .single-item .text-holder .date-comment ul li a{
  color: #555555;
}

.banner-slider .single-item .text-holder .date-comment ul li a:hover{
  color: #e84a4a;
}

.banner-slider .single-item .text-holder p {
  color: #666666;
  margin-bottom: 35px;
}

.banner-slider .owl-dots {
  position: absolute;
  top: 79%;
  left: 71%;
}

.banner-slider .owl-dots .owl-dot {
  width: 15px !important;
  height: 15px !important;
  border:2px solid #666666; 
  background: transparent !important;
  display: inline-block !important;
  margin-right: 10px !important;
  border-radius: 50% !important;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -ms-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
}

.banner-slider .owl-dots .owl-dot.active, .banner-slider .owl-dots .owl-dot:hover {
  background: transparent !important;
  border:2px solid #e84a4a; 
}


/*** Main header side style ***/

.main-header .nav-right-content .nav-toggler{
  display: inline-block;
}
.main-header .nav-right-content .nav-toggler button{
  font-size: 16px;
  color: #242424;
  margin-left: 18px;
  background: transparent;
}

/*** Hidden Sidebar style ***/

.hidden-bar {
    position: fixed;
    top: 0;
    width: 305px;
    height: 100%;
    background: #e84a4a;
    z-index: 9999999;
    transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
}
.hidden-bar .mCSB_inside > .mCSB_container{
  margin-right:0px; 
}

.hidden-bar.right-align {
  right: -400px;
}

.hidden-bar.right-align.visible-sidebar{
  right:0px;  
}

.hidden-bar.right-align .hidden-bar-closer {
  left: -20px;
}

.hidden-bar.left-align {
  left: -400px;
}

.hidden-bar.left-align.visible-sidebar {
  left: 0px;
}

.hidden-bar.left-align .hidden-bar-closer {
  right: -20px;
}

.hidden-bar .hidden-bar-closer {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  background: #00adff;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  z-index: 999999;
}

.hidden-bar .hidden-bar-closer:hover .btn {
  color: #fff;
}

.hidden-bar .hidden-bar-closer .btn {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 14px;
}

.hidden-bar-wrapper {
  height: 100%;
}

.hidden-bar .logo {
  padding: 30px 0px;
  background: #fff;
}

.hidden-bar .side-menu {
  background-color: transparent;
  padding: 0;
  font-size:12px;
  letter-spacing:1px;
}

.hidden-bar .side-menu ul li ul a {
  background: transparent;
}

.hidden-bar .side-menu ul li ul li ul li a {
  background: transparent;
}

.hidden-bar .side-menu li.current > a,
.hidden-bar .side-menu li:hover > a {
  color: #fff;
  background:#00adff; 
}

.hidden-bar .side-menu ul li a {
  background: transparent;
  color: #fff;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 8px 15px;
  position: relative;
  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;
}

.hidden-bar .side-menu ul li a .btn.expander {
  background: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 3px 7px;
  font-size: 14px;
  border-radius: 0px;
  position: absolute;
  top: 6px;
  right: 20px;
  outline: none;
}
.hidden-bar .navigation > li{
  display: block;
}
.hidden-bar .logo-box{
  margin: 15px 0px 15px 65px;
}

.nav-toggler button.hidden-bar-opener {
    background: no-repeat;
    padding-right: 19px;
}


/*** Titile style ***/
.title-sec {
  position: relative;
  width: 100%;
  padding-bottom: 30px;
}
.title-sec .border {
  height: 1px;
  width: 75%;
  display: inline-block;
  background: #e4e4e5;
  position: absolute;
  left: 23.5%;
  top: 18px;
}
.title-sec h2{
  color: #292929;
  position: relative;
}
.title-sec.style-two h2::before {
  content: "";
  position: absolute;
  left: 14%;
  top: 16px;
  height: 1px;
  width: 280px;
  background: #e4e4e5;
}
.title-sec.style-two h2::after {
  content: "";
  position: absolute;
  right: 14%;
  top: 16px;
  height: 1px;
  width: 280px;
  background: #e4e4e5;
}
/*** Blog style ***/
.blog-area {
  position: relative;
  width: 100%;
  padding: 92px 0 0;
}
.blog-area .blog-block {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.blog-area .blog-block .image-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.blog-area .blog-block .image-wrapper .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 1;
  top: 0;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.blog-area .blog-block .image-wrapper .overlay i {
  margin: 67px 0 0 0;
  z-index: 11;
  color: #fff;
  font-size: 18px;
  background: #e84a4b;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.blog-area .blog-block:hover .image-wrapper .overlay,
.blog-area .blog-block:hover .image-wrapper .overlay i{
  opacity: 1;
  visibility: visible;
}
.blog-area .blog-block:hover{
  box-shadow: 2px 10px 15px rgba(0,0,0,0.1)
}
.blog-area .blog-block .text-area {
  position: relative;
  width: 100%;
  border: 1px solid #e4e4e5;
  border-top: none;
  padding: 30px;
  background:#fff; 
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.blog-area .blog-block .text-area h6 {
  position: relative;
  font-size: 15px;
  color: #00adff;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.blog-area .blog-block .text-area h6::before {
  content: "";
  position: absolute;
  left: 17%;
  top: 8px;
  height: 1px;
  width: 40px;
  background: #ebebeb;
}

.blog-area .blog-block .text-area h6::after {
  content: "";
  position: absolute;
  right: 17%;
  top: 8px;
  height: 1px;
  width: 40px;
  background: #ebebeb;
}

.blog-area .blog-block .text-area h4 {
  font-size: 18px;
  color: #292929;
  font-weight: 500;
  padding: 20px 0 10px;
  font-family: "Poppins", sans-serif;
  line-height: 1.3em;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.blog-area .blog-block .text-area .date-comment{
  position: relative;
  padding-bottom: 15px;
}
.blog-area .blog-block .text-area .date-comment ul li {
  display: inline-block;
  margin-right: 10px;
}

.blog-area .blog-block .text-area .date-comment ul li a {
  color: #555;
  font-size: 13px;
  font-weight: 600;
}

.blog-area .blog-block .text-area p{
  color: #666666;
}

.blog-area .blog-block .text-area a {
  color: #666666;
  font-weight: 500;
}

.blog-area .blog-block .text-area a:hover,
.blog-area .blog-block .text-area .date-comment ul li a:hover{
  color: #e84a4a;
}
/*** Blog style 2 ***/
.blog-area.style-two .blog-block:hover .text-area {
  background:#e84a4a; 
  border: 1px solid #e84a4a;
  border-top: none;
}

.blog-area.style-two .blog-block .text-area h4 {
  font-size: 20px;
}
.blog-area.style-two .blog-block:hover .text-area h6,
.blog-area.style-two .blog-block:hover .text-area h4 {
  color: #fff;
}

.blog-area.style-two .blog-block .image-wrapper .overlay i{
  margin: 96px 0 0 0;
}

/*** banner style 2 ***/
.banner-slider.style-two  {
  padding: 70px 0 0;
}

.banner-slider.style-two .single-item .text-holder {
  position: relative;
  float: left;
  width: 50%;
  padding: 86px 60px;
  border: 1px solid #eaeaeb;
  border-left: none;
}

.banner-slider.style-two .single-item .text-holder h2 {
  color: #292929;
  font-size: 21px;
}

.banner-slider.style-two .owl-dots{
  display: none !important;
}
.top-btn {
  position: absolute;
  top: 0;
  left: 37%;
  background: #e84a4a;
  padding: 15px;
  color: #fff;
}

/*** Newsletter ***/

.newsletter {
  position: relative;
  width: 100%;
  background: #00adff;
  padding: 25px 0;
  margin-top: 50px;
}
.newsletter .title {
  padding-top: 12px;
}
.newsletter .title h3 {
  color: #fff;
  font-weight: 500;
}

.newsletter .contact-form {
  position: relative;
  width: 100%;
}
.newsletter .contact-form .form-group {
  margin-bottom: 0px;
  float: left;
  width: 40%;
  padding-right: 10px;
  margin-top: 6px;
}
.newsletter .contact-form .form-group.btn{
  float: left;
  width: 10%;
  margin-top: 0px;
}
.newsletter .contact-form input[type="text"],
.newsletter .contact-form input[type="email"] {
  width: 100%;
  padding: 8px 20px;
  color: #fff;
  background: none;
  border: 1px solid #fff;
}

/*** Footer Style 5 ***/
.footer-area.style-five {
  position: relative;
  background: #292929;
  padding: 95px 0px 55px;
}
.footer-area.style-five .single-footer-widget .title h5::before{
  display: none;
}
.footer-area.style-five .single-footer-widget .news-link {
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
  color: #fff;
  float: left;
  margin-bottom: 3px;
}
.footer-area.style-five .latest-news-post figure{
  padding-right: 0;
}
.footer-area.style-five .latest-news-post .news-link {
  display: table-cell;
  position: relative;
  color: #fff;
  vertical-align: top;
  padding-left: 15px;
}
.footer-area.style-five .latest-news-post .date-comment{
  padding-left: 15px;
}
.footer-area.style-five .latest-news-post .date-comment ul li {
  display: inline-block;
  margin-right: 27px;
}

.footer-area.style-five .latest-news-post .date-comment ul li a{
  color: #fff;
  font-size: 13px; 
}

.footer-area.style-five .img-list li {
  display: inline-block;
  padding: 0;
  margin: 0 -4px 0 0;
}

.footer-bottom-area.style-six {
  background: #292929;
  padding: 20px 0 11px;
  border-top: 1px solid #3d4447;
}

.footer-bottom-area.style-six p{
  float: left;
  color: #fff;
}
.bottom-menu{
  float: right;
}
.bottom-menu li{
  display: inline-block;
  margin-right: 10px;
}
.bottom-menu li a{
  color: #fff;
}
.bottom-menu li a:hover{
  color: #00adff;
}

.footer-bottom-area.style-six p a{
  color: #159eee; 
}

.footer-bottom-area.style-six p .yellow{
  color: #e39f10; 
}


/*** Top Bar style 6 ***/

.top-bar-area.style-six {
  border-bottom: none;
  background: #00adff;
}
.top-bar-area.style-six .left-side {
  float: left;
  width: 30%;
}
.top-bar-area.style-six .left-side .top-info i {
  float: left;
  position: relative;
  color: #fff;
}
.top-bar-area.style-six .left-side .top-info i::before {
  font-size: 22px;
}
.top-bar-area.style-six h6 {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 29px;
  float: left;
  margin-left: 15px;
}
.small-text {
  position: relative;
  margin-top: -8px;
  float: right;
  font-size: 13px;
}

.top-bar-area.style-six .login-btn {
    float: left;
}

.top-bar-area.style-six .login-btn li {
  display: inline-block;
}

.top-bar-area.style-six .login-btn li {
  display: inline-block;
  color: #fff;
}

.top-bar-area.style-six .login-btn li a,
.top-bar-area.style-six .social-links li i {
  color: #fff;
}
.top-bar-area.style-six .social-links li:hover i,
.top-bar-area.style-six .login-btn li:hover a  {
  color: #e84a4a;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/*** Header Bar style 8 ***/

.header-area.style-three {
  position: relative;
  z-index: 9;
  background:#fff;
  padding: 35px 0;
}

.header-area.style-three .main-menu {
  float: left;
  position: relative;
  padding-top: 8px;
}

.header-area.style-three.stick.sticky {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  z-index: 10000;
  background: #fff;
  z-index: 99999;
  -webkit-animation-name: menu_sticky;
  animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
  animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  box-shadow: 2px 5px 15px rgba(0,0,0,0.1);
}
.header-area.style-three .main-menu .navigation{
  margin-right: 25px;
}
.header-area.style-three .main-menu .navigation li a {
  color: #292929;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  opacity: 1;
  padding: 0px 18px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  font-family: "Poppins", sans-serif;
}

.header-area.style-three .main-menu .navigation > li:hover > a, 
.header-area.style-three .main-menu .navigation > li.current > a{
  background:none; 
  color: #e84a4a;
} 
.header-area.style-three .search-box-area {
  position: relative;
  display: block;
  cursor: pointer;
  top: 0;
  right: 0;
}
.header-area.style-three .search-box-area .search-box {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 35px;
  transition: all 500ms ease;
  visibility: hidden;
}
.header-area.style-three .search-box-area .form-group{
  position: relative;
}
.header-area.style-three .search-box-area .form-group button{
  position: absolute;
  top: 2px;
  right: 0px;
  width: 46px;
  height: 46px;
  color: #fff;
  background: #00adff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  z-index: 10;
}
.header-area.style-three .search-box-area input{
  width: 250px;
  height: 50px;
  border: 2px solid #00adff;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 9;
}
.header-area.style-three .search-box.now-visible {
  top: 35px;
  right: 0px;
  opacity: 1;
  visibility: visible;
  z-index: 9;
  transition: all 500ms ease;
}
.header-area.style-three .right-menu {
  position: relative;
  padding-top: 0;
}
.header-area.style-three .right-menu .icons {
  padding-right: 20px;
}

.header-area.style-three .right-menu i::before {
  font-size: 16px;
  font-weight: 700;
  color: #292929;
  margin: 0px;
  transition: all 500ms ease;
}
.header-area.style-three .right-menu a:hover i:before,
.header-area.style-three .right-menu .search-box .search-toggle:hover i:before{
  color: #e84a4a;
  transition: all 500ms ease;
}
.header-area.style-three .right-menu .bookmark-menu span {
  position: absolute;
  top: 12px;
  font-size: 11px;
  background: #00adff;
  line-height: 14px;
  width: 15px;
  height: 15px;
  text-align: center;
  border-radius: 50%;
  left: 41px;
  color: #fff;
}
.header-area.style-three .nav-toggler button.hidden-bar-opener{
  padding-right: 0;
}

/*** banner style 3 ***/
.banner-slider.style-three  {
  position: relative;
}
.banner-slider .owl-dots {
  display: none !important;
}
.banner-slider.style-three .single-item .img-holder {
  float: left;
  width: 100%;
}
/*** Add ***/
.add {
  position: relative;
  width: 100%;
  padding-top: 20px;
}

/*** Blog Area style 9 ***/

.blog-area.style-three .banner-post{
  position: relative;
  width: 100;
  padding-bottom: 70px;
}

.blog-area.style-three .text-holder {
  position: relative;
  width: 100%;
  border: 1px solid #f2f2f2;
  border-top: none;
  padding: 30px 50px;
  background:#fff; 
}
.blog-area.style-three .category {
  position: absolute;
  bottom: 0;
  left: 44%;
  padding: 6px 15px;
  background: #e84a4a;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.blog-area.style-three .text-holder h3 {
  color: #292929;
}
.blog-area.style-three .text-holder .authors {
  position: relative;
  width: 100%;
  padding: 15px 0;
}
.blog-area.style-three .text-holder .authors li {
  display: inline-block;
  color: #e84a4a;
}
.blog-area.style-three .text-holder .authors li a {
  color: #555;
  font-size: 15px;
}
.blog-area.style-three .text-holder .authors li a:hove{
  color: #e84a4a;
}

.blog-area.style-three .text-holder p {
  color: #666666;
  margin-bottom: 40px;
}

.blog-area.style-three .blog-block.style-two{
  display: table;
  position: relative;
}
.blog-area.style-three .blog-block.style-two .image-wrapper{
  display: table-cell;
  width: auto;
  vertical-align: top;
}
.blog-area.style-three .blog-block.style-two .image-wrapper img{
  width: auto;
  max-width: 370px;
}
.blog-area.style-three .blog-block.style-two .text-holder{
  display: table-cell;
  width: auto;
  padding: 29px 30px;
  border: 1px solid #f2f2f2;
  border-left: none; 
  border-top :1px solid #f2f2f2; 
  vertical-align: middle;
}

.blog-area.style-three .blog-block.style-two .text-holder h4{
  color: #292929;
}
.blog-area.style-three .blog-block.style-two .text-holder .authors {
  padding: 8px 0;
}

.blog-area.style-three .blog-block.style-two .text-holder p {
  color: #666666;
  margin-bottom: 16px;
}
.blog-area.style-three  .blog-block.style-two .image-wrapper .overlay i {
  margin: 117px 0 0 0;
}
.blog-area.style-three .blog-block.style-two .category {
  left: 36%;
  z-index: 9;
}
.blog-area.style-three  .title-sec .border {
  width: 66%;
  left: 33%;
}
.blog-area.style-three  .title-sec.style-two h2::before{
  left: 0%;
  height: 1px;
  width: 249px;
}
.blog-area.style-three  .title-sec.style-two h2::after {
  right: 0%;
  height: 1px;
  width: 249px;
}

.blog-area.style-three .block-two-news {
  position: relative;
  width: 100%;
  padding-top: 100px;
}

.blog-area.style-three .blog-block.style-three{
  display: block;
  position: relative;
}
.blog-area.style-three .blog-block.style-three .image-wrapper{
  display: block;
  width: 100%;
}
.blog-area.style-three .blog-block.style-three .image-wrapper img{
  width: auto;
  max-width: 100%;
}
.blog-area.style-three .blog-block.style-three .text-holder{
  display: block;
  width: 100%;
}
.blog-area.style-three .blog-block.style-three .text-holder h4{
  color: #292929;
}
.blog-area.style-three .blog-block.style-three .text-holder .authors {
  padding: 8px 0;
}

.blog-area.style-three .blog-block.style-three .text-holder p {
  color: #666666;
  margin-bottom: 16px;
}
.blog-area.style-three  .blog-block.style-three .image-wrapper .overlay i {
  margin: 90px 0 0 0;
}
.blog-area.style-three .blog-block.style-three .category {
  left: 30%;
  z-index: 9;
}
/*** Sidebar  ***/

.about-me {
  position: relative;
  width: 100%;
  padding: 40px 25px;
  border: 1px solid #f2f2f2;
}
.about-me::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 85px solid transparent;
  border-left: 85px solid transparent;
  border-right: 85px solid #e84a4a;
}

.about-me h4 {
  font-size: 20px;
  color: #292929;
}

.about-me img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  margin: 20px 0;
}

.about-me h5 {
  font-size: 15px;
  color: #e84a4a;
  padding: 6px 0 18px;
}

.about-me p {
  color: #666666;
}
.about-me .social-links{
  margin-top: 30px;
}
.about-me .social-links li {
  display: ;
  display: inline-block;
  margin-right: 17px;
}
.about-me .social-links li a{
  color: #777777;
}
.about-me .social-links li a:hover{
  color: #00adff;
}

.recent-side-bar {
  position: relative;
  margin-top: 50px;

}

.blog-sidebar{
  position: relative;
  width: 100%;
  padding: 40px 25px 0;
  border: 1px solid #f2f2f2;
}
.right-side-bar.style-three .blog-sidebar {
   margin-top: 0px; 
}
.recent-side-bar .nav-tabs {
  border-bottom: none;
}
.recent-side-bar > li {
  float: left;
  margin-bottom: 0;
}
.recent-side-bar .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 42.5px;
  background-color: #e84a4a;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.recent-side-bar .nav > li > a:focus, 
.recent-side-bar .nav > li > a:hover {
  text-decoration: none;
  background-color: #00adff;
  color: #fff;
}
.recent-side-bar .nav-tabs > li > a {
  margin-right: 0;
  line-height: 1.42857143;
  border-radius:0;
  border: none ;
}
.recent-side-bar .nav-tabs > li.active > a, 
.recent-side-bar .nav-tabs > li.active > a:focus, 
.recent-side-bar .nav-tabs > li.active > a:hover {
  color: #fff ;
  background-color: #00adff;
  border: none ;
}

.blog-sidebar .authors {
  position: relative;
  width: 100%;
  padding: 2px 0;
}
.blog-sidebar .authors li {
  display: inline-block;
  color: #e84a4a;
}
.blog-sidebar .authors li a {
  color: #555;
  font-size: 12px;
}
.blog-sidebar .authors li a:hove{
  color: #e84a4a;
}

.add-sidebar {
  position: relative;
  padding-top: 40px;
}

.instagram-gallery {
  position: relative;
  width: 100%;
  padding: 40px 25px;
  border: 1px solid #f2f2f2;
  margin-top: 40px;
}

.instagram-gallery h4 {
  font-size: 20px;
  color: #292929;
}
.instagram-gallery .img-list{
  margin-top: 20px;
}
.instagram-gallery .img-list li {
    display: inline-block;
    margin: -2px;
    padding: 0;
}

.archives-list{
  position: relative;
  width: 100%;
  padding: 40px 25px;
  border: 1px solid #f2f2f2;
  margin-top: 40px;
}

.archives-list h4 {
  font-size: 20px;
  color: #292929;
}
.archives-list a {
  font-size: 15px;
  color: #666666;
  font-weight: 400;
  display: inline-block;
  line-height: 26px;
  margin-bottom: 10px;
  padding: 13px 18px;
  margin-right: 2px;
  border: 1px solid #d9d9d9;
   
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.archives-list a:hover {
  color: #ffffff;
  background: #e84a4a;
  border-color: #e84a4a;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.footer-area.style-six {
    position: relative;
    background: #292929;
    padding: 60px 0px 9px;
}
.footer-area.style-six .single-footer-widget .form-group input[type="email"] {
  color: #fff;
  display: block;
  font-size: 16px;
  height: 50px;
  width: 100%;
  line-height: 26px;
  font-weight: 400;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid #3f3f3f;
  box-shadow: none;
   
  font-family: 'Roboto', sans-serif;
  transition: all 500ms ease;
  border-radius: 25px;
}
.footer-area.style-six .single-footer-widget .form-group button {
  position: absolute;
  top: 34px;
  right: 24px;
  background: none;
}
.footer-area.style-six .single-footer-widget .form-group button:hover{
  color: #fff;
}
.footer-area.style-six .single-footer-widget .footer-logo {
  padding: 0 0 20px;
  margin-left: 159px;
}
.footer-bottom-area.style-seven{
border-top: 1px solid #3d4447;
  background: #292929;
}

.footer-bottom-area.style-seven p{
  float: none;
}

.footer-bottom-area.style-seven p a{
  color: #159eee; 
}

.footer-bottom-area.style-seven p .yellow{
  color: #e39f10; 
}


/*** Header Bar style 9 ***/
.headre-top{
  position: relative;
  width: 100;
  padding: 15px;
}
.headre-top .banner-add {
  float: right;
}
.headre-top  .logo {
  position: relative;
  margin-top: 23px;
}
.header-area.style-border {
  position: relative;
  z-index: 9;
  background: #fff;
  padding: 4px 0 16px;
}
.header-area.style-three.stick.sticky .border-menu{
  border: none;
}
.border-menu {
  position: relative;
  width: 100%;
  border: 1px solid #cccccc;
  border-left: none;
  border-right: none;
  padding: 3px 0 10px;
}

.login-btn ul li {
  display: inline-block;
  margin-right: 5px;
  margin-top: 9px;
}

.login-btn ul li a{
  color: #666666;
}
.login-btn ul li a:hover{
  color: #e84a4a;
}

/*** Banner Style 4 ***/
.banner-slider.style-four .single-item .img-holder {
  float: left;
  width: 100%;
  position: relative;
}
.banner-slider.style-four .overlay {
  position: absolute;
  background: #fff;
  width: 70%;
  top: -2%;
  margin: 75px;
  left: 0;
  padding: 50px;
  border: 7px solid #b4e1e7;
  box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
}
.banner-slider.style-four .overlay h3 {
  color: #000;
  font-weight: 500;
  font-size: 25px;
  font-family: "Poppins", sans-serif;
}
.banner-slider.style-four .overlay .authors-date {
  padding: 17px 0;
}
.banner-slider.style-four .overlay .authors-date li {
  display: inline-block;
  margin: 0 7px;
}
.banner-slider.style-four .overlay .authors-date li a{
  color: #666666;
}
.banner-slider.style-four .overlay .authors-date li a:hover{
  color: #e84a4a;
}

/*** Blog Area style 10  ***/
.blog-area.style-four .banner-post{
  padding-bottom: 100px;
  float: left;
}
.blog-area.style-four .blog-block{
  float: left;
  position: relative;
  margin-bottom: 50px;
}
.blog-area.style-four .blog-block .text-holder {
  position: relative;
  width: 100%;
  padding: 30px;
  border: 1px solid #e2e2e2;
  border-top: none;
}

.blog-area.style-four .blog-block .text-holder h3 {
  color: #292929;
  font-weight: 500;
}

.blog-area.style-four .blog-block .text-holder p {
  color: #666666;
  margin: 20px 0;
}

.bottom-blog-comm {
  position: relative;
  border: 1px solid #e2e2e2;
  padding: 10px 30px;
  border-top: none;
  float: left;
  width: 100%;
}
.bottom-blog-comm .authors{
  float: left;
}
.bottom-blog-comm .authors li {
  display: inline-block;
  margin-right: 22px;
}

.blog-area.style-four .blog-block .text-holder a {
  color: #666;
}
.bottom-blog-comm .authors li a,
.bottom-blog-comm .bookmark-icon{
  color: #666666;
  font-weight: 300;
}

.bottom-blog-comm .authors li a:hover,
.blog-area.style-four .blog-block .text-holder a:hover,
.bottom-blog-comm .bookmark-icon:hover{
  color: #e84a4a;
}

.bottom-blog-comm .authors li a i{
  margin-right: 10px;
}

/*=============== Busizone Pagination style 3 ===================*/
.busizone-pagination.style-three{
    float: left;
    width: 100%;
    text-align: center;
}

.busizone-pagination.style-three ul li a {
  float: none;
  width: auto;
  height: auto;
  border: none;
  font-size: 18px;
  color: #777777;
  font-family: "Poppins", sans-serif;
}

.busizone-pagination.style-three ul li a:hover {
  background: none;
  color: #e84a4a;
}

/*=============== Side Bar style 4 ===================*/
.news-filtter-sidebar {
  position: relative;
  width: 100%;
  padding: 0;
  border: 1px solid #f2f2f2;
  margin-bottom: 40px;
}

.right-side-bar.style-four h4 {
  padding: 14px;
  background: #00adff;
  color: #fff;
  font-family: "Poppins",sans-serif;
  font-size: 20px;
}
.right-side-bar.style-four h4:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 50px;
  background:#e84a4a; 
}

.news-filtter-sidebar .form-sec {
  position: relative;
  width: 100%;
  padding: 40px 25px;
}
.news-filtter-sidebar .form-sec .form-group {
  position: relative;
  width: 40%;
  display: inline-block;
}
.news-filtter-sidebar .form-sec .form-group i {
  position: absolute;
  top: 10px;
  right: 7px;
}
.news-filtter-sidebar .form-sec .form-group input[type="text"]{
  padding: 5px;
  position: relative;
  width: 100%;
  border:1px solid #f2f2f2;
  background:none; 
}
.news-filtter-sidebar .form-sec .form-group select{
  position: relative;
  width: 100%;
  padding: 7px;
  border:1px solid #f2f2f2;
  background:none; 
}

.about-me.style-two{
  padding: 0;
}
.about-me.style-two:before{
  display: none;
}

.about-me.style-two .about-text{
  padding: 0 25px 40px 25px;
}
.about-text h4 {
  background: none !important;
  color: #666!important;
}

.right-side-bar.style-four .blog-sidebar{
  margin-top: 0px;
}

.right-side-bar.style-four .instagram-gallery{
  padding: 0;
}

.right-side-bar.style-four .instagram-gallery .img-list {
   margin-top: 0; 
  padding: 25px 36px;
}

.right-side-bar.style-four .archives-list{
  padding:0; 
}

.right-side-bar.style-four .archives-list .archives{
  padding: 25px 40px;
}


/*=============== Footer style 8 ===================*/
.footer-area.style-seven{
  background:#f7f7f7;
  padding: 60px 0 20px; 
}

.footer-area.style-seven .social-links li {
  display: inline-block;
}
.footer-area.style-seven .social-links li a {
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  margin: 0 6px;
}
.footer-area.style-seven .social-links li a:hover{
  opacity: 0.75;
}
.footer-area.style-seven .social-links li a i {
  border-radius: 50%;
  line-height: 40px;
  width: 40px;
}

.footer-area.style-seven .social-links li .facebook i{
  background: #0176ad;
}

.footer-area.style-seven .social-links li .skype i{
  background: #00adff;
}

.footer-area.style-seven .social-links li .instagram i{
  background: #e84a4b;
}

.footer-area.style-seven .social-links li .vimeo i{
  background: #00adff;
}
.footer-bottom-area.style-eight{
  background-color: #f7f7f7;
  border-color: #e2e2e2;
}
.footer-bottom-area.style-eight p{
  float: left;
  color: #363636;
}

.footer-bottom-area.style-eight p a{
  color: #159eee; 
}

.footer-bottom-area.style-eight p .yellow{
  color: #e39f10; 
}

.footer-bottom-area.style-eight .bottom-menu li a{
  color: #363636;
}
.footer-bottom-area.style-eight .bottom-menu li a:hover{
  color: #00adff;
}

/*=============== pagetop style 3  ===================*/
.page-title.style-three{
  padding: 0;
}
.page-title.style-three::before{
  display: none;
}

.page-title.style-three .page-bg{
  position: relative;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-top: none;
  padding: 40px 0;
}

.page-title.style-three .page-bg h2{
  color: #292929;
  font-size: 30px;
  font-weight: 500;
}

.chrisul{ width:100%; float:left;}
.yuanul{ width:50%; float:left;}
.team-single p{ color:#fff;}
.margin-top-30{ margin-top:30px;}
.chrisdi{ text-align:center; margin-top:60px;}
.chrisdi a{ color:#ccc; margin-right:20px;}
.button{ margin:0px auto;}
.margin-top-60{ margin-top:60px;}

.lianjie{
  position: relative;
  width: 100%;
  padding: 22px 0 10px;
}
.lianjie a{ padding:15px;}