/***************************************************************************************************************

||||||||||||||||||||||||||       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

30. Floating Button





****************************************************************************************************************

||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||

****************************************************************************************************************/



/* Imported styles */



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



@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('icomoon.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;

  text-transform: capitalize;

}



h4, h5, h6 {

  font-family: 'Roboto', sans-serif;

  margin: 0;

  /*text-transform: capitalize;*/

}

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;

    text-transform: capitalize;

}

p{

  font-family: 'Roboto', sans-serif;

  /*text-transform: capitalize;*/

  color: #888888;

}

button, input, select, textarea {

    font-family: 'Roboto', sans-serif;

    text-transform: capitalize;

}

button{

  border: none;

  text-transform: capitalize;

}

.thm-btn {

  font-size: 14px;

  font-weight: 600;

  padding: 12px 30px;

  text-transform: capitalize;

  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;

}
.top-bar-area h6 i{
  margin-right: 5px;
}
.sec-title h2 {

  color: #222222;

  font-size: 25px;

  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-color: #B5091F;

}

.top-bar-area .left-side{
  float: left;
  margin-right: 20px;
}

.top-bar-area .right-side{

  float: right;

}

.top-bar-area h6{

  font-size: 14px;

  font-weight: 500;

  color: #fff;

  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: #fff;

  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;

  text-transform: capitalize;

  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: #B5091F;

}



.mainmenu-area.stick.sticky{

  position: fixed;

  top: 0;

  left: 0;

  margin: 0;

  width: 100%;

  z-index: 10000;

  background: #B5091F;

  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: #B5091F;

  -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: 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;

}

.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;

  text-transform: capitalize;

  -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{

  color: #fff;

  font-size: 50px;

  font-weight: 700;

  line-height: 66px;

  text-transform: none;

}

.main-slider .text{

  font-size: 20px;

  color: #fff;

  font-weight: 400;

  line-height: 26px;

  margin:25px 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: 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: 29%;

    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;

  text-transform: capitalize;

  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: 15px;

}

.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%;

    padding: 15px 0;

}

.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;

  text-transform: capitalize;

  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;

    text-transform: capitalize;

    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;

  text-transform: capitalize;

}

.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;

  font-family: "Roboto";

  font-style: italic;

  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;

  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;

}

.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;

    text-transform: capitalize;

    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;

    text-transform: capitalize;

    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;

    text-transform: capitalize;

    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;

  text-transform: capitalize;

}



.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;

  text-transform: capitalize;

  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;

  text-transform: capitalize;

  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;

  text-transform: capitalize;

  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: 28px;

}



.faq .accordion i {

    position: relative;

    width: 60px;

    height: 60px;

    float: left;

    border: 2px solid #e7e7e7;

    font-size: 22px;

    color: #323232;

    text-align: center;

    line-height: 56px;

    border-radius: 50%;

}



.faq .accordion i:before {

    content: "";

    position: absolute;

    left: 50%;

    top: 114%;

    width: 2px;

    height: 96px;

    background: #e7e7e7;

}



.faq .accordion i.border:before {

    display: none;

}



.accordion .accord-btn h4 {

    color: #323232;

    font-size: 20px;

    font-weight: 700;

    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: 13px;

    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;

  text-transform: capitalize;

}



.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 55px;

}

.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;

    text-transform: capitalize;

    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;

    text-transform: capitalize;

    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: 16px;

    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;

    text-transform: capitalize;

    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.6);

}



.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;

  text-transform: capitalize;

  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;

  text-transform: capitalize;

}

.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;

  text-transform: capitalize;

  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;

  text-transform: capitalize;

  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;

  text-transform: capitalize;

  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;

  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;

}

.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;

  text-transform: capitalize;

  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;

}

.goldborder {

  width: 100%;

  border: 20px solid transparent;

  border-image: linear-gradient(to bottom, rgba(216,190,11,1) 0%, rgba(299,214,10,1) 26%, rgba(184,132,13,1) 35%, rgba(231,213,7,1) 45%, rgba(183,131,13,1) 61%, rgba(229,211,7,1) 100%);

  border-image-slice: 1;

  padding: 25px;

  background: linear-gradient(to right, #B5091F 0%, #4d0112 100%);

}



.goldtextcss {

  color: #D5AD6D; /*if no support for background-clip*/

  background: -webkit-linear-gradient(transparent, transparent),

  -webkit-linear-gradient(top, rgba(216,190,11,1) 0%, rgba(299,214,10,1) 26%, rgba(184,132,13,1) 35%, rgba(231,213,7,1) 45%, rgba(183,131,13,1) 61%, rgba(229,211,7,1) 100%);

  background: -o-linear-gradient(transparent, transparent);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

table tr td{
  border: 3px solid black;
  text-align: center;
} 

.floating-area {
    position: fixed;
    bottom: 100px;
    right: 25px;
    background: transparent;
    z-index: 10000;
    display: flex;
    font-size: 35px;
    flex-direction: column;
}
.floating-button {
    z-index: 10000;
    position: fixed;
    bottom: 30px;
    right: 25px;
    font-size: 30px;
    width: 100%;
}


.floating-item {
    position: absolute;
    bottom: 60px;
    right: 0px;
    height: 60px;
    width: 60px;
    padding-top: 14px;
    text-align: center;
    border-radius: 50%;
    margin: 5px 0px;
}

.item-whatsapp {
    background-color: #008069;
    color: #FFFFFF;
}