/************ TABLE OF CONTENTS ***************

1. Fonts

2. Reset

3. Global

4. Main Header

5. Banner Style One 

6. Feature Section

7. About Section

9. Service Section

8. Work Section

10. Testimonial Section

11. Pricing Section

12. Subscrive Section

14. Main Footer

15. Header Style Two

16. Banner Style Two

19. Clients Section

20. About Style Two

21. Feature Style Two

22. Portfolio Section

23. Testimonial Style Two

24. Pricing Style Two

25. Fact Counter

26. News Section

27. Subscribe Style Two

28. Banner Style Three

29. Feature Style Three

30. Testimonial Style Three

31. Feature Style Four

32. Integration Section

33. Banner Style Four

34. Service Style Three

35. Counter Style Two

36. Feature Style Five

37. Feature Style Six

38. Testimonial Style Four

39. Pricing Style Three

40. Cta Section

41. Banner Style Five

42. Service Style Four

43. Chooseus Section

44. Testimonial Style Five

45. Pricing Style Four

46. Service Page

47. About Page

48. Team Page

49. Faq Page

50. Shop Section

51. Single Shop

52. Cart Section

53. Checkout Section

54. Error Page

55. Blog Page

56. Blog Single

57. Contact Section

58. Google Map





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





/* use font link */



@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');



/* use style sheet */



@import url(font-awesome-all.css);

@import url(flaticon.css);

@import url(owl.css);

@import url(bootstrap.css);

@import url(jquery.fancybox.min.css);

@import url(animate.css);

@import url(aos.css);

@import url(jquery-ui.css);

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







/*** 



====================================================================

  Reset

====================================================================



 ***/

* {

  margin:0px;

  padding:0px;

  border:none;

  outline:none;

}





/*** 



====================================================================

  Global Settings

====================================================================



 ***/





body {

  font-size:16px;

  color:#848484;

  line-height:26px;

  font-weight:400;

  background:#ffffff;

  font-family: 'Open Sans', sans-serif;

  background-size:cover;

  background-repeat:no-repeat;

  background-position:center top;

  -webkit-font-smoothing: antialiased;

}

.main-header .logo-box .logo img{

  width: 150px;

}



.sticky-header .logo-box img{

  width: 100px;

}

  @media (min-width:1200px) {

  .container {

    max-width: 1170px;

    padding: 0px;

  }

}

li.active{} 

.large-container {

  position: static;

  max-width: 1600px;

  padding: 0px;

  margin: 0 auto;

}



.container-fluid{

  padding: 0px;

}



.auto-container{

  position:static;

  max-width:1200px;

  padding:0px 15px;

  margin:0 auto;

}



.small-container{

  max-width:680px;

  margin:0 auto;

}



.boxed_wrapper{

  position: relative;

  overflow-x: hidden;

  margin: 0 auto;

  width: 100%;

  min-width: 300px;

}





a{

  text-decoration:none;

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

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



a:hover{

  text-decoration:none;

  outline:none;

}



input,button,select,textarea{

  font-family: 'Open Sans', sans-serif;

  font-weight: 400;

  font-size: 15px;

}



ul,li{

  list-style:none;

  padding:0px;

  margin:0px; 

}



input{

  transition: all 500ms ease;

}



button:focus,

input:focus,

textarea:focus{

  outline: none;

  box-shadow: none;

  transition: all 500ms ease;

}



p{

  position: relative;

  font-family: 'Open Sans', sans-serif;

  line-height: 26px;

  color: #848484;

  margin-bottom: 0px;

  font-style: normal;

  transition: all 500ms ease;

}



h1,h2,h3,h4,h5,h6 {

  position:relative;

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

  color: #09092b;

  font-weight: 600;

  margin: 0px;

  transition: all 500ms ease;

}





.centred{

  text-align: center;

}



.pull-left{

  float: left;

}



.pull-right{

  float: right;

}



figure{

  margin: 0px;

}



img{

  display: inline-block;

  max-width: 100%;

  height: auto;

}



@keyframes pulse {

    50% {

        box-shadow: 0 0 0 20px rgba(255, 124, 78, 0.5)

    }

}



/** button **/



.btn-style-one {

  position: relative;

  display: inline-block;

  font-size: 17px;

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

  padding: 15px 25px 14px 26px;

  background: #47c1ff;

  line-height: 26px;

  color: #ffffff;

  font-weight: 600;

  border-radius: 3px;

  text-transform: capitalize;

  transition: all 500ms ease;

  cursor: pointer;

  text-align: center;

  z-index: 1;

}



.btn-style-one:hover{

  background: #fe721d;

  color: #ffffff;

}



.btn-style-two {

  position: relative;

  display: inline-block;

  font-size: 17px;

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

  padding: 15px 30px 14px 31px;

  background: #3b3b3b;

  line-height: 26px;

  color: #ffffff;

  font-weight: 600;

  border-radius: 3px;

  text-transform: capitalize;

  transition: all 500ms ease;

  cursor: pointer;

  text-align: center;

  z-index: 1;

}



.btn-style-two:hover{

  background: #47c1ff;

  color: #ffffff;

}



.btn-style-three {

  position: relative;

  display: inline-block;

  font-size: 17px;

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

  padding: 13px 29px 12px 29px;

  background: transparent;

  border: 2px solid #fe721d;

  line-height: 26px;

  color: #101048;

  font-weight: 600;

  border-radius: 3px;

  text-transform: capitalize;

  transition: all 500ms ease;

  cursor: pointer;

  text-align: center;

  z-index: 1;

}



.btn-style-three:hover{

  background: #fe721d;

  color: #ffffff;

}



.btn-style-four {

  position: relative;

  display: inline-block;

  font-size: 17px;

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

  padding: 13px 29px 12px 29px;

  background: transparent;

  border: 2px solid #ebecf0;

  line-height: 26px;

  color: #3b3b3b;

  font-weight: 600;

  border-radius: 3px;

  text-transform: capitalize;

  transition: all 500ms ease;

  cursor: pointer;

  text-align: center;

  z-index: 1;

}



.btn-style-four:hover{

  background: #fe721d;

  border-color: #fe721d;

  color: #ffffff;

}





.pagination{

  position: relative;

  display: block;

}



.pagination li{

  display: inline-block;

  margin: 0px 11px;

}



.pagination li:first-child,

.pagination li:last-child{

  margin: 0px;

}



.pagination li a{

  position: relative;

  display: inline-block;

  font-size: 24px;

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

  font-weight: 500;

  text-align: center;

  color: #3b3b3b;

  transition: all 500ms ease;

}



.pagination li:first-child a,

.pagination li:last-child a{

  font-size: 20px;

}



.pagination li a:hover,

.pagination li a.active{

  color: #fe721d;

}



.sec-pad{

  padding: 154px 0px 120px 0px;

}



.preloader{

  position: fixed; 

  left:0px;

  top:0px;

  height:100%;

  width: 100%;

  z-index:999999;

  background-color:#150544;

  background-position:center center;

  background-repeat:no-repeat;

  background-image:url(../images/icons/preloader.gif);

}



.scroll-top {

  position: fixed;

  right: -10%;

  bottom: 50px;

  font-size: 15px;

  line-height: 20px;

  z-index: 99;

  color: #2ba2ff;

  background: transparent;

  text-align: center;

  cursor: pointer;

  transition: all 900ms;

}



.scroll-top .text{

  position: relative;

  display: block;

  color: #2ba2ff;

  font-size: 14px;

  line-height: 20px;

  font-weight: 600;

  text-transform: uppercase;

  text-align: center;

}



.scroll-top.open {

  right: 30px;

}

.text{text-align: justify;}

.subscribe-style-two h2{font-size: 1.8rem !important; line-height:42px;text-align: center;}

.sec-title h4{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 24px;

  font-weight: 500;

  color: #848484;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.sec-title h1{

  position: relative;

  display: block;

  font-size: 40px;

  line-height: 50px;

  font-weight: 600;

  color: #3b3b3b;

}









/*** 



====================================================================

                        Home-Page-One

====================================================================



***/





/** main-header **/



.main-header{

  position:relative;

  left:0px;

  top:0px;

  background: #ffffff;

  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;

}



.sticky-header{

  position:fixed;

  opacity:0;

  visibility:hidden;

  background: #ffffff;

  left:0px;

  top:0px;

  border-bottom: 1px solid #e0e0e0;

  width:100%;

  z-index:0;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

}



.fixed-header .sticky-header{

  z-index:999;

  opacity:1;

  visibility:visible;

  -ms-animation-name: fadeInDown;

  -moz-animation-name: fadeInDown;

  -op-animation-name: fadeInDown;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -ms-animation-duration: 500ms;

  -moz-animation-duration: 500ms;

  -op-animation-duration: 500ms;

  -webkit-animation-duration: 500ms;

  animation-duration: 500ms;

  -ms-animation-timing-function: linear;

  -moz-animation-timing-function: linear;

  -op-animation-timing-function: linear;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -ms-animation-iteration-count: 1;

  -moz-animation-iteration-count: 1;

  -op-animation-iteration-count: 1;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}



.main-header .outer-container{

  position: absolute;

  width: 100%;

  left: 0px;

  top: 0px;

}



.main-header .outer-container .main-box{

  position: relative;

  display: block;

  padding: 0px 100px 0px 80px;

}



.main-header .outer-container .main-box .logo-box{

  position: relative;

  float: left;

}



.main-header .outer-container .main-box .logo-box .logo{

  position: relative;

  display: inline-block;

  padding: 26px 0px;

}



.main-header .outer-container .main-box .nav-outer{

  position: relative;

  float: right;

}



.main-header .outer-container .main-box .nav-outer .menu-area{

  position: relative;

  float: left;

  margin-right: 70px;

}



.main-header .outer-container .main-box .nav-outer .outer-box{

  position: relative;

  float: left;

  margin-top: 45px;

}



.main-header .outer-container .main-box .nav-outer .outer-box .header-flyout-searchbar{

  position: relative;

  display: inline-block;

}



.main-header .outer-container .main-box .nav-outer .outer-box .header-flyout-searchbar i{

  position: relative;

  display: inline-block;

  cursor: pointer;

  font-size: 16px;

  color: #fff;

  top: -2px;

}



.main-header .outer-container .main-box .nav-outer .outer-box .btn-box{

  position: relative;

  display: inline-block;

  margin-left: 95px;

}







/** main-menu **/



.main-menu{

  position: relative;

  display: block;

}



.main-menu .navbar-collapse{

  padding:0px;  

}



.main-menu .navigation > li{

  position:relative;

  float:left;

  margin: 0px 24px;

}



.main-menu .navigation > li:first-child{

  margin-left: 0px;

}



.main-menu .navigation > li > a{

  position:relative;

  display:block;

  font-size:17px;

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

  color:#fff;

  line-height:26px;

  font-weight:600;

  opacity:1;

  text-transform:capitalize;

  padding: 57px 0px 34px 0px;

  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{

  position: relative;

}



.main-menu .navigation > li > ul{

  position:absolute;

  left:0px;

  top: 100%;

  width:250px;

  z-index:100;

  display:none;

  background:#ffffff;

  border-top: 3px solid #3b04db;

  box-shadow: 0px 0px 10px rgba(0,0,0,0.10);

}



.main-menu .navigation > li > ul > li{

  position:relative;

  width:100%;

  padding: 7px 30px;

  border-bottom: 1px solid #e5e5e5;

  transition: all 500ms ease;

}



.main-menu .navigation > li > ul > li:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 10px;

  height: 10px;

  left: 20px;

  top: 20px;

  border-radius: 50%;

  transition: all 500ms ease;

}



.main-menu .navigation > li > ul > li:last-child{

  border-bottom:none; 

}



.main-menu .navigation > li > ul > li > a{

  position:relative;

  display:block;

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

  padding:6px 0px;

  line-height:24px;

  font-size:15px;

  color:#222;

  font-weight: 500;

  text-align:left;

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

  background: #3b04db;

  border-bottom: 1px solid #3b04db;

}



.main-menu .navigation > li > ul > li:hover a{

  color: #ffffff;

  padding-left: 10px;

}



.main-menu .navigation > li > ul > li:last-child:hover{

  border-bottom: none;

}



.main-menu .navigation > li.dropdown:hover > ul{

  visibility:visible;

  opacity:1;

}



.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{

  position:absolute;

  right: -20px;

  top: 57px;

  font-size:17px;

  color:#ffffff;

  text-align: center;

  cursor:pointer;

  z-index:5;

}



.navbar-header {

  display: none;

}



/** sub-menu **/



.main-menu .navigation > li > ul > li > ul{

  position:absolute;

  left:100%;

  top:0%;

  width:250px;

  z-index:100;

  display:none;

  padding: 0px 0px;

  background-color: #ffffff;

  border-top: 3px solid #3b04db;

  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation li > ul > li.dropdown:hover > ul {

  visibility: visible;

  opacity: 1;

  top: 0;

}



.main-menu .navigation > li > ul > li > ul > li{

  position:relative;

  width:100%;

  margin:0px;

  padding: 7px 30px;

  border-bottom: 1px solid #e5e5e5;

  transition: all 500ms ease;

}



.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:6px 0px;

  line-height:24px;

  font-weight:500;

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

  font-size:15px;

  text-transform:capitalize;

  color: #222 !important;

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

  color: #ffffff !important;

  background:#3b04db;

  padding-left: 25px;

}



.main-menu .navigation > li > ul > li > ul > li:hover > a{

  color: #ffffff !important;

  padding-left: 25px;

}



.main-menu .navigation > li > ul > li > ul > li:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 10px;

  height: 10px;

  left: 20px;

  top: 20px;

  border-radius: 50%;

  transition: all 500ms ease;

}



.main-menu .navigation > li > ul > li.dropdown .dropdown-btn{

  display: none;

}



.main-menu .navigation > li > ul > li.dropdown > a:after {

  position: absolute;

  content: "\f105";

  font-size: 16px;

  color: #222;

  top: 6px;

  right: -12px;

  font-family: 'Font Awesome 5 Free';

  font-weight: 600;

  cursor: pointer;

  transition: all 500ms ease;

}



.main-menu .navigation > li > ul > li.dropdown:hover > a:after{

  color: #ffffff;

}





/** stricky-header **/



.sticky-header .main-menu .navigation > li{

  margin: 0px;

}



.sticky-header .main-menu .navigation > li > a{

  padding: 22px 22px !important;

}



.sticky-header .main-menu .navigation > li > a{

  color: #3b3b3b !important;

}



.sticky-header .main-menu .navigation > li.current > a,

.sticky-header .main-menu .navigation > li:hover > a{

  background: #e61b2f;

  color: #ffffff !important;

}



.sticky-header .logo-box{

  position: relative;

  float: left;

  padding: 5px 0px;

}



.sticky-header .menu-area{

  position: relative;

  float: right;

}



.sticky-header .main-menu .navigation > li > a:before{

  display: none;

}



.sticky-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{

  display: none;

}



/** search-box **/



.wraper_flyout_search {

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 99999;

opacity: 0;

visibility: hidden;

transition: all 0.3s ease-in-out;

-webkit-transition: all 0.3s ease-in-out;

}



.wraper_flyout_search > .table {

display: table;

table-layout: fixed;

width: 100%;

height: 100%;

margin: 0;

}



.wraper_flyout_search > .table > .table-cell {

position: relative;

display: table-cell;

width: 100%;

height: 100%;

vertical-align: middle;

text-align: center;

}



.wraper_flyout_search > .table > .table-cell > .flyout-search-layer {

position: absolute;

top: 0;

right: 0;

bottom: 0;

z-index: 1;

transform: translateX(100%);

-webkit-transform: translateX(100%);

}



.wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(1) {

left: 0;

background-color: rgba(0, 0, 0, 0.5);

transition: all 0.3s ease-in-out 0s;

-webkit-transition: all 0.3s ease-in-out 0s;

}



.wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(2) {

left: 0px;

background-color: rgba(0, 0, 0, 0.4);

transition: all 0.3s ease-in-out 0.3s;

-webkit-transition: all 0.3s ease-in-out 0.3s;

}



.wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(3) {

left: 0px;

background-color: rgba(0, 0, 0, 0.9);

transition: all 0.9s ease-in-out 0.6s;

-webkit-transition: all 0.9s ease-in-out 0.6s;

}



.wraper_flyout_search > .table > .table-cell > .flyout-search-close {

position: absolute;

top: 40px;

right: 40px;

width: 30px;

z-index: 2;

text-align: center;

cursor: pointer;

transition: all 500ms ease;

}



.wraper_flyout_search > .table > .table-cell > .flyout-search-close:hover{

  transform: rotate(360deg);

}



.wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line {

width: 100%;

height: 2px;

float: left;

margin-bottom: 5px;

background-color: #fff;

}



.wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(1) {

transform: rotate(45deg);

-webkit-transform: rotate(45deg);

}



.wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(2) {

margin-top: -7px;

transform: rotate(-45deg);

-webkit-transform: rotate(-45deg);

}



.wraper_flyout_search > .table > .table-cell .flyout_search {

position: relative;

z-index: 1;

float: right;

width: 100%;

max-width: 500px;

padding: 100px 40px 100px 40px;

text-align: right;

}



.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title {

margin-bottom: 30px;

}



.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title > *:last-child {

margin-bottom: 0 !important;

}



.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 {

margin-bottom: 20px;

text-transform: uppercase;

font-weight: 300;

font-size: 35px;

color: #fff;

line-height: 45px;

letter-spacing: 50px;

opacity: 0;

transition: all 1s ease-in-out 0s;

-webkit-transition: all 1s ease-in-out 0s;

}



.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row {

position: relative;

padding: 0;

margin: 0;

}



.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row input[type=search] {

width: 100%;

height: 60px;

padding: 0px 40px 0px 0px;

background-color: initial;

border: none;

border-bottom: 3px #dedede solid;

box-shadow: initial;

font-size: 20px;

color: #fff;

}



.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] {

position: absolute;

top: 17px;

right: 0;

z-index: 1;

width: 40px;

height: auto;

background-color: initial;

border: none;

cursor: pointer;

}



.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] i {

font-size: 20px;

color: #fff;

line-height: 20px;

}



body.flyout-searchbar-active .wraper_flyout_search {

opacity: 1;

visibility: visible;

}



body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell > .flyout-search-layer {

transform: translateX(0);

-webkit-transform: translateX(0);

}



body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 {

letter-spacing: 0;

opacity: 1;

} 



#hamburger-menu {

width: 100%;

}





/** banner-section **/



.banner-section{

  position: relative;

  width: 100%;

  padding: 248px 0px 270px 0px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  height: 100vh;

}



.banner-section .content-box{

  position: relative;

  display: block;

  margin-right: -15px;

}



.banner-section .content-box:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-1.png);

  width: 288px;

  height: 280px;

  left: -130px;

  top: -100px;

  background-repeat: no-repeat;

}



.banner-section .content-box:after{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-2.png);

  width: 150px;

  height: 137px;

  left: -60px;

  top: -30px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade-two 5s infinite linear;

  animation: zoom-fade-two 5s infinite linear;

}



.banner-section .content-box h1{

  position: relative;

  display: block;

  font-size: 65px;

  line-height: 65px;

  font-weight: 700;

  color: #fff;

  margin-bottom: 43px;

}



.banner-section .content-box .text{

  position: relative;

  display: block;

  font-size: 17px;

  line-height: 28px;

  font-weight: 400;

  color: #fff;

  margin-bottom: 54px;

}



.banner-section .image-box{

  position: relative;

  margin-top: -90px;

  padding-left: 50px;

}



.banner-section .image-box img{

  position: relative;

  max-width: none;

  float: left;

}



.float-bob-y{

  animation-name: float-bob-y; 

  animation-duration: 2s; 

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: float-bob-y; 

  -webkit-animation-duration: 2s; 

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: float-bob-y; 

  -moz-animation-duration: 2s; 

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob-y; 

  -ms-animation-duration: 2s; 

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob-y; 

  -o-animation-duration: 2s; 

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



.float-bob-x{

  animation-name: float-bob-x;

  animation-duration: 15s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: float-bob-x;

  -webkit-animation-duration: 15s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: float-bob-x;

  -moz-animation-duration: 15s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob-x;

  -ms-animation-duration: 15s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob-x;

  -o-animation-duration: 15s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}



.anim-icon {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  height: 100%;

  width: 100%;

  max-width: 1920px;

  margin: 0 auto;

}



.anim-icon .icon{

  position: absolute;

  background-repeat: no-repeat;

}



.banner-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-1.png);

  width: 186px;

  height: 81px;

  left: 30%;

  top: 0px;

}



.banner-section .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-2.png);

  width: 86px;

  height: 82px;

  right: 80px;

  top: 70px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-3.png);

  width: 137px;

  height: 132px;

  right: 80px;

  bottom: 170px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-4.png);

  width: 170px;

  height: 165px;

  left: 80px;

  bottom: 170px;

}





/** feature-section **/



.feature-section{

  position: relative;

  display: block;

  background: #fff;

  padding: 40px 0px 175px 0px;

}



.feature-section:before{

  position: absolute;

  content: '';

  background: url(../images/background/feature-bg.png);

  width: 100%;

  height: 1652px;

  left: 0px;

  top: 0px;

  background-size: cover;

  background-repeat: no-repeat;

}



.feature-block-one{

  position: relative;

  display: block;

  z-index: 1;

}



.feature-block-one .inner-box{

  position: relative;

  display: block;

  padding: 70px 30px;

  background: transparent;

  transition: all 500ms ease;

}



.feature-block-one .inner-box:hover{

  background: #fff;

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

}



.feature-block-one .inner-box .icon-box{

  position: relative;

  display: block;

  min-height: 130px;

  margin-bottom: 37px;

}



.feature-block-one .inner-box .icon-box img{

  position: relative;

  display: inline-block;

  width: auto;

  transition: all 500ms ease;

}



.feature-block-one:hover .inner-box .icon-box img{

  transform: rotateY(180deg);

}



.feature-block-one .inner-box h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  color: #09092b;

  font-weight: 600;

  margin-bottom: 37px;

}



.feature-block-one .inner-box h2 a{

  position: relative;

  display: inline-block;

  color: #09092b;

}



.feature-block-one .inner-box h2 a:hover{

  color: #fe721d;

}



.feature-block-one .inner-box .text{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 26px;

  margin-bottom: 43px;

}





/** about-section **/



.about-section{

  position: relative;

  width: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 160px 0px 150px 0px;

}



.about-section .content-box .sec-title{

  position: relative;

  display: block;

  margin-bottom: 22px;

}



.about-section .content-box .text{

  position: relative;

  display: block;

  margin-bottom: 27px;

  text-align: justify;

}



.about-section .content-box .list{

  position: relative;

  display: block;

  margin-bottom: 42px;

}



.about-section .content-box .list li{

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 6px;

  padding: 0px 0px 0px 34px;

  text-align: justify;

}



.about-section .content-box .list li:last-child{

  margin-bottom: 0px;

}



.about-section .content-box .list li:before{

  position: absolute;

  content: "\f101";

  font-family: 'Flaticon';

  font-size: 20px;

  color: #006936;

  font-weight: 500;

  left: 0px;

  top: 0px;

}



.about-section .image-box{

  position: relative;

  display: block;

  margin-left: 300px;

  margin-top: -62px;

  text-align: justify;

}



.about-section .image-box:before{

  position: absolute;

  content: '';

  background: url(../images/icons/leaf.png);

  width: 348px;

  height: 360px;

  left: -185px;

  bottom: -54px;

}



.about-section .image-box img{

  position: relative;

  max-width: none;

  float: left;

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

}





/** service-section **/



.service-section{

  position: relative;

  display: block;

  padding: 220px 0px 250px 0px;

  background: #3b04db;

  clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 90%, 0% 0%);

}



.service-section:after{

  position: absolute;

  content: '';

  background: url(../images/icons/icon-9.png);

  width: 396px;

  height: 245px;

  left: 100px;

  top: 0px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-8.html);

  width: 19px;

  height: 32px;

  left: 80px;

  top: 350px;

  background-repeat: no-repeat;

}



.service-section .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-9.html);

  width: 28px;

  height: 28px;

  left: 30%;

  top: 160px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-section .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  left: 25%;

  top: 400px;

  background-repeat: no-repeat;

}



.service-section .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  left: 40%;

  top: 200px;

  background-repeat: no-repeat;

}



.service-section .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-11.html);

  width: 16px;

  height: 16px;

  right: 19%;

  top: 350px;

  background-repeat: no-repeat;

}



.service-section .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-12.html);

  width: 28px;

  height: 28px;

  right: 15%;

  top: 450px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-section .anim-icon .icon-7 {

  background: url(../images/icons/anim-icon-8.html);

  width: 19px;

  height: 32px;

  right: 17%;

  top: 57%;

  background-repeat: no-repeat;

}



.service-section .anim-icon .icon-8 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  right: 10%;

  bottom: 200px;

  background-repeat: no-repeat;

}



.service-section .anim-icon .icon-9 {

  background: url(../images/icons/anim-icon-9.html);

  width: 28px;

  height: 28px;

  right: 42%;

  bottom: 200px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-section .anim-icon .icon-10 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  left: 48%;

  bottom: 250px;

  background-repeat: no-repeat;

}



.service-section .anim-icon .icon-11 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  left: 70px;

  bottom: 300px;

  background-repeat: no-repeat;

}



.service-section .anim-icon .icon-12 {

  background: url(../images/icons/anim-icon-13.html);

  width: 19px;

  height: 32px;

  left: 320px;

  bottom: 380px;

  background-repeat: no-repeat;

}



.service-section .anim-icon .icon-13 {

  background: url(../images/icons/anim-icon-12.html);

  width: 28px;

  height: 28px;

  left: 260px;

  top: 50%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-section .sec-title h4{

  color: #b19bf1;

}



.service-section .sec-title h1{

  color: #fff;

}



.service-section .sec-title{

  position: relative;

  display: block;

  margin-bottom: 60px;

}



.service-block-one{

  position: relative;

  display: block;

  background: #5424e0;

  padding: 82px 30px 70px 65px;

  margin-bottom: 30px;

  border-radius: 10px;

  transition: all 500ms ease;

}



.service-block-one:before{

  position: absolute;

  content: '';

  background: url(../images/icons/icon-8.png);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  border-radius: 10px;

  transform: scale(0,0);

  background-repeat: no-repeat;

  background-size: cover;

  transition: all 500ms ease;

}



.service-block-one:hover:before{

  transform: scale(1,1);

}



.service-block-one .inner-box{

  position: relative;

  display: block;

  padding-left: 97px;

}



.service-block-one .inner-box .icon-box{

  position: absolute;

  left: 0px;

  top: -7px;

}



.service-block-one .inner-box .icon-box:before{

  position: absolute;

  content: '';

  background: #663be3;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  left: -25px;

  bottom: -18px;

  transition: all 900ms ease;

}



.service-block-one:hover .inner-box .icon-box:before{

  background: #e8e8e8;

}



.service-block-one .inner-box .icon-box img{

  position: relative;

  width: auto;

  transition: all 500ms ease;

}



.service-block-one:hover .inner-box .icon-box img {

  -webkit-filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(1);

  filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(1);

}



.service-block-one .inner-box h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 32px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 15px;

  transition: all 500ms ease;

}



.service-block-one:hover .inner-box h3,

.service-block-one:hover .inner-box h3 a{

  color: #09092b;

}



.service-block-one .inner-box h3 a{

  position: relative;

  display: inline-block;

  color: #fff;

}



.service-block-one .inner-box h3 a:hover,

.service-block-one .inner-box .link-box a:hover{

  color: #fe721d;

}



.service-block-one .inner-box .text{

  position: relative;

  display: block;

  color: #b0a5f3;

  margin-bottom: 16px;

  transition: all 500ms ease;

}



.service-block-one:hover .inner-box .text{

  color: #848484;

}



.service-block-one .inner-box .link-box a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  font-weight: 500;

  color: #b0a5f3;

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

}



.service-block-one:hover .inner-box .link-box a{

  color: #fe721d;

}





/** work-section **/



.work-section{

  position: relative;

  display: block;

  padding: 230px 0px 150px 0px;

}



.work-section:before{

  position: absolute;

  content: '';

  background: url(../images/background/work-shap.png);

  width: 100%;

  height: 1090px;

  left: 0px;

  top: -140px;

  background-repeat: no-repeat;

  background-size: cover;

}



.work-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-3.png);

  width: 137px;

  height: 132px;

  left: 100px;

  top: -180px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.work-section .content-box .count-number{

  position: relative;

  display: inline-block;

  background: url(../images/icons/icon-10.png);

  width: 75px;

  height: 75px;

  line-height: 75px;

  text-align: center;

  background-repeat: no-repeat;

  font-size: 20px;

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

  font-weight: 700;

  color: #fff;

  margin-bottom: 30px;

}



.work-section .content-box h1{

  position: relative;

  display: block;

  font-size: 40px;

  font-weight: 600;

  line-height: 50px;

  margin-bottom: 22px;

}



.work-section .content-box .text{

  position: relative;

  display: block;

  margin-bottom: 27px;

}



.work-section .content-box .list li {

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 6px;

  padding: 0px 0px 0px 34px;

}



.work-section .content-box .list li:last-child{

  margin-bottom: 0px;

}



.work-section .content-box .list li:before {

  position: absolute;

  content: "\f101";

  font-family: 'Flaticon';

  font-size: 20px;

  color: #fe721d;

  font-weight: 500;

  left: 0px;

  top: 0px;

}



.work-section .inner-box{

  position: relative;

  display: block;

  margin-bottom: 240px;

}



.work-section .inner-box:last-child{

  margin-bottom: 0px;

}



.work-section .image-box{

  position: relative;

  display: block;

  margin-left: 80px;

  margin-top: -70px;

}



.work-section .image-box img{

  position: relative;

  max-width: none;

  float: left;

}



.work-section .inner-box:nth-child(2) .image-box{

  margin-left: 0px;

  margin-right: 80px;

  margin-top: -10px;

}



.work-section .inner-box:nth-child(2) .image-box img{

  float: right;

}



.work-section .inner-content{

  position: relative;

  display: block;

}



.work-section .inner-content:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-3.png);

  width: 773px;

  height: 904px;

  top: 380px;

  right: 195px;

  background-repeat: no-repeat;

}





/** testimonial-section **/



.testimonial-section{

  position: relative;

  display: block;

  width: 100%;

  padding: 270px 0px 125px 0px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.testimonial-section:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-4.png);

  width: 410px;

  height: 313px;

  left: 60px;

  top: 35px;

  background-repeat: no-repeat;

}



.testimonial-section:after{

  position: absolute;

  content: '';

  background: url(../images/icons/leaf-2.png);

  width: 292px;

  height: 423px;

  right: 0px;

  bottom: 0px;

  background-repeat: no-repeat;

}



.owl-dots-none .owl-dots{

  display: none !important;

}



.nav-style-one .owl-nav .owl-prev {

  width: 60px;

  height: 50px;

  position: relative;

  display: inline-block;

  background: transparent;

  top: 0;

  left: 15px !important;

  cursor: pointer;

  transition: all 500ms ease;

}



.nav-style-one .owl-nav .owl-prev:before {

  left: auto;

  content: '';

  position: absolute;

  top: 18.5px;

  left: 3px;

  width: 12px;

  height: 12px;

  border-bottom: 2px solid #cccccc;

  border-left: 2px solid #cccccc;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: .7s cubic-bezier(.2, .96, .34, 1);

  -o-transition: .7s cubic-bezier(.2, .96, .34, 1);

  transition: .7s cubic-bezier(.2, .96, .34, 1);

  right: 6px;

}



.nav-style-one .owl-nav .owl-prev:after {

  content: '';

  position: absolute;

  top: 50%;

  left: 3px;

  -webkit-transform: translateY(-50%) scaleX(1);

  -ms-transform: translateY(-50%) scaleX(1);

  transform: translateY(-50%) scaleX(1);

  -webkit-transform-origin: left;

  -ms-transform-origin: left;

  transform-origin: left;

  width: 25px;

  height: 2px;

  background: #cccccc;

  -webkit-transition: .7s cubic-bezier(.2, .96, .34, 1);

  -o-transition: .7s cubic-bezier(.2, .96, .34, 1);

  transition: .7s cubic-bezier(.2, .96, .34, 1);

}



.nav-style-one .owl-nav .owl-next {

  width: 60px;

  height: 50px;

  position: relative;

  display: inline-block;

  background: transparent;

  top: 0;

  left: -15px !important;

  cursor: pointer;

  transition: all 500ms ease;

}



.nav-style-one .owl-nav .owl-next:before {

  left: auto;

  content: '';

  position: absolute;

  top: 18.5px;

  right: 3px;

  width: 12px;

  height: 12px;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: .7s cubic-bezier(.2, .96, .34, 1);

  -o-transition: .7s cubic-bezier(.2, .96, .34, 1);

  transition: .7s cubic-bezier(.2, .96, .34, 1);

  border-top: 2px solid #cccccc;

  border-right: 2px solid #cccccc;

}



.nav-style-one .owl-nav .owl-next:after {

  content: '';

  position: absolute;

  top: 50%;

  right: 3px;

  -webkit-transform: translateY(-50%) scaleX(1);

  -ms-transform: translateY(-50%) scaleX(1);

  transform: translateY(-50%) scaleX(1);

  -webkit-transform-origin: right;

  -ms-transform-origin: right;

  transform-origin: right;

  width: 25px;

  height: 2px;

  background: #cccccc;

  -webkit-transition: .7s cubic-bezier(.2, .96, .34, 1);

  -o-transition: .7s cubic-bezier(.2, .96, .34, 1);

  transition: .7s cubic-bezier(.2, .96, .34, 1);

}



.nav-style-one .owl-nav .owl-prev:hover {

  left: 0px !important;

}



.nav-style-one .owl-nav .owl-prev:hover:before {

  border-color: #fe721d;

}



.nav-style-one .owl-nav .owl-prev:hover:after {

  width: 45px;

  background: #fe721d;

}



.nav-style-one .owl-nav .owl-next:hover {

  left: 0px !important;

}



.nav-style-one .owl-nav .owl-next:hover:before {

  border-color: #fe721d;

}



.nav-style-one .owl-nav .owl-next:hover:after {

  width: 45px;

  background: #fe721d;

}



.testimonial-section .carousel-content .content-box .client-thumb{

  position: relative;

  display: inline-block;

  width: 133px;

  height: 133px;

  border-radius: 50%;

  margin-bottom: 50px;

}



.testimonial-section .carousel-content .content-box .client-thumb:before{

  position: absolute;

  content: "\f10e";

  font-family: 'Font Awesome 5 Free';

  font-size: 20px;

  font-weight: 700;

  color: #fff;

  background: #fe721d;

  width: 50px;

  height: 50px;

  right: 0px;

  bottom: -7px;

  line-height: 50px;

  text-align: center;

  border-radius: 50%;

  z-index: 1;

}



.testimonial-section .carousel-content .content-box .client-thumb img{

  position: relative;

  display: inline-block;

  width: 100%;

}



.testimonial-section .sec-title{

  margin-bottom: 62px;

}



.testimonial-section .inner-content{

  position: relative;

  display: block;

  margin: 0px 170px;

}



.testimonial-section .inner-content:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-5.png);

  width: 845px;

  height: 374px;

  left: 0px;

  top: 30px;

  background-repeat: no-repeat;

}



.testimonial-section .carousel-content .content-box .text{

  position: relative;

  display: block;

  font-style: italic;

  margin-bottom: 36px;

}



.testimonial-section .carousel-content .content-box .author-info h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  margin-bottom: 4px;

}



.testimonial-section .carousel-content .content-box .author-info span{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 24px;

  font-family: 'Open Sans', sans-serif;

}



.testimonial-section .sec-title h4{

  margin-bottom: 13px;

}



.testimonial-section .carousel-content .content-box .author-info{

  position: relative;

  display: block;

  margin-bottom: 5px;

}





/** pricing-section **/



.pricing-section{

  position: relative;

  display: block;

  padding: 142px 0px 150px 0px;

}



.pricing-section:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-6.png);

  width: 825px;

  height: 425px;

  left: 0px;

  top: 10px;

  background-repeat: no-repeat;

}



.pricing-section:after{

  position: absolute;

  content: '';

  background: url(../images/background/pricing-bg.png);

  width: 100%;

  height: 100%;

  left: 0px;

  bottom: 0px;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -1;

}



.tabs-box .tab{

  position:relative;

  display:none;

  transition: all 900ms ease;

  -moz-transition: all 900ms ease;

  -webkit-transition: all 900ms ease;

  -ms-transition: all 900ms ease;

  -o-transition: all 900ms ease;

}



.tabs-box .tab.active-tab{

  display:block;  

}



.tabs-box .tab{

  transform:scale(0.9,0.9) translateY(0px);

}



.tabs-box .tab.active-tab{

  transform:scale(1) translateY(0px);

}



.pricing-section .top-content{

  position: relative;

  display: block;

  margin-bottom: 59px;

}



.pricing-section .top-content .text{

  position: relative;

  display: block;

  padding-top: 52px;

}



.pricing-section .tabs-content{

  position: relative;

  display: block;

  margin: 0px 15px

}



.pricing-section .tabs-content .pricing-column{

  padding: 0px 0px;

}



.pricing-section .pricing-table{

  position: relative;

  display: block;

  background: #fff;

  border: 1px solid #e5e5e5;

  border-right: none;

}



.pricing-section .pricing-column:last-child .pricing-table{

  border-right: 1px solid #e5e5e5;

}



.pricing-section .pricing-table .table-header h1{

  position: relative;

  display: block;

  font-size: 48px;

  line-height: 55px;

  font-weight: 500;

  margin-bottom: 19px;

}



.pricing-section .pricing-table .table-header a{

  position: relative;

  display: inline-block;

  font-size: 17px;

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

  font-weight: 600;

  background: #f2f3f6;

  color: #09092b;

  text-align: center;

  width: 157px;

  height: 55px;

  line-height: 55px;

  border-radius: 3px;

  margin-bottom: 19px;

}



.pricing-section .pricing-table .table-header a:hover{

  color: #fff;

  background: #fe721d;

}



.pricing-section .pricing-table .table-header h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 400;

  color: #848484

}



.pricing-section .pricing-table .table-header{

  position: relative;

  display: block;

  padding: 46px 15px 43px 15px;

}



.pricing-section .pricing-table .table-content li{

  position: relative;

  display: block;

  padding: 20px 15px;

  height: 71px;

  font-size: 20px;

  color: #2bd55c;

  border-top: 1px solid #e5e5e5;

}



.pricing-section .tab-btn-box{

  position: relative;

  display: block;

  height: 100%;

}



.pricing-section .tab-btn-box .tab-btns{

  position: absolute;

  display: block;

  background: #f2f3f6;

  bottom: 1px;

  width: 100%;

  left: 0px;

}



.pricing-section .tab-btn-box .tab-btn{

  position: relative;

  display: block;

  font-size: 16px;

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

  font-weight: 400;

  color: #848484;

  border-bottom: 1px solid #e5e5e5;

  padding: 23px 15px 21px 30px;

  cursor: pointer;

  transition: all 500ms ease;

}



.pricing-section .tab-btn-box .tab-btn.active-btn,

.pricing-section .tab-btn-box .tab-btn:hover{

  background: #fe721d;

  color: #fff;

}



.pricing-section .tab-btn-box .tab-btn:last-child{

  border-bottom: none;

}



.pricing-section .lower-content{

  position: relative;

  display: block;

  margin: 0px 15px;

}



.pricing-section .lower-content:before{

  position: absolute;

  content: '';

  background: url(../images/icons/leaf.png);

  width: 348px;

  height: 360px;

  left: -260px;

  bottom: -47px;

  background-repeat: no-repeat;

}



.pricing-section .lower-content .btn-column,

.pricing-section .lower-content .content-column{

  padding: 0px 0px;

}





/** subscribe-section **/



.subscribe-section{

  position: relative;

  display: block;

  width: 100%;

  padding: 143px 0px 365px 0px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.subscribe-section .sec-title h1{

  color: #fff;

  margin-bottom: 50px;

}



.subscribe-section .inner-content{

  position: relative;

  display: block;

  max-width: 830px;

  width: 100%;

  margin: 0 auto;

}



.subscribe-section .inner-content .form-group{

  position: relative;

  display: inline-block;

  margin: 0px;

  max-width: 305px;

  width: 100%;

  float: left;

}



.subscribe-section .inner-content .form-group input[type='text'],

.subscribe-section .inner-content .form-group input[type='email']{

  position: relative;

  display: block;

  width: 100%;

  height: 60px;

  font-size: 14px;

  font-family: 'Open Sans', sans-serif;

  padding: 10px 30px;

  border-right: 1px solid #e5e5e5;

}



.subscribe-section .inner-content .form-group:first-child input{

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

}



.subscribe-section .inner-content .form-group:nth-child(2) input{

  border-right: none;

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}



.subscribe-section .inner-content .form-group:last-child{

  position: absolute;

  right: 0px;

  top: 0px;

  max-width: 200px;

  width: 100%;

}



.subscribe-section .inner-content .form-group .btn-style-two{

  width: 100%;

  padding: 17px 30px 17px 31px;

}



.subscribe-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-5.png);

  width: 100px;

  height: 175px;

  right: 0px;

  bottom: 120px;

}



.subscribe-section .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-4.png);

  width: 170px;

  height: 165px;

  left: 100px;

  bottom: 10px;

}



.subscribe-section .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-14.html);

  width: 30px;

  height: 21px;

  left: 130px;

  top: 160px;

  background-repeat: no-repeat;

}



.subscribe-section .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  left: 130px;

  top: 50%;

  background-repeat: no-repeat;

}



.subscribe-section .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-12.html);

  width: 28px;

  height: 28px;

  left: 19%;

  top: 65%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.subscribe-section .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-13.html);

  width: 19px;

  height: 32px;

  top: 30%;

  left: 20%;

  background-repeat: no-repeat;

}



.subscribe-section .anim-icon .icon-7 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  top: 180px;

  left: 30%;

  background-repeat: no-repeat;

}



.subscribe-section .anim-icon .icon-8 {

  background: url(../images/icons/anim-icon-12.html);

  width: 28px;

  height: 28px;

  top: 80px;

  left: 38%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.subscribe-section .anim-icon .icon-9 {

  background: url(../images/icons/anim-icon-11.html);

  width: 16px;

  height: 16px;

  left: 62%;

  top: 70px;

  background-repeat: no-repeat;

}



.subscribe-section .anim-icon .icon-10 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  top: 190px;

  right: 20%;

  background-repeat: no-repeat;

}



.subscribe-section .anim-icon .icon-11 {

  background: url(../images/icons/anim-icon-9.html);

  width: 28px;

  height: 28px;

  right: 100px;

  top: 40%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.subscribe-section .anim-icon .icon-12 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  right: 140px;

  bottom: 30%;

  background-repeat: no-repeat;

}



.subscribe-section .anim-icon .icon-13 {

  background: url(../images/icons/anim-icon-8.html);

  width: 19px;

  height: 32px;

  right: 350px;

  bottom: 150px;

  background-repeat: no-repeat;

}



.subscribe-section .anim-icon .icon-14 {

  background: url(../images/icons/anim-icon-9.html);

  width: 28px;

  height: 28px;

  right: 38%;

  bottom: 200px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.subscribe-section .anim-icon .icon-15 {

  background: url(../images/icons/anim-icon-10.html);

  width: 16px;

  height: 16px;

  right: 48%;

  bottom: 300px;

  background-repeat: no-repeat;

}





/** main-footer **/



.main-footer{

  position: relative;

  display: block;

  padding-top: 80px;

  background: #011627;

  color:#fff;

}



.main-footer .widget-content{

  position: relative;

  display: block;

  padding-bottom: 70px;

  border-bottom: 1px solid #f0f0f0;

}



.main-footer:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-7.png);

  width: 620px;

  height: 350px;

  top: 5px;

  right: -100px;

  background-repeat: no-repeat;

  opacity:0.4;

  display:none;

}



.main-footer:after{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-8.png);

  width: 350px;

  height: 260px;

  left: -50px;

  bottom: 50px;

  background-repeat: no-repeat;

  z-index: -1;

  opacity:0.4;

}



.main-footer .widget-content .logo-widget{

  position: relative;

  display: block;

  margin-left: 15px;

  margin-top: 75px;

}



.main-footer .widget-content .logo-widget .footer-logo{

  position: relative;

  display: inline-block; 

}



.main-footer .widget-content .logo-widget .text{

  position: relative;

  display: block;

  margin-bottom: 27px;

}



.main-footer .widget-content .logo-widget .phone i{

  position: relative;

  display: inline-block;

  font-size: 25px;

  line-height: 35px;

  color: #c8c9cc;

  margin-right: 20px;

}



.main-footer .widget-content .logo-widget .phone a{

  position: relative;

  display: inline-block;

  font-size: 28px;

  line-height: 35px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 600;

  color: #3b3b3b;

}



.main-footer .widget-title{

  position: relative;

  display: block;

  font-size: 22px;

  line-height: 28px;

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

  font-weight: 600;

  color: #fff;

  margin-bottom: 36px;

}



.main-footer .link-widget .link-list li{

  position: relative;

  display: block;

  margin-bottom: 5px;

}



.main-footer .link-widget{

  margin-left: 15px;

}



.main-footer .link-widget .link-list li:last-child{

  margin-bottom: 0px;

}



.main-footer .link-widget .link-list li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  line-height: 26px;

  font-family: 'Open Sans', sans-serif;

  color: #fff;

}



.main-footer .footer-widget{

  position: relative;

  display: block;

}



.main-footer .link-widget .link-list li a:hover{

  color: #fe721d;

}



.main-footer .service-widget{

  margin-left: 70px;

}



.main-footer .contact-widget .info-box li{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 30px;

  margin-bottom: 10px;

}



.main-footer .contact-widget .info-box li:last-child{

  margin-bottom: 0px;

}



.main-footer .contact-widget .info-box li a{

  position: relative;

  display: inline-block;

  font-family: 'Open Sans', sans-serif;

  color: #fff;

}



.main-footer .contact-widget .info-box li a:hover{

  color: #fe721d;

}



.main-footer .contact-widget .info-box{

  position: relative;

  display: block;

  margin-bottom: 26px;

}



.main-footer .contact-widget .footer-social li{

  position: relative;

  display: inline-block;

  margin-right: 8px;

}



.main-footer .contact-widget .footer-social li:last-child{

  margin-right: 0px;

}



.main-footer .contact-widget .footer-social li a{

  position: relative;

  display: inline-block;

  font-size: 14px;

  color: #848484;

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  border-radius: 50%;

  border: 2px solid #f0f0f0;

}



.main-footer .contact-widget .footer-social li a:hover{

  background: #fe721d;

  border-color: #fe721d;

  color: #fff;

}



.main-footer .footer-bottom{

  position: relative;

  display: block;

  padding: 23px 0px 25px 0px;

}



.main-footer .footer-bottom .copyright{

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: #fff;

}



.main-footer .footer-bottom .copyright a{

  position: relative;

  display: inline-block;

  color: #fff;

}



.main-footer .footer-bottom .copyright a:hover{

  text-decoration: underline;

}



.main-footer .footer-bottom .right-content ul li{

  position: relative;

  

  display: none; /*inline-block;*/

  margin-left: 12px;

  padding-left: 17px;

}



.main-footer .footer-bottom .right-content ul li:before{

  position: absolute;

  content: '';

  background: #222;

  width: 1px;

  height: 15px;

  left: 0px;

  top: 8px;

}



.main-footer .footer-bottom .right-content ul li:first-child:before{

  display: none;

}



.main-footer .footer-bottom .right-content ul li:first-child{

  padding: 0px;

  margin: 0px;

}



.main-footer .footer-bottom .right-content ul li a{

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: #222;

}



.main-footer .footer-bottom .right-content ul li a:hover{

  color: #fe721d;

}







/*** 



====================================================================

                        Home-Page-Two

====================================================================



***/





/** header-style-two **/



.main-header.style-two{

  position: relative;

}



.main-header.style-two .main-menu .navigation > li > a,

.main-header.style-two .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn,

.main-header.style-two .outer-container .main-box .nav-outer .outer-box .header-flyout-searchbar i{

  color: #fff;

}





/** banner-style-two **/





.banner-section.style-two{

  position: relative;

  background: #fff;

  padding: 333px 0px 165px 0px;

}



.banner-section.style-two:before{

  position: absolute;

  content: '';

  background: url(../images/background/banner-shap.png);

  width: 1316px;

  height: 983px;

  top: 0px;

  right: 0px;

  background-repeat: no-repeat;

}



.banner-section.style-two .content-box:before{

  background: url(../images/icons/shap-9.png);

  width: 288px;

  height: 267px;

}



.banner-section.style-two .content-box h1{

  color: #3b3b3b;

  margin-bottom: 28px;

  line-height: 75px;

}



.banner-section.style-two .content-box .text{

  color: #09092b;

}



.banner-section.style-two .image-box{

  padding-left: 80px;

  margin-top: -50px;

}



.banner-section.style-two .content-box{

  position: relative;

  z-index: 1;

}



.banner-section .anim-icon .icon-5 {

  background: url(../images/icons/shap-11.png);

  width: 178px;

  height: 363px;

  left: 0px;

  top: 250px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section.style-two .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  left: 30%;

  top: 240px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section.style-two .anim-icon .icon-7 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 50%;

  top: 50%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section.style-two .anim-icon .icon-8 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  top: 190px;

  right: 37%;

  background-repeat: no-repeat;

}



.banner-section.style-two .anim-icon .icon-9 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 235px;

  right: 280px;

  background-repeat: no-repeat;

}



.banner-section.style-two .anim-icon .icon-10 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  top: 290px;

  right: 190px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section.style-two .anim-icon .icon-11 {

  background: url(../images/icons/anim-icon-20.html);

  width: 19px;

  height: 31px;

  top: 40%;

  right: 360px;

  background-repeat: no-repeat;

}



.banner-section.style-two .anim-icon .icon-12 {

  background: url(../images/icons/anim-icon-20.html);

  width: 19px;

  height: 31px;

  left: 250px;

  bottom: 150px;

  background-repeat: no-repeat;

}



.banner-section.style-two .anim-icon .icon-13 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  left: 100px;

  bottom: 35%;

  background-repeat: no-repeat;

}







/** clients-section **/



.clients-section{

  position: relative;

  display: block;

  padding: 100px 0px 90px 0px;

}



.clients-section:before{

  position: absolute;

  content: '';

  background: url(../images/background/about-shap.png);

  width: 861px;

  height: 1107px;

  left: 0px;

  top: -100px;

  background-repeat: no-repeat;

}



.clients-section .clients-outer {

  position: relative;

}



.clients-section .image-box {

  position: relative;

  display: block;

  text-align: center;

  margin-bottom: 0;

}



.clients-section .image-box img {

  display: block;

  max-width: 100%;

  width: auto;

  margin: 0 auto;

  opacity: 1;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.clients-section .slide-item:hover .image-box img {

  opacity: 0.5;

}



.clients-section .owl-nav.disabled{

  display: none;

}





/** about-style-two **/



.about-section.style-two{

  position: relative;

}



.about-section.style-two:after{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-13.png);

  width: 265px;

  height: 325px;

  right: 0px;

  top: 0px;

  background-repeat: no-repeat;

  z-index: -1;

}



.about-section.style-two .image{

  position: relative;

  display: inline-block;

  float: left;

  padding-left: 30px;

  border-radius: 10px;

}



.about-section.style-two .image:before{

  position: absolute;

  content: '';

  width: 131px;

  height: 253px;

  right: -70px;

  bottom: 60px;

  background-repeat: no-repeat;

}



.about-section.style-two .image img{

  position: relative;

  width: 100%;

  border-radius: 10px;

}



.about-section.style-two .video-content{

  position: relative;

  display: block;

}



.about-section.style-two .video-content .video-icon{

  position: absolute;

  left: -20px;

  top: 100px;

}



.about-section.style-two .video-content .video-icon a{

  position: relative;

  display: inline-block;

  font-size: 20px;

  color: #fff;

  height: 100px;

  width: 100px;

  line-height: 100px;

  text-align: center;

  background: #fe721d;

  border-radius: 50%;

  transition: all 500ms ease;

  -webkit-animation: pulse 3s infinite;

  -o-animation: pulse 3s infinite;

  animation: pulse 3s infinite;

}



.about-section.style-two .content-box{

  margin-left: 35px;

  margin-top: 30px;

}



.about-section.style-two .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-21.html);

  width: 19px;

  height: 32px;

  top: 0px;

  left: 100px;

  background-repeat: no-repeat;

}



.about-section.style-two .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-22.html);

  width: 16px;

  height: 16px;

  top: -80px;

  right: 200px;

  background-repeat: no-repeat;

}



.about-section.style-two .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 130px;

  left: 48%;

  background-repeat: no-repeat;

}



.about-section.style-two .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-21.html);

  width: 19px;

  height: 32px;

  top: 50%;

  right: 30px;

  background-repeat: no-repeat;

}



.about-section.style-two .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  right: 300px;

  bottom: 30%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.about-section.style-two .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 120px;

  bottom: 120px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}







/** feature-style-two **/



.feature-section.style-two{

  position: relative;

  padding: 90px 0px;

}



.feature-section.style-two:before{

  background: url(../images/background/feature-patten.png);

  width: 100%;

  height: 1488px;

  top: 100px;

  background-repeat: no-repeat;

  background-size: cover;

}



.feature-section.style-two .sec-title{

  margin-bottom: 108px;

}



.feature-section.style-two .inner-box .btn-box{

  transform: scale(0,0);

  transition: all 500ms ease;

}



.feature-section.style-two .inner-box:hover .btn-box{

  transform: scale(1,1);

}



.feature-section.style-two .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 100px;

  right: 30%;

  background-repeat: no-repeat;

}



.feature-section.style-two .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  top: 120px;

  right: 100px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.feature-section.style-two .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 30px;

  bottom: 0px;

  background-repeat: no-repeat;

}



.feature-section.style-two .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 280px;

  bottom: 0px;

  background-repeat: no-repeat;

}



.feature-section.style-two .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 210px;

  top: 50%;

  background-repeat: no-repeat;

}



/** portfolio-section **/





.portfolio-section{

  position: relative;

  display: block;

  padding: 150px 0px 120px 0px;

}



.portfolio-section .tabs-content{

  position: relative;

  display: block;

  margin-right: -560px;

  padding-bottom: 70px;

  border-bottom: 1px solid #e5e5e5;

}



.portfolio-section .tabs-content:before{

  position: absolute;

  content: '';

  background: #fe721d;

  width: 25%;

  height: 2px;

  left: 0px;

  bottom: -1px;

}



.portfolio-section .top-content{

  position: relative;

  display: block;

  margin-bottom: 60px;

}



.portfolio-section .top-content .tab-btns li{

  position: relative;

  float: left;

  margin-right: 25px;

  font-size: 16px;

  font-weight: 500;

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

  color: #848484;

  cursor: pointer;

  transition: all 500ms ease;

}



.portfolio-section .top-content .tab-btns li.active-btn,

.portfolio-section .top-content .tab-btns li:hover{

  color: #fe721d;

}



.portfolio-section .top-content .tab-btn-box{

  position: relative;

  margin-top: 73px;

}



.portfolio-section .top-content .tab-btns li:last-child{

  margin-right: 0px;

}



.portfolio-block-one{

  position: relative;

  display: block;

}



.portfolio-block-one .inner-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 10px;

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

}



.portfolio-block-one .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  background: #000;

  border-top-right-radius: 10px;

  border-top-left-radius: 10px;

}



.portfolio-block-one .inner-box .image-box img{

  width: 100%;

  transition: all 1500ms ease;

}



.portfolio-block-one .inner-box:hover .image-box img{

  opacity: 0.5;

  transform: scale(1.3) rotate(3deg);

}



.portfolio-block-one .inner-box .lower-content{

  position: relative;

  display: block;

  padding: 32px 150px 28px 40px;

}



.portfolio-block-one .inner-box .lower-content h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 0px;

}



.portfolio-block-one .inner-box .lower-content h3 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.portfolio-block-one .inner-box .lower-content h3 a:hover{

  color: #fe721d;

}



.portfolio-block-one .inner-box .lower-content span{

  position: absolute;

  right: 42px;

  top: 37px;

  font-size: 15px;

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

  font-weight: 500;

  color: #848484;

}



.portfolio-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 60px;

  top: 33%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.portfolio-section .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  top: 100px;

  right: 350px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.portfolio-section .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  right: 80px;

  bottom: 0px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.portfolio-section .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 150px;

  bottom: 0px;

  background-repeat: no-repeat;

  z-index: 1;

}





/** testimonial-style-two **/



.testimonial-style-two{

  position: relative;

  display: block;

  padding: 160px 0px 100px 0px;

}



.testimonial-style-two:before{

  position: absolute;

  content: '';

  background: url(../images/background/testimonial-patten.png);

  width: 714px;

  height: 919px;

  left: 0px;

  top: -150px;

  background-repeat: no-repeat;

}



.testimonial-style-two:after{

  position: absolute;

  content: '';

  background: url(../images/icons/leaf-3.png);

  width: 268px;

  height: 434px;

  right: 0px;

  bottom: 0px;

  background-repeat: no-repeat;

}



.testimonial-style-two .testimonial-carousel{

  position: relative;

}



.testimonial-style-two .testimonial-carousel:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-16.png);

  width: 805px;

  height: 361px;

  left: 110px;

  top: -140px;

  background-repeat: no-repeat;

}



.testimonial-style-two .inner-box .image-box .image{

  position: relative;

  display: inline-block;

  float: left;

  border-radius: 10px;

}



.testimonial-style-two .inner-box .image-box .image:before {

  position: absolute;

  content: "\f10e";

  font-family: 'Font Awesome 5 Free';

  font-size: 20px;

  font-weight: 700;

  color: #fff;

  background: #fe721d;

  width: 80px;

  height: 80px;

  right: -40px;

  bottom: 87px;

  line-height: 80px;

  text-align: center;

  border-radius: 50%;

  z-index: 1;

}



.testimonial-style-two .inner-box .image-box .image img{

  width: 100%;

  border-radius: 10px;

}



.testimonial-style-two .inner-box .content-box{

  position: relative;

  display: block;

  margin-top: 39px;

}



.testimonial-style-two .inner-box .content-box .sec-title{

  margin-bottom: 48px;

}



.testimonial-style-two .inner-box .content-box .text{

  position: relative;

  display: block;

  font-size: 20px;

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

  font-weight: 400;

  color: #3b3b3b;

  line-height: 32px;

  margin-bottom: 47px;

}



.testimonial-style-two .inner-box .content-box .author-info h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 4px;

}



.testimonial-style-two .inner-box .content-box .author-info span{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 24px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 400;

  color: #8b8e93;

}



.testimonial-style-two .inner-box .content-box .sec-title h4{

  margin-bottom: 13px;

}



.testimonial-style-two .owl-nav{

  position: relative;

  text-align: center;

  top: -96px;

  left: 58px;

}



.testimonial-style-two .nav-style-one .owl-nav .owl-prev:before,

.testimonial-style-two .nav-style-one .owl-nav .owl-next:before{

  top: 19.5px;

}



.testimonial-style-two .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  left: 50%;

  top: 80px;

  background-repeat: no-repeat;

}



.testimonial-style-two .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 30%;

  bottom: 100px;

  background-repeat: no-repeat;

}



.testimonial-style-two .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 100px;

  bottom: 0px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}





/** pricing-style-two **/



.pricing-style-two{

  position: relative;

  display: block;

  padding: 85px 0px 200px 0px;

  background-size: cover;

  background-repeat: no-repeat;

}



.pricing-style-two:after {

  position: absolute;

  content: '';

  background: url(../images/background/price-patten.png);

  width: 100%;

  height: 977px;

  right: 0px;

  bottom: 0px;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -1;

}



.pricing-style-two .sec-title{

  position: relative;

  display: block;

  margin-bottom: 57px;

}



.pricing-style-two .pricing-table{

  position: relative;

  display: block;

  background: #fff;

  padding: 63px 60px 55px 60px;

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

  border-radius: 15px;

  min-height: 631px;

}



.pricing-style-two .pricing-table:before{

  position: absolute;

  content: '';

  background: #3b04db;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  right: 0px;

  transform: scale(0,0);

  border-radius: 15px;

  transition: all 500ms ease;

}



.pricing-style-two .pricing-table:hover:before{

  transform: scale(1,1);

}



.pricing-style-two .pricing-table .table-header h1{

  position: relative;

  display: block;

  font-size: 48px;

  line-height: 60px;

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

  font-weight: 500;

  color: #3b3b3b;

  margin-bottom: 17px;

  transition: all 500ms ease;

}



.pricing-style-two .pricing-table:hover .table-header h1{

  color: #fff;

}



.pricing-style-two .pricing-table .table-header a{

  position: relative;

  display: inline-block;

  font-size: 17px;

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

  font-weight: 600;

  background: transparent;

  border: 2px solid #fe721d;

  color: #3b3b3b;

  text-align: center;

  width: 157px;

  height: 55px;

  line-height: 55px;

  border-radius: 3px;

  margin-bottom: 19px;

}



.pricing-style-two .pricing-table:hover .table-header a{

  color: #fff;

  background: #fe721d;

}



.pricing-style-two .pricing-table .table-header h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

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

  font-weight: 400;

  color: #848484;

  transition: all 500ms ease;

}



.pricing-style-two .pricing-table:hover .table-header h4{

  color: #fff;

}



.pricing-style-two .pricing-table .table-header{

  position: relative;

  display: block;

  padding-bottom: 47px;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 36px;

  transition: all 500ms ease;

}



.pricing-style-two .pricing-table:hover .table-header{

  border-color: #4f65c5;

}



.pricing-style-two .pricing-table .table-content li{

  position: relative;

  display: block;

  font-size: 16px;

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

  font-weight: 400;

  color: #848484;

  padding: 10px 0px;

  margin-bottom: 5px;

  transition: all 500ms ease;

}



.pricing-style-two .pricing-table:hover .table-content li{

  color: #fff;

}



.pricing-style-two .pricing-table .table-content li:last-child{

  margin-bottom: 0px;

}



.pricing-style-two .inner-content{

  position: relative;

}



.pricing-style-two .inner-content:before{

  position: absolute;

  content: '';

  background: url(../images/icons/leaf.png);

  width: 348px;

  height: 360px;

  left: -160px;

  bottom: -47px;

  background-repeat: no-repeat;

}



.pricing-style-two .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  right: 140px;

  top: 150px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.pricing-style-two .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 290px;

  top: 60%;

  background-repeat: no-repeat;

}



.pricing-style-two .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 180px;

  top: 40%;

  background-repeat: no-repeat;

}



/** fact-counter **/



.fact-counter{

  position: relative;

  display: block;

  background: #d1dfe0;

  padding: 78px 0px 73px 0px;

}



/*.fact-counter:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-18.png);

  width: 194px;

  height: 250px;

  left: 0px;

  bottom: 0px;

  background-repeat: no-repeat;

}



.fact-counter:after{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-19.png);

  width: 297px;

  height: 250px;

  top: 0px;

  right: 0px;

  background-repeat: no-repeat;

}*/



.counter-block-one{

  position: relative;

  display: block;

  z-index: 1;

}



.counter-block-one .count-outer span{

  position: relative;

  display: block;

  font-size: 60px;

  line-height: 65px;

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

  font-weight: 600;

  color: #fe721d;

  color: #e4041a;

  margin-bottom: 8px;

}



.counter-block-one .text{

  position: relative;

  display: block;

  color: #3b3b3b;

  font-weight: 600;

}





/** news-section **/



.news-section{

  position: relative;

  display: block;

  padding: 192px 0px 178px 0px;

}



.news-section:after {

  position: absolute;

  content: '';

  background: url(../images/icons/shap-21.png);

  width: 410px;

  height: 410px;

  left: 100px;

  top: -200px;

  background-repeat: no-repeat;

  z-index: -1;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}





.news-section .top-content{

  position: relative;

  display: block;

  margin-bottom: 57px;

}



.news-section .top-content .btn-box{

  position: relative;

  margin-top: 40px;

}



.news-block-one{

  position: relative;

  display: block;

}



.news-block-one .image-box{

  position: relative;

  display: block;

  overflow: hidden;

}



.news-block-one .lower-content{

  position: relative;

  display: block;

  padding: 33px 10px 20px 0px;

}



.news-block-one .lower-content .post-date{

  position: relative;

  display: block;

  margin-bottom: 8px;

}



.news-block-one .lower-content h3{

  position: relative;

  display: block;

  font-size: 24px;

  font-weight: 600;

  line-height: 28px;

  color: #3b3b3b;

  margin-bottom: 21px;

}



.news-block-one .lower-content h3 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.news-block-one .lower-content h3 a:hover{

  color: #fe721d;

}



.news-block-one .lower-content .text{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 26px;

}



.overlay-style{

  position: absolute;

  left: 0px;

  bottom: 0px;

  right: 0px;

  top: 0px;

  z-index: 2;

  opacity: 0;

  transition: all 900ms ease;    

}



.overlay-style:before{

  position: absolute;

  content: '';

  top: 0px;

  left: 0px;

  width: 100%;

  height: 50%;

  display: block;

  opacity: 0;

  text-align: center;

  transform: perspective(400px) rotateX(-90deg);

  transform-origin: top;

  transition: all 0.5s;

  background-color: rgba(0, 0, 0, 0.80);

}



.overlay-style:after{

  position: absolute;

  content: '';

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 50%;

  display: block;

  opacity: 0;

  text-align: center;

  transform: perspective(400px) rotateX(90deg);

  transform-origin: bottom;

  transition: all 0.5s;

  background-color: rgba(0, 0, 0, 0.80);

}



.news-block-one:hover .overlay-style{

  opacity: 1;

}



.news-block-one:hover .overlay-style:before{

  opacity: 1;

  transform: perspective(400px) rotateX(0deg);

  transition: all 700ms ease 100ms; 

}



.news-block-one:hover .overlay-style:after{

  opacity: 1;

  transform: perspective(400px) rotateX(0deg);

  transition: all 700ms ease 300ms; 

}



.news-block-one img {

  width: 100%;

  transform: scale(1.01);

  transition: all 700ms ease;

}



.news-block-one:hover img {

  transform:scale(1.2) rotate(2deg);  

}



.news-block-one .overlay{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 10;

  transform: translate3d(0px, -100%, 0px);

  transition: all 700ms ease 300ms;

}



.news-block-one:hover .overlay{

  transition: all 700ms ease 500ms;

  transform: translate3d(0px, 0px, 0px);      

}



.news-block-one .overlay .box{

  display: table;

  width: 100%;

  height: 100%;

}

.news-block-one .overlay .box .link-icon{

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}



.news-block-one .overlay .box .link-icon a i:before{

  display: inline-block;

  color: #ffffff;

  font-size: 35px;

  line-height: 35px;

  transition: all 500ms ease;

}



.news-block-one .overlay .box .link-icon a:hover i:before{

  color: #fe721d;    

}



.news-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 230px;

  top: 160px;

  background-repeat: no-repeat;

}



.news-section .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  left: 50%;

  top: 80px;

  background-repeat: no-repeat;

}



.news-section .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 70px;

  top: 280px;

  background-repeat: no-repeat;

}



.news-section .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  right: 260px;

  top: 50%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.news-section .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 50px;

  top: 50%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}





/** subscribe-style-two **/



.subscribe-style-two{

  position: relative;

  display: block;

  background: #d1dfe0;

  padding: 70px 0px 70px 0px;

}



/*.subscribe-style-two:before {

  position: absolute;

  content: '';

  background: url(../images/icons/shap-23.png);

  width: 391px;

  height: 227px;

  right: 100px;

  top: 0px;

  background-repeat: no-repeat;

  background-position: top center;

}*/

.footer-logo{width: 200px;margin-bottom: 0px !important;}

.subscribe-style-two .inner-content{

  position: relative;

  display: block;

  max-width: 830px;

  width: 100%;

  margin: auto;

  text-align: center;

}



.subscribe-style-two .subscribe-form .form-group{

  position: relative;

  max-width: 550px;

  width: 100%;

  margin: 0px;

}



.subscribe-style-two .subscribe-form .form-group:last-child {

  position: absolute;

  right: 0px;

  top: 0px;

  max-width: 260px;

  width: 100%;

}



.subscribe-style-two .subscribe-form input[type='email']{

  position: relative;

  display: block;

  width: 100%;

  height: 60px;

  background: #fff;

  border: 1px solid #fff;

  border-radius: 3px;

  padding: 10px 20px;

  font-size: 14px;

  transition: all 500ms ease;

}



.subscribe-style-two .subscribe-form input:focus{

  border-color: #fe721d;

}



.subscribe-style-two .subscribe-form button{

  width: 100%;

  padding: 17px 30px 17px 31px;

}



.subscribe-style-two .sec-title{

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.main-header.style-three .outer-container .main-box .nav-outer .outer-box .header-flyout-searchbar i{

  color: #3b3b3b;

}



.subscribe-style-two .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  left: 200px;

  top: 150px;

  background-repeat: no-repeat;

}



.subscribe-style-two .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  left: 35%;

  top: 55px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.subscribe-style-two .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  top: 130px;

  right: 33%;

  background-repeat: no-repeat;

}



.subscribe-style-two .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  right: 130px;

  bottom: 200px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.subscribe-style-two .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-21.html);

  width: 19px;

  height: 32px;

  right: 20%;

  bottom: 130px;

  background-repeat: no-repeat;

}



.subscribe-style-two .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  right: 45%;

  bottom: 30px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.subscribe-style-two .anim-icon .icon-7 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  left: 36%;

  bottom: 100px;

  background-repeat: no-repeat;

}



.subscribe-style-two .anim-icon .icon-8 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 290px;

  bottom: 120px;

  background-repeat: no-repeat;

}





/*** 



====================================================================

                        Home-Page-Three

====================================================================



***/





/** banner-style-three **/



.banner-section.style-three{

  position: relative;

  padding-bottom: 0px;

}



.banner-section.style-three .content-box:before,

.banner-section.style-three .content-box:after{

  display: none;

}



.banner-section.style-three .image-box img{

  max-width: 100%;

  float: none;

}



.banner-section.style-three .image-box{

  padding: 0px;

  margin: 0px;

  margin-bottom: 0px;

}



.banner-section.style-three .content-box .btn-box{

  position: relative;

  margin-bottom: 140px;

}



.banner-section.style-three .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-24.html);

  width: 16px;

  height: 16px;

  left: 290px;

  top: 300px;

  background-repeat: no-repeat;

}



.banner-section.style-three .anim-icon .icon-7 {

  background: url(../images/icons/anim-icon-25.html);

  width: 19px;

  height: 32px;

  left: 25%;

  top: 160px;

  background-repeat: no-repeat;

}



.banner-section.style-three .anim-icon .icon-8 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 45%;

  top: 200px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section.style-three .anim-icon .icon-9 {

  background: url(../images/icons/anim-icon-26.html);

  width: 20px;

  height: 20px;

  right: 25%;

  top: 170px;

  background-repeat: no-repeat;

}



.banner-section.style-three .anim-icon .icon-10 {

  background: url(../images/icons/anim-icon-25.html);

  width: 19px;

  height: 32px;

  right: 33%;

  top: 37%;

  background-repeat: no-repeat;

}



.banner-section.style-three .anim-icon .icon-11 {

  background: url(../images/icons/anim-icon-26.html);

  width: 20px;

  height: 20px;

  top: 42%;

  left: 35%;

  background-repeat: no-repeat;

}





/** service-style-two **/



.service-style-two{

  position: relative;

  display: block;

  padding: 130px 0px 100px 0px;

}



.service-style-two:after{

  position: absolute;

  content: '';

  background: url(../images/background/service-bg.png);

  width: 100%;

  height: 1490px;

  top: 170px;

  right: 0px;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -1;

}



.service-style-two .sec-title{

  margin-bottom: 108px;

}



.service-style-two .sec-title h4{

  color: #fe721d;

}



.service-block-two{

  position: relative;

  display: block;

  background: #fff;

  padding: 92px 30px 15px 40px;

  border-radius: 15px;

  min-height: 450px;

  margin-bottom: 105px;

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

  z-index: 1;

  transition: all 500ms ease;

}



.service-block-two:hover {

  padding: 92px 30px 20px 40px;

  margin: 0px;

  min-height: 550px;

}



.service-block-two .icon-box{

  position: relative;

  display: inline-block;

  font-size: 80px;

  line-height: 80px;

  font-weight: 500;

  color: #7888ff;

  margin-bottom: 46px;

  z-index: 1;

}



.service-block-two .icon-box:before{

  position: absolute;

  content: '';

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #eae5fd 100%);

  width: 90px;

  height: 90px;

  top: -40px;

  right: -40px;

  border-radius: 50%;

  z-index: -1;

  transition: all 500ms ease;

}



.service-block-two:hover .icon-box:before{

  width: 70px;

  height: 70px;

}



.service-style-two .service-block:nth-child(2) .service-block-two .icon-box:before{

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #e2fef8 100%);

}



.service-style-two .service-block:last-child .service-block-two .icon-box:before{

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #fff0e6 100%);

}



.service-style-two .service-block:nth-child(2) .service-block-two .icon-box{

  color: #29f7ce;

}



.service-style-two .service-block:last-child .service-block-two .icon-box{

  color: #ff8b45;

}



.service-block-two h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  color: #3b3b3b;

  font-weight: 600;

  margin-bottom: 35px;

}



.service-block-two h3 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.service-block-two h3 a:hover{

  color: #fe721d;

}



.service-block-two .text{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 26px;

  margin-bottom: 43px;

}



.service-block-two .btn-box{

  position: absolute;

  left: 40px;

  bottom: 0px;

  visibility: hidden;

  opacity: 0;

  transition: all 500ms ease;

}



.service-block-two:hover .btn-box{

  bottom: 60px;

  opacity: 1;

  visibility: visible;

}



.service-style-two .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 120px;

  top: 0px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear

}



.service-style-two .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 30%;

  top: 130px;

  background-repeat: no-repeat;

}



.service-style-two .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  top: 150px;

  right: 100px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-style-two .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 210px;

  top: 50%;

  background-repeat: no-repeat;

}





/** feature-style-three **/



.feature-style-three{

  position: relative;

  display: block;

  padding: 90px 0px 90px 0px;

}



.feature-style-three .image-box{

  position: relative;

  display: block;

}



.feature-style-three .image-box:before{

  position: absolute;

  content: '';

  background: #fe721d;

  width: 310px;

  height: 310px;

  border-radius: 50%;

  left: 100px;

  top: 35%;

}



.feature-style-three .image-box img{

  width: 100%;

}



.feature-style-three .image-box .image-1{

  position: relative;

  float: left;

  margin-left: -130px;

}



.feature-style-three .image-box .image-2{

  position: absolute;

  left: -155px;

  bottom: 220px;

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

}



.feature-style-three .image-box .image-3{

  position: absolute;

  top: 130px;

  right: 30px;

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

}



.feature-style-three .content-box .icon-box{

  position: relative;

  display: inline-block;

  font-size: 30px;

  width: 75px;

  height: 75px;

  line-height: 75px;

  text-align: center;

  background: #fe721d;

  color: #fff;

  border-radius: 50%;

  margin-bottom: 30px;

}



.feature-style-three .inner-box:last-child .content-box .icon-box{

  background: #6275fd;

}



.feature-style-three .content-box .sec-title{

  margin-bottom: 22px;

}



.feature-style-three .content-box .text{

  position: relative;

  display: block;

  margin-bottom: 27px;

  text-align: justify;

}



.feature-style-three .content-box .list{

  position: relative;

  display: block;

  margin-top: 30px;

  margin-bottom: 40px;

}



.feature-style-three .content-box .list li {

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 6px;

  padding: 0px 0px 12px 34px;

  border-bottom: 1px solid #dbdbdb;

}



.feature-style-three .content-box .list li:last-child{

  margin-bottom: 0px;

}



.feature-style-three .content-box .list li:before {

  position: absolute;

  content: "\f101";

  font-family: 'Flaticon';

  font-size: 20px;

  color: #006936;

  font-weight: 600;

  left: 0px;

  top: 0px;

}



.feature-style-three .content-box{

  position: relative;

  display: block;

  padding-top: 0px;

}



.feature-style-three .inner-box{

  position: relative;

  display: block;

  margin-bottom: 106px;

}



.feature-style-three .inner-box:last-child{

  margin-bottom: 0px;

}



.feature-style-three .inner-box:last-child .image-box:before{

  display: none;

}



.feature-style-three .inner-box:last-child .image-box .image-1{

  float: none;

  margin: 0px -275px 0px 40px;

  top: -112px;

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

}



.feature-style-three .inner-box:last-child .image-box .image-2{

  bottom: 0px;

  right: -375px;

  left: inherit;

  margin-left: 180px;

}



.feature-style-three .inner-box:last-child .image-box{

  margin-top: 100px;

}





/** testimonial-style-three **/



.testimonial-style-three{

  position: relative;

  display: block;

  width: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  padding: 163px 0px 150px 0px;

}



.testimonial-style-three:before{

  position: absolute;

  content: '';

  background: url(../images/icons/anim-icon-6.png);

  width: 368px;

  height: 356px;

  right: 100px;

  top: 0px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.testimonial-style-three .content-box{

  position: relative;

  display: block;

  background: #fff;

  border-radius: 25px;

  padding: 0px 50px 70px 50px;

  margin: 70px 100px 50px 100px;

  z-index: 1;

}



.testimonial-style-three .content-box:after{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-27.png);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  background-repeat: no-repeat;

  border-radius: 25px;

  z-index: -1;

}



.testimonial-style-three .carousel-content .content-box .client-thumb {

  position: relative;

  display: inline-block;

  width: 133px;

  height: 133px;

  border-radius: 50%;

  margin-bottom: 43px;

  margin-top: -50px;

  top: -16px;

}



.testimonial-style-three .carousel-content .content-box .client-thumb:before {

  position: absolute;

  content: "\f10e";

  font-family: 'Font Awesome 5 Free';

  font-size: 20px;

  font-weight: 700;

  color: #fff;

  background: #fe721d;

  border: 4px solid #fff;

  width: 58px;

  height: 58px;

  right: 0px;

  bottom: -7px;

  line-height: 58px;

  text-align: center;

  border-radius: 50%;

  z-index: 1;

}



.testimonial-style-three .carousel-content .content-box .client-thumb img {

  position: relative;

  display: inline-block;

  width: 100%;

}



.testimonial-style-three .carousel-content .content-box .text{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 32px;

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

  font-weight: 400;

  color: #3b3b3b;

  margin-bottom: 47px;

}



.testimonial-style-three .carousel-content .content-box .author-info h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  color: #09092b;

  margin-bottom: 4px;

}



.testimonial-style-three .carousel-content .content-box .author-info span{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 24px;

  color: #fe721d;

}



.testimonial-style-three .owl-nav{

  margin-top: 3px;

}



.testimonial-style-three .sec-title{

  position: relative;

  display: block;

  margin-bottom: 58px;

}



.testimonial-style-three .sec-title h4{

  margin-bottom: 13px;

}



.testimonial-style-three .sec-title h4,

.testimonial-style-three .sec-title h1{

  color: #fff;

}



.testimonial-style-three .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-24.html);

  width: 16px;

  height: 16px;

  left: 400px;

  top: 42%;

  background-repeat: no-repeat;

}



.testimonial-style-three .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-25.html);

  width: 19px;

  height: 32px;

  left: 25%;

  top: 200px;

  background-repeat: no-repeat;

}



.testimonial-style-three .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 43%;

  top: 290px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.testimonial-style-three .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-26.html);

  width: 20px;

  height: 20px;

  top: 200px;

  right: 30%;

  background-repeat: no-repeat;

}



.testimonial-style-three .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-25.html);

  width: 19px;

  height: 32px;

  top: 50%;

  right: 22%;

  background-repeat: no-repeat;

}





/** feature-style-four **/



.feature-style-four{

  position: relative;

  display: block;

  padding: 244px 0px 120px 0px;

}



.feature-style-four .content-box{

  position: relative;

  display: block;

}



.feature-style-four .content-box .sec-title{

  margin-bottom: 22px;

}



.feature-style-four .content-box .sec-title h4{

  color: #fe721d;

}



.feature-style-four .content-box .text{

  position: relative;

  display: block;

  margin-bottom: 33px;

  padding-right: 175px;

}



.feature-style-four .inner-content .single-item{

  position: relative;

  display: block;

  background: #fff;

  padding: 91px 30px 54px 30px;

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

  margin-bottom: 50px;

  border-radius: 15px;

  z-index: 1;

}



.feature-style-four .inner-content .single-item .icon-box{

  position: relative;

  display: inline-block;

  font-size: 60px;

  line-height: 60px;

  font-weight: 500;

  color: #7888ff;

  margin-bottom: 36px;

  z-index: 1;

}



.feature-style-four .inner-content .column:nth-child(2) .single-item .icon-box{

  color: #fe721d;

}



.feature-style-four .inner-content .column:nth-child(3) .single-item .icon-box{

  color: #ff7878;

}



.feature-style-four .inner-content .column:last-child .single-item .icon-box{

  color: #29f7ce;

}



.feature-style-four .inner-content .single-item .icon-box:before {

  position: absolute;

  content: '';

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #eae5fd 100%);

  width: 83px;

  height: 83px;

  top: -40px;

  right: -40px;

  border-radius: 50%;

  z-index: -1;

  transition: all 500ms ease;

}



.feature-style-four .inner-content .single-item:hover .icon-box:before{

  width: 65px;

  height: 65px;

}



.feature-style-four .inner-content .column:nth-child(2) .single-item .icon-box:before{

  background-image: -webkit-linear-gradient( 45deg, #fffcfb 0%, #ffefe5 100%);

}



.feature-style-four .inner-content .column:nth-child(3) .single-item .icon-box:before{

  background-image: -webkit-linear-gradient( 45deg, #fffcfc 0%, #ffecec 100%);

}



.feature-style-four .inner-content .column:last-child .single-item .icon-box:before{

  background-image: -webkit-linear-gradient( 45deg, #f9fffe 0%, #e2fef8 100%);

}



.feature-style-four .inner-content .single-item h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  color: #3b3b3b;

}



.feature-style-four .inner-content .single-item h4 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.feature-style-four .inner-content .single-item h4 a:hover{

  color: #fe721d;

}



.feature-style-four .inner-content{

  position: relative;

  display: block;

  margin-top: 8px;

}



.feature-style-four .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-27.html);

  width: 25px;

  height: 29px;

  top: 40%;

  left: 140px;

  background-repeat: no-repeat;

}



.feature-style-four .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  top: 170px;

  left: 40%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.feature-style-four .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-27.html);

  width: 25px;

  height: 29px;

  top: 100px;

  right: 300px;

  background-repeat: no-repeat;

}



.feature-style-four .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  top: 35%;

  right: 175px;

  background-repeat: no-repeat;

}





/** integration-section **/



.integration-section{

  position: relative;

  display: block;

  padding: 130px 0px 120px 0px;

}



.integration-section:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-29.png);

  width: 707px;

  height: 1089px;

  left: 0px;

  top: -240px;

  background-repeat: no-repeat;

}



.integration-section .integrations-block{

  position: relative;

  height: 550px;

  max-width: 550px;

  margin-left: -30px;

  background-image: url(../images/icons/integration-bg.png);

  background-position: center;

  background-repeat: no-repeat;

  z-index: 1;

}



.integration-section .integrations-block .icon{

  position: absolute;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



.integration-section .integrations-block .icon a,

.integration-section .integrations-block .icon img{

  position: relative;

  display: inline-block;

}



.integration-section .integrations-block .icon img{

  border-radius: 50%;

  box-shadow: 0 23px 50px #d9d9e7;

}



.integration-section .integrations-block .icon-1{

  left: 184px;

  top: -46px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.integration-section .integrations-block .icon-2{

  left: 70px;

  top: 32%;

  -webkit-animation: zoom-fade-two 5s infinite linear;

  animation: zoom-fade-two 5s infinite linear;

}



.integration-section .integrations-block .icon-3{

  right: 120px;

  top: 20%;

  -webkit-animation: zoom-fade-two 5s infinite linear;

  animation: zoom-fade-two 5s infinite linear;

}



.integration-section .integrations-block .icon-4{

  left: 30px;

  bottom: 45px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.integration-section .integrations-block .icon-5{

  right: 30%;

  bottom: 87px;

  -webkit-animation: zoom-fade-two 5s infinite linear;

  animation: zoom-fade-two 5s infinite linear;

}



.integration-section .integrations-block .icon-6{

  right: -4%;

  bottom: 130px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.integration-section .content-box{

  position: relative;

  display: block;

  margin-left: 40px;

  margin-top: 50px;

}



.integration-section .content-box .sec-title{

  position: relative;

  display: block;

  margin-bottom: 22px;

}



.integration-section .content-box .sec-title h4{

  color: #fe721d;

}



.integration-section .content-box .text p{

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 26px;

}



.integration-section .content-box .text p:last-child{

  margin-bottom: 0px;

}



.integration-section .content-box .text{

  position: relative;

  display: block;

  margin-bottom: 33px;

}



.news-section.home-3{

  padding: 65px 0px 220px 0px;

}



.news-section.home-3:after{

  display: none;

}



.integration-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 90px;

  top: 50px;

  background-repeat: no-repeat;

}



.integration-section .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 220px;

  top: 50%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.integration-section .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  left: 63%;

  top: 50px;

  background-repeat: no-repeat;

}



.integration-section .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  right: 140px;

  top: 20%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.integration-section .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-19.html);

  width: 28px;

  height: 28px;

  right: 300px;

  bottom: 100px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}





/*** 



====================================================================

                        Home-Page-Four

====================================================================



***/





/** banner-style-four **/



.banner-section.style-four{

  position: relative;

  display: block;

  padding: 278px 0px 0px 0px;

  margin-bottom: 0px;

}



.banner-section.style-four:before{

  position: absolute;

  content: '';

  background: #f7f8fc;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  z-index: -1;

}



.banner-section.style-four .content-box:before,

.banner-section.style-four .content-box:after{

  display: none;

}



.banner-section.style-four .content-box h1{

  font-size: 70px;

  line-height: 80px;

  margin-bottom: 27px;

}



.banner-section.style-four .content-box .text{

  line-height: 30px;

  margin-bottom: 41px;

}



.banner-section.style-four .content-box .btn-box a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-weight: 600;

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

  color: #fff;

  background: transparent;

  text-align: left;

  width: 208px;

  line-height: 20px;

  padding: 11px 20px 15px 65px;

  border: 2px solid #fff;

  border-radius: 3px;

}



.banner-section.style-four .content-box .btn-box a:hover{

  border-color: #47c1ff;

  background: #47c1ff;

}



.banner-section.style-four .content-box .btn-box a:first-child{

  margin-right: 25px;

}



.banner-section.style-four .content-box .btn-box a i{

  position: absolute;

  left: 28px;

  top: 18px;

  font-size: 30px;

  font-weight: 400;

  color: #fff;

}



.banner-section.style-four .content-box .btn-box a span{

  position: relative;

  display: block;

  font-size: 13px;

  line-height: 20px;

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

  font-weight: 600;

  color: #fff;

}



.banner-section.style-four .image-box{

  position: relative;

  display: block;

  padding: 0px;

  margin: -110px 0px -40px -145px;

}





/** service-style-three **/



.service-style-three{

  position: relative;

  display: block;

  padding: 90px 0px 90px 0px;

}



.owl-nav-none .owl-nav{

  display: none !important;

}



.service-style-three .sec-title{

  position: relative;

  display: block;

  margin-bottom: 35px;

}



.service-block-three{

  position: relative;

  display: block;

  background: #fff;

  padding: 90px 30px 60px 30px;

  border-radius: 10px;

}



.service-block-three .icon-box{

  position: relative;

  display: inline-block;

  font-size: 60px;

  color: #5d87ff;

  line-height: 60px;

  margin-bottom: 36px;

  transition: all 500ms ease;

  z-index: 1;

}



.service-block-three .icon-box:before{

  position: absolute;

  content: '';

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #eae5fd 100%);

  width: 80px;

  height: 80px;

  top: -40px;

  right: -40px;

  border-radius: 50%;

  z-index: -1;

  transition: all 500ms ease;

}



.service-block-three:hover .icon-box:before{

  width: 60px;

  height: 60px;

}



.service-style-three .owl-item:nth-child(2n+1) .inner-box .icon-box{

  color: #ff8b45;

}



.service-style-three .owl-item:nth-child(3n+1) .inner-box .icon-box{

  color: #29f7ce;

}



.service-style-three .owl-item:nth-child(2n+1) .inner-box .icon-box:before{

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #fff0e6 100%);

}



.service-style-three .owl-item:nth-child(3n+1) .inner-box .icon-box:before{

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #e2fef8 100%);

}



.service-block-three h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  color: #3b3b3b;

  font-weight: 600;

  margin-bottom: 29px;

}



.service-block-three h4 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.service-block-three h4 a:hover{

  color: #fe721d;

}



.service-block-three .text{

  position: relative;

  display: block;

  font-size: 15px;

}



.owl-theme .owl-dots .owl-dot span{

  position: relative;

  background: #e4e9f5;

  border: none;

  width: 15px;

  height: 15px;

  cursor: pointer;

  margin: 7px 7px 0px 7px;

  transition: all 500ms ease;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot span:hover{

  background: #fe721d;

  border: none;

}



.service-style-three .owl-dots{

  margin-top: 50px;

}



.service-style-three .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  top: 100px;

  left: 190px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-style-three .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  top: 130px;

  left: 30%;

  background-repeat: no-repeat;

}



.service-style-three .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 250px;

  top: 50%;

  background-repeat: no-repeat;

}



.service-style-three .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 100px;

  right: 190px;

  background-repeat: no-repeat;

}



.service-style-three .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  right: 420px;

  top: 250px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-style-three .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 250px;

  top: 45%;

  background-repeat: no-repeat;

}





/** counter-style-two **/



.counter-style-two{

  position: relative;

  display: block;

}



.counter-style-two .inner-box{

  position: relative;

  display: block;

  padding: 70px 30px 79px 30px;

  margin-top: -125px;

  margin-bottom: 55px;

  background-image: -webkit-linear-gradient( 90deg, #9745fd 0%, #5649ff 100%);

  border-radius: 10px;

}



.counter-block-two .count-outer span{

  position: relative;

  display: block;

  font-size: 60px;

  line-height: 70px;

  color: #fff;

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

  font-weight: 600;

  margin-bottom: 5px;

}



.counter-block-two .text{

  position: relative;

  display: block;

  color: #fff;

  font-size: 16px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 600;

}



.feature-style-three.home-4 .image-box .image-3{

  top: 105px;

  right: 60px;

}



.feature-style-three.home-4 .image-box .image-2{

  left: -55px;

  bottom: 310px;

}



.feature-style-three.home-4 .image-box:before{

  left: -130px;

  top: 25%;

}



.feature-style-three.home-4{

  padding-bottom: 0px;

}



.feature-style-three .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 50px;

  left: 360px;

  background-repeat: no-repeat;

}



.feature-style-three .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  left: 70px;

  top: 35%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.feature-style-three .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 260px;

  top: 30%;

  background-repeat: no-repeat;

}





/** feature-style-five **/



.feature-style-five{

  position: relative;

  display: block;

  padding: 30px 0px 113px 0px;

}



.feature-style-five:after{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-34.png);

  width: 555px;

  height: 1280px;

  top: -300px;

  right: 0px;

  background-repeat: no-repeat;

  z-index: -1;

}



.feature-style-five .sec-title{

  margin-bottom: 120px;

}



.feature-style-five .inner-box .single-item{

  position: relative;

  display: block;

  padding: 0px 0px 0px 150px;

  margin-bottom: 75px;

}



.feature-style-five .inner-box .single-item:last-child{

  margin-bottom: 0px;

}



.feature-style-five .inner-box .single-item .icon-box {

  position: absolute;

  left: 0px;

  top: 6px;

  font-size: 80px;

  color: #5d87ff;

  line-height: 80px;

  margin-bottom: 36px;

  transition: all 500ms ease;

  z-index: 1;

}



.feature-style-five .inner-box .single-item:nth-child(2) .icon-box{

  color: #29f7ce;

}



.feature-style-five .inner-box .single-item:last-child .icon-box{

  color: #ff8b45;

}



.feature-style-five .inner-box .single-item .icon-box:before {

  position: absolute;

  content: '';

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #eae5fd 100%);

  width: 90px;

  height: 90px;

  top: -40px;

  right: -40px;

  border-radius: 50%;

  z-index: -1;

  transition: all 500ms ease;

}



.feature-style-five .inner-box .single-item:hover .icon-box:before{

  width: 70px;

  height: 70px;

}



.feature-style-five .inner-box .single-item:nth-child(2) .icon-box:before{

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #e2fef8 100%);

}



.feature-style-five .inner-box .single-item:last-child .icon-box:before{

  background-image: -webkit-linear-gradient( 45deg, #fefeff 0%, #fff0e6 100%);

}



.feature-style-five .inner-box .single-item h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 11px;

}



.feature-style-five .inner-box .single-item h3 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.feature-style-five .inner-box .single-item h3 a:hover{

  color: #fe721d;

}



.feature-style-five .inner-box .single-item .text{

  position: relative;

  display: block;

  font-size: 14px;

  color: #666;

}



.feature-style-five .image-box{

  position: relative;

  display: block;

  right: 100px;

  margin-top: 157px;

}



.feature-style-five .image-box:before{

  position: absolute;

  content: '';

  background: url(../images/icons/leaf-4.png);

  width: 464px;

  height: 497px;

  right: -390px;

  bottom: 160px;

  background-repeat: no-repeat;

}



.feature-style-five .image-box img{

  position: relative;

  max-width: none;

  float: left;

}



.feature-style-five .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 30px;

  right: 30%;

  background-repeat: no-repeat;

}



.feature-style-five .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  right: 330px;

  top: 170px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.feature-style-five .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 100px;

  right: 70px;

  background-repeat: no-repeat;

}





/** feature-style-six **/



.feature-style-six{

  position: relative;

  display: block;

  padding: 100px 0px;

}



.feature-style-six:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-53.html);

  width: 1626px;

  height: 1323px;

  left: 0px;

  top: -100px;

  background-repeat: no-repeat;

}



.feature-style-six .image-box{

  position: relative;

  display: block;

  margin-left: -375px;

  margin-right: 130px;

}



.feature-style-six .image-box .image-1 img{

  width: 100%;

  box-shadow: 0 10px 50px rgba(176,176,176,.35);

}



.feature-style-six .image-box .image-2{

  position: absolute;

  right: -180px;

  bottom: -150px;

}



.feature-style-six .content-box .icon-box {

  position: relative;

  display: inline-block;

  font-size: 30px;

  width: 75px;

  height: 75px;

  line-height: 75px;

  text-align: center;

  background: #fe721d;

  color: #fff;

  border-radius: 50%;

  margin-bottom: 30px;

}



.feature-style-six .content-box .sec-title {

  margin-bottom: 22px;

}



.feature-style-six .content-box .text {

  position: relative;

  display: block;

  margin-bottom: 27px;

}



.feature-style-six .content-box .list {

  position: relative;

  display: block;

  margin-bottom: 33px;

}



.feature-style-six .content-box .list li {

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 6px;

  padding: 0px 0px 0px 34px;

}



.feature-style-six .content-box .list li:before {

  position: absolute;

  content: "\f101";

  font-family: 'Flaticon';

  font-size: 20px;

  color: #fe721d;

  font-weight: 500;

  left: 0px;

  top: 0px;

}



.feature-style-six .content-box{

  position: relative;

  display: block;

  margin-left: 30px;

  margin-top: 60px;

}



.feature-style-six .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 200px;

  right: 450px;

  background-repeat: no-repeat;

}



.feature-style-six .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  right: 130px;

  top: 200px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.feature-style-six .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 0px;

  right: 40%;

  background-repeat: no-repeat;

}



.feature-style-six .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 300px;

  bottom: 50px;

  background-repeat: no-repeat;

}





/** testimonial-style-four **/



.testimonial-style-four{

  position: relative;

  display: block;

  padding: 120px 0px 150px 0px;

}



.testimonial-style-four .sec-title{

  margin-bottom: 48px;

}



.testimonial-style-four .inner-box{

  position: relative;

  display: block;

  margin-right: -600px;

}



.testimonial-style-four .three-column-carousel-two .owl-stage-outer .active + .active + .active .content-box {

  opacity: .4;

}



.testimonial-style-four .blog-carousel-two .owl-stage-outer .active .content-box {

  opacity: 1;

}



.testimonial-style-four .content-box{

  position: relative;

  display: block;

  background: #fff;

  padding: 0px 30px 49px 60px;

  margin: 50px 30px 50px 0px;

  border-radius: 15px;

  box-shadow: 0 10px 50px rgba(176,176,176,.35);

}



.testimonial-style-four .content-box:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-36.png);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  border-radius: 15px;

  background-repeat: no-repeat;

}



.testimonial-style-four .content-box .client-thumb {

  position: relative;

  display: inline-block;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  margin-bottom: 38px;

  margin-top: -35px;

  top: -15px;

  transition: all 500ms ease;

}



.testimonial-style-four .content-box:hover .client-thumb{

  transform: rotateY(180deg);

}



.testimonial-style-four .content-box .client-thumb img {

  position: relative;

  display: inline-block;

  width: 100%;

}



.testimonial-style-four .content-box .text {

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 32px;

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

  font-weight: 400;

  color: #3b3b3b;

  margin-bottom: 24px;

  z-index: 1;

}



.testimonial-style-four .content-box .text:before{

  position: absolute;

  content: "\f10d";

  font-family: 'Font Awesome 5 Free';

  font-size: 40px;

  font-weight: 600;

  left: 20px;

  top: -3px;

  color: #f0f2f5;

  z-index: -1;

}



.testimonial-style-four .content-box .author-info h4 {

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  color: #09092b;

  margin-bottom: 4px;

}



.testimonial-style-four .content-box .author-info span {

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 24px;

  color: #fe721d;

}



.testimonial-style-four .owl-nav{

  position: absolute;

  top: -95px;

  left: 1040px;

}



.gray-bg{

  background: #f7f8fc;

}



.testimonial-style-four .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 50px;

  top: 250px;

  background-repeat: no-repeat;

}



.testimonial-style-four .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  top: 50px;

  left: 150px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.testimonial-style-four .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  right: 30%;

  top: 80px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.testimonial-style-four .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 30px;

  right: 160px;

  background-repeat: no-repeat;

}







/** pricing-style-three **/



.pricing-style-three{

  position: relative;

  display: block;

  padding-top: 190px;

}



.pricing-style-three .sec-title{

  margin-bottom: 49px;

}



.pricing-style-three .tabs-box{

  position: relative;

  display: block;

  z-index: 1;

}



.pricing-style-three .tab-btn-box{

  position: relative;

  display: block;

  margin-bottom: 60px;

}



.pricing-style-three .tab-btn-box li{

  position: relative;

  display: inline-block;

  font-size: 17px;

  line-height: 55px;

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

  font-weight: 600;

  color: #3b3b3b;

  width: 186px;

  height: 55px;

  text-align: center;

  border: 2px solid #e0e1e4;

  border-radius: 5px;

  cursor: pointer;

  margin: 0px 13px;

  transition: all 500ms ease;

}



.pricing-style-three .tab-btn-box li.active-btn,

.pricing-style-three .tab-btn-box li:hover{

  background: #fe721d;

  border-color: #fe721d;

  color: #fff;

}



.pricing-style-three .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  top: 100px;

  left: 130px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.pricing-style-three .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  top: 180px;

  left: 30%;

  background-repeat: no-repeat;

}



.pricing-style-three .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 150px;

  right: 250px;

  background-repeat: no-repeat;

}





/** cta-section **/



.cta-section{

  position: relative;

  display: block;

  padding: 140px 0px 150px 0px;

  background-image: -webkit-linear-gradient( 90deg, #9745fd 0%, #5649ff 100%);

}



.cta-section .inner-box .btn-box a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  font-weight: 600;

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

  color: #fff;

  background: transparent;

  text-align: left;

  width: 208px;

  margin: 0px 12px;

  line-height: 20px;

  padding: 11px 20px 15px 65px;

  border: 2px solid #fff;

  border-radius: 3px;

}



.cta-section .inner-box .btn-box a:hover{

  border-color: #47c1ff;

  background: #47c1ff;

}



.cta-section .inner-box .btn-box a i{

  position: absolute;

  left: 28px;

  top: 18px;

  font-size: 30px;

  font-weight: 400;

  color: #fff;

}



.cta-section .inner-box .btn-box a span{

  position: relative;

  display: block;

  font-size: 13px;

  line-height: 20px;

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

  font-weight: 600;

  color: #fff;

}



.cta-section .inner-box h1{

  position: relative;

  display: block;

  font-size: 48px;

  line-height: 60px;

  color: #fff;

  font-weight: 600;

  margin-bottom: 29px;

}



.cta-section .inner-box .text{

  position: relative;

  display: block;

  font-size: 17px;

  line-height: 30px;

  color: #fff;

  margin-bottom: 41px;

}



.cta-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-4.png);

  width: 170px;

  height: 165px;

  left: 70px;

  top: -100px;

}



.cta-section .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-5.png);

  width: 100px;

  height: 175px;

  right: 0px;

  bottom: 30px;

}



.main-footer.home-4{

  position: relative;

  z-index: 1;

}



.main-footer.home-4:before{

  background: url(../images/icons/shap-39.png);

}



.main-footer.home-4:after{

  background: url(../images/icons/shap-40.png);

}



.cta-section .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-28.html);

  width: 30px;

  height: 21px;

  left: 100px;

  top: 40%;

}



.cta-section .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-29.html);

  width: 16px;

  height: 16px;

  left: 330px;

  top: 50%;

}



.cta-section .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-30.html);

  width: 28px;

  height: 28px;

  bottom: 60px;

  left: 22%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.cta-section .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-31.html);

  width: 19px;

  height: 32px;

  left: 25%;

  top: 165px;

}



.cta-section .anim-icon .icon-7 {

  background: url(../images/icons/anim-icon-30.html);

  width: 28px;

  height: 28px;

  top: 35px;

  left: 43%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.cta-section .anim-icon .icon-8 {

  background: url(../images/icons/anim-icon-32.html);

  width: 20px;

  height: 20px;

  right: 30%;

  top: 80px;

}



.cta-section .anim-icon .icon-9 {

  background: url(../images/icons/anim-icon-29.html);

  width: 16px;

  height: 16px;

  left: 47%;

  bottom: 100px;

}



.cta-section .anim-icon .icon-10 {

  background: url(../images/icons/anim-icon-33.html);

  width: 28px;

  height: 28px;

  bottom: 80px;

  left: 59%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.cta-section .anim-icon .icon-11 {

  background: url(../images/icons/anim-icon-29.html);

  width: 16px;

  height: 16px;

  right: 25%;

  bottom: 190px;

}



.cta-section .anim-icon .icon-12 {

  background: url(../images/icons/anim-icon-29.html);

  width: 16px;

  height: 16px;

  right: 20%;

  top: 180px;

}



.cta-section .anim-icon .icon-13 {

  background: url(../images/icons/anim-icon-33.html);

  width: 28px;

  height: 28px;

  right: 100px;

  top: 50%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.cta-section .anim-icon .icon-14 {

  background: url(../images/icons/anim-icon-34.html);

  width: 19px;

  height: 32px;

  right: 14%;

  bottom: 50px;

}



/*** 



====================================================================

                        Home-Page-Five

====================================================================



***/





/** banner-style-five **/

.banner-section.style-five{

  padding: 340px 0px 105px 0px;

}

@media (max-width: 1380px){

.banner-section.style-five{

  padding: 258px 0px 105px 0px;

}

}

.banner-section.style-five .content-box:before,

.banner-section.style-five .content-box:after{

  display: none;

}



.banner-section.style-five .content-box h1{

  font-size: 60px;

  line-height: 70px;

  color: #3b3b3b;

  margin-bottom: 33px;

  text-align: center;

}



.banner-section.style-five .content-box .text{

  color: #09092b;

}



.banner-section.style-five .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-7.png);

  width: 128px;

  height: 184px;

  left: 0px;

  bottom: 180px;

}



.banner-section.style-five .anim-icon .icon-7 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 50%;

  left: 170px;

}



.banner-section.style-five .anim-icon .icon-8 {

  background: url(../images/icons/anim-icon-21.html);

  width: 19px;

  height: 32px;

  bottom: 170px;

  left: 250px;

}



.banner-section.style-five .anim-icon .icon-9 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  top: 130px;

  left: 33%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section.style-five .anim-icon .icon-10 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  top: 42%;

  left: 53%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section.style-five .anim-icon .icon-11 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  top: 165px;

  left: 60%;

}



.banner-section.style-five .anim-icon .icon-12 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 180px;

  right: 320px;

}



.banner-section.style-five .anim-icon .icon-13 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  right: 380px;

  top: 40%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.banner-section.style-five .anim-icon .icon-14 {

  background: url(../images/icons/anim-icon-21.html);

  width: 19px;

  height: 32px;

  top: 50%;

  right: 170px;

}





/** service-style-four **/



.service-style-four{

  position: relative;

  display: block;

  padding: 190px 0px;

}



.service-style-four .sec-title{

  margin-bottom: 71px;

}



.service-style-four .sec-title h4{

  color: #fe721d;

}



.service-block-four{

  position: relative;

  display: block;

  padding: 0px 30px;

}



.service-block-four .icon-box{

  position: relative;

  display: inline-block;

  font-size: 40px;

  width: 100px;

  height: 100px;

  line-height: 100px;

  text-align: center;

  background: #eef3ff;

  color: #5d87ff;

  border-radius: 50%;

  margin-bottom: 32px;

  transition: all 500ms ease;

}



.service-block-four:hover .icon-box{

  transform: rotateY(180deg);

  background: #e61b2f !important;

  color: #fff !important;

}



.service-block-four h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 29px;

}



.service-block-four h4 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.service-block-four h4 a:hover{

  color: #fe721d;

}



.service-block-four .text{

  position: relative;

  display: block;

  font-size: 15px;

  text-align:center;

}



.service-style-four .owl-item:nth-child(3n+1) .service-block-four .icon-box {

  color: #fe721d;

  background: #fff3ec;

}



.service-style-four .owl-item:nth-child(2n+1) .service-block-four .icon-box {

  color: #29f7ce;

  background: #e9fefa;

}



.service-style-four .owl-dots{

  margin-top: 65px;

}



.service-style-four .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 190px;

  top: 50px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-style-four .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  top: 200px;

  left: 30%;

}



.service-style-four .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 250px;

  bottom: 37%;

  background-repeat: no-repeat;

}



.service-style-four .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 180px;

  right: 200px;

  background-repeat: no-repeat;

}



.service-style-four .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  top: 35%;

  right: 420px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-style-four .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 60%;

  right: 250px;

}





/** feature-style-three **/



.feature-style-three.home-5 .sec-title h4{

  color: #fe721d;

}



.feature-style-three.home-5 .image-column .image{

  position: relative;

}



/*.feature-style-three.home-5 .image-column .image:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-43.png);

  width: 615px;

  height: 580px;

  left: -50px;

  top: 50px;

  background-repeat: no-repeat;

}*/



.feature-style-three.home-5 .image-column .image img{

  position: relative;

  max-width: none;

  float: right;

}



.feature-style-three.home-5 .content-box{

  margin-left: 40px;

  padding-top: 70px;

}



.feature-style-three.home-5{

  position: relative;

  padding: 90px 0px 100px 0px;

}



.feature-style-three .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 180px;

  right: 150px;

  background-repeat: no-repeat;

}



.feature-style-three .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  bottom: 300px;

  right: 400px;

  background-repeat: no-repeat;

}





/** chooseus-section **/





.chooseus-section{

  position: relative;

  display: block;

  padding: 100px 0px 100px 0px;

}



.chooseus-section .content-box .sec-title{

  margin-bottom: 63px;

}



.chooseus-section .content-box .sec-title h4{

  color: #fe721d;

}



.chooseus-section .content-box .inner-box .single-item{

  position: relative;

    padding: 0px 60px 15px 90px;

    margin-bottom: 25px;

    align-items: center;

    display: flex;

}



.chooseus-section .content-box .inner-box .single-item:last-child{

  margin-bottom: 0px;

}



.chooseus-section .content-box .inner-box .single-item .icon-box{

  position: absolute;

  left: 0px;

  top: -2px;

  font-size: 30px;

  color: #706bfd;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  background: #f0f0ff;

  border-radius: 50%;

  transition: all 500ms ease;

}



.chooseus-section .content-box .inner-box .single-item:hover .icon-box{

  background: #e61b2f !important;

  color: #fff !important;

}



.chooseus-section .content-box .inner-box .single-item:nth-child(2) .icon-box{

  color: #fe721d;

  background: #fff1e8;

}



.chooseus-section .content-box .inner-box .single-item:nth-child(3) .icon-box{

  color: #29f7ce;

  background: #e9fefa;

}



.chooseus-section .content-box .inner-box .single-item h3{

  position: relative;

  display: block;

  font-size: 24px;

  font-weight: 600;

  color: #3b3b3b;

  line-height: 30px;

  margin-top: 10px;

}



.chooseus-section .content-box .inner-box .single-item h3 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.chooseus-section .content-box .inner-box .single-item h3 a:hover{

  color: #e61b2f;

}



.chooseus-section .content-box .inner-box .single-item .text{

  position: relative;

  display: block;

  font-size: 14px;

}



.chooseus-section .content-box{

  position: relative;

  display: block;

  margin-top: 33px;

}



.chooseus-section .image-box{

  position: relative;

  display: block;

}



.chooseus-section .image-box:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-45.png);

  width: 615px;

  height: 580px;

  left: 20px;

  bottom: -90px;

  background-repeat: no-repeat;

}



.chooseus-section .image-box img{

  position: relative;

  max-width: none;

  float: left;

}



.chooseus-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 70px;

  right: 27%;

  background-repeat: no-repeat;

}



.chooseus-section .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 140px;

  right: 45%;

  background-repeat: no-repeat;

}



.chooseus-section .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 260px;

  right: 280px;

  background-repeat: no-repeat;

}



.chooseus-section .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  right: 200px;

  top: 50%;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.chooseus-section .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  right: 35%;

  bottom: 28%;

  z-index: 1;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



/** portfolio-style-two **/



.portfolio-section.style-two{

  position: relative;

  display: block;

}



.portfolio-section.style-two .tabs-content{

  margin: 0px;

  padding: 0px 40px;

  border-bottom: none;

}



.portfolio-section.style-two .tabs-content:before{

  display: none;

}



.portfolio-section.style-two .portfolio-block-one .inner-box{

  background: transparent;

  box-shadow: none;

}



.portfolio-section.style-two .portfolio-block-one .inner-box .image-box{

  box-shadow: 0 23px 50px rgba(176,176,176,.35);

  border-radius: 10px;

}



.portfolio-section.style-two .portfolio-block-one .inner-box .image-box img{

  width: 100%;

  border-radius: 10px;

}



.portfolio-section.style-two .portfolio-block{

  padding: 0px 25px;

}



.portfolio-section.style-two .portfolio-block-one .inner-box .lower-content{

  padding: 25px 15px 28px 0px;

}



.portfolio-section.style-two .sec-title h4{

  color: #fe721d;

}



.portfolio-section.style-two .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 100px;

  left: 280px;

  background-repeat: no-repeat;

}



.portfolio-section.style-two .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  top: 270px;

  left: 20px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.portfolio-section.style-two .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 50px;

  bottom: inherit;

  top: 60px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.portfolio-section.style-two .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  left: 70%;

  bottom: 80%;

  z-index: 1;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}





/** testimonial-style-five **/



.testimonial-style-five{

  position: relative;

  display: block;

  padding: 90px 0px 100px 0px;

}



.testimonial-style-five .sec-title h4{

  color: #3b3b3b;

  margin-bottom: 24px;

}



.testimonial-style-five .sec-title h1{

  margin-bottom: 22px;

}



.testimonial-style-five .sec-title p{

  position: relative;

  display: block;

  font-size: 17px;

  line-height: 28px;

}



.testimonial-style-five .sec-title{

  margin-bottom: 72px;

}



.testimonial-style-five .content-box{

  position: relative;

  display: block;

  padding: 0px 60px 50px 60px;

  background: #f6f7fb;

  border-radius: 15px;

  margin-top: 50px;

}



.testimonial-style-five .content-box:before{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-47.png);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  border-radius: 15px;

  background-repeat: no-repeat;

}



.testimonial-style-five .content-box .client-thumb{

  position: relative;

  display: inline-block;

  width: 100px;

  height: 100px;

  overflow: hidden;

  margin-top: -50px;

  border-radius: 50%;

  margin-bottom: 45px;

  transition: all 500ms ease;

}



.testimonial-style-five .content-box:hover .client-thumb{

  transform: rotateY(180deg);

}



.testimonial-style-five .content-box .client-thumb img{

  width: 100%;

  border-radius: 50%;

}



.testimonial-style-five .content-box .text{

  position: relative;

  display: block;

  font-size: 16px;

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

  line-height: 30px;

  color: #3b3b3b;

  margin-bottom: 24px;

  z-index: 1;

}



.testimonial-style-five .content-box .text:before {

  position: absolute;

  content: "\f10d";

  font-family: 'Font Awesome 5 Free';

  font-size: 40px;

  font-weight: 600;

  left: 50%;

  margin-left: -25px;

  top: -3px;

  color: #fff;

  z-index: -1;

}



.testimonial-style-five .content-box .author-info h4 {

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  color: #09092b;

  margin-bottom: 4px;

}



.testimonial-style-five .content-box .author-info span {

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 24px;

  color: #fe721d;

}



.testimonial-style-five .owl-dots{

  margin-top: 70px;

}



.testimonial-style-five .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 290px;

  left: 230px;

  background-repeat: no-repeat;

}



.testimonial-style-five .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 120px;

  bottom: 380px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.testimonial-style-five .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 38%;

  left: 28%;

  background-repeat: no-repeat;

}



.testimonial-style-five .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  top: 210px;

  right: 30%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.testimonial-style-five .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 100px;

  top: 300px;

  background-repeat: no-repeat;

}



.testimonial-style-five .anim-icon .icon-6 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  right: 200px;

  top: 50%;

  background-repeat: no-repeat;

}





/** pricing-style-four **/



.pricing-style-four{

  position: relative;

  display: block;

  width: 100%;

  padding: 200px 0px;

}



.pricing-style-four .content-box h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 28px;

  font-weight: 500;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 22px;

}



.pricing-style-four .content-box h1{

  position: relative;

  display: block;

  font-size: 40px;

  line-height: 50px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 31px;

}



.pricing-style-four .content-box h1 span{

  color: #ff9d63;

}



.pricing-style-four .content-box .text{

  position: relative;

  display: block;

  font-size: 17px;

  line-height: 30px;

  color: #fff;

  margin-bottom: 41px;

}



.pricing-style-four .inner-box{

  margin-left: 40px;

}



.pricing-style-four .content-box{

  position: relative;

  display: block;

  margin-top: 42px;

}



.pricing-style-four .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  top: 100px;

  left: 130px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.pricing-style-four .anim-icon .icon-5 {

  background: url(../images/icons/anim-icon-17.html);

  width: 20px;

  height: 20px;

  top: 130px;

  left: 28%;

}



.main-header.style-three .main-menu .navigation > li > a,

.main-header.style-three .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{

  color: #3b3b3b;

}



.main-header.style-three .outer-container{

  position: relative;

}



.main-header.style-three .outer-container .main-box{

  box-shadow: 0 0px 20px rgba(176,176,176,.20);

}



.main-header.style-three .outer-container .main-box .logo-box .logo{

  padding: 23px 0px;

}







/*** 



====================================================================

                        Service-Page

====================================================================



***/





/** page-title **/



.page-title{

  position: relative;

  display: block;

  background: #f7f8fc;

  padding: 120px 0px 50px 0px;

}



.page-title:before{

  position: absolute;

  content: '';

  background: url(../images/background/page-title.jpg);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  background-size: cover;

  background-repeat: no-repeat;

}



.page-title .content-box h1{

  position: relative;

  display: block;

  font-size: 40px;

  line-height: 50px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 5px;

}



.page-title .content-box .bread-crumb li{

  position: relative;

  display: inline-block;

  font-size: 17px;

  line-height: 28px;

  font-weight: 600;

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

  color: #fff;

  padding-right: 15px;

  margin-right: 5px;

}



.page-title .content-box .bread-crumb li:before{

  position: absolute;

  content: '/';

  font-size: 17px;

  color: #fff;

  top: 0px;

  right: 0px;

}



.page-title .content-box .bread-crumb li:last-child:before{

  display: none;

}



.page-title .content-box .bread-crumb li a{

  color: #fff;

}



.page-title .content-box .bread-crumb li a:hover{

  color: #e61b2f;

}



.page-title .content-box .bread-crumb li:last-child{

  padding: 0px;

  margin: 0px;

}





/** service-style-five **/



.service-style-five{

  position: relative;

  display: block;

  padding: 142px 0px 58px 0px;

}



.service-style-five .service-block:nth-child(2) .icon-box{

  background: #fff3ec;

  color: #fe721d;

}



.service-style-five .service-block:nth-child(3) .icon-box{

  background: #e9fefa;

  color: #29f7ce;

}



.service-style-five .service-block:nth-child(4) .icon-box{

  background: #ffeff0;

  color: #ff606f;

}



.service-style-five .service-block:nth-child(5) .icon-box{

  background: #f4effd;

  color: #9566eb;

}



.service-style-five .service-block:last-child .icon-box{

  background: #fffaeb;

  color: #ffc515;

}



.service-style-five .service-block-four{

  margin-bottom: 84px;

}



.service-style-five .sec-title{

  margin-bottom: 71px;

}



/*.service-style-five .sec-title h4{

  color: #fe721d;

}*/



.testimonial-style-five.service-page .content-box{

  background: #fff;

}



.testimonial-style-five.service-page .content-box:before{

  background: url(../images/icons/shap-49.jpg);

}



.testimonial-style-five.service-page .content-box .text:before{

  color: #f7f8fa;

}



.feature-style-four.service-page-2{

  padding: 150px 0px 100px 0px;

}



.feature-style-four.service-page-2 .content-box{

  margin-top: 80px;

}



.service-style-two.service-page-3:after{

  display: none;

}





/*** 



====================================================================

                        About-Page

====================================================================



***/





.about-section.about-page-1:before{

  top: 100px;

}



.about-section.about-page-1:after{

  display: none;

}



.about-section.about-page-1 .sec-title h4{

  color: #848484;

}



.about-section.about-page-1 .top-content{

  position: relative;

  display: block;

  padding-bottom: 120px;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 111px;

}



.about-section.about-page-1 .lower-content h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 23px;

}



.about-section.about-page-1 .lower-content .left-content .text{

  margin-bottom: 27px;

}



.about-section.about-page-1 .lower-content .text p{

  position: relative;

  display: block;

}



.about-section.about-page-1 .lower-content .left-content .list li {

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 6px;

  padding: 0px 0px 0px 34px;

}



.about-section.about-page-1{

  padding: 90px 0px 80px 0px;

}



.about-section.about-page-1 .lower-content .left-content .list li:before {

  position: absolute;

  content: "\f101";

  font-family: 'Flaticon';

  font-size: 20px;

  color: #fe721d;

  font-weight: 500;

  left: 0px;

  top: 0px;

}



.chooseus-section.about-page-1 .bg-img-column{

  position: absolute;

  top: 0px;

  right: 0px;

  width: 50%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

}



.chooseus-section.about-page-1{

  padding: 80px 0px 120px 0px;

  z-index: 1;

}



.chooseus-section.about-page-1:before{

  display: none;

}



.chooseus-section.about-page-1:after{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-50.png);

  width: 960px;

  height: 100%;

  left: 0px;

  bottom: 0px;

  background-repeat: no-repeat;

  z-index: -1;

}



.service-style-three.about-page-1 .service-block-three{

  background: #f7f8fc;

}



.service-style-three.about-page-1 .sec-title h4{

  color: #fe721d;

}





/** team-section **/



.team-section{

  position: relative;

  display: block;

  padding: 140px 0px 143px 0px;

}



.team-block-one:hover .overlay-style{

  opacity: 1;

}



.team-block-one:hover .overlay-style:before{

  opacity: 1;

  transform: perspective(400px) rotateX(0deg);

  transition: all 700ms ease 100ms; 

}



.team-block-one:hover .overlay-style:after{

  opacity: 1;

  transform: perspective(400px) rotateX(0deg);

  transition: all 700ms ease 300ms; 

}



.team-block-one img {

  width: 100%;

  border-radius: 10px;

  transform: scale(1.01);

  transition: all 700ms ease;

}



.team-block-one:hover img {

  transform:scale(1.2) rotate(2deg);  

}



.team-block-one .overlay{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 10;

  transform: translate3d(0px, -100%, 0px);

  transition: all 700ms ease 300ms;

}



.team-block-one:hover .overlay{

  transition: all 700ms ease 500ms;

  transform: translate3d(0px, 0px, 0px);      

}



.team-block-one .overlay .box{

  display: table;

  width: 100%;

  height: 100%;

}

.team-block-one .overlay .box .link-icon{

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}



.team-block-one .overlay .box .link-icon a{

  position: relative;

  display: inline-block;

  color: #ffffff;

  font-size: 16px;

  width: 45px;

  height: 45px;

  line-height: 45px;

  background: #fe721d;

  text-align: center;

  border-radius: 50%;

  margin: 0px 5px;

  transition: all 500ms ease;

}



.team-block-one .overlay .box .link-icon a:hover{

  background: #3b04db;

}



.team-block-one{

  position: relative;

  display: block;

}



.team-block-one .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 10px;

}



.team-section .inner-content{

  position: relative;

  display: block;

  padding: 0px 30px;

}



.team-block-one .lower-content{

  position: relative;

  display: block;

  padding-top: 25px;

}



.team-block-one .lower-content h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #393a3c;

  margin-bottom: 7px;

}



.team-block-one .lower-content h3 a{

  position: relative;

  display: inline-block;

  color: #393a3c;

}



.team-block-one .lower-content h3 a:hover{

  color: #fe721d;

}



.team-block-one .lower-content .designation{

  position: relative;

  display: block;

  font-size: 18px;

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

  color: #808182;

}



.team-section .owl-nav{

  position: absolute;

  right: 320px;

  top: -104px;

}



.team-section .sec-title{

  margin-bottom: 60px;

}



.team-section .sec-title h4{

  color: #fe721d;

}



.team-section .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  top: 250px;

  left: 30px;

  background-repeat: no-repeat;

}



.team-section .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 280px;

  top: 60px;

  background-repeat: no-repeat;

}



.team-section .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  right: 50px;

  top: 45px;

  background-repeat: no-repeat;

}



.team-section .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  right: 30%;

  top: 150px;

  background-repeat: no-repeat;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.service-style-three.about-page-1{

  padding: 141px 0px 145px 0px;

}



.service-style-four.about-page-2 .service-block-four{

  background: #f7f8fc;

  padding: 56px 30px 59px 30px;

  border-radius: 10px;

}



.service-style-four.about-page-2 .sec-title h1{

  margin-bottom: 40px;

}



.service-style-four.about-page-2 .sec-title p{

  display: block;

  font-size: 18px;

  line-height: 32px;

}



.service-style-four.about-page-2{

  padding: 143px 0px 112px 0px;

}



.chooseus-section.about-page-2{

  position: relative;

  padding: 80px 0px 120px 0px;

  z-index: 1;

}



.chooseus-section.about-page-2:before{

  display: none;

}



.chooseus-section.about-page-2:after{

  position: absolute;

  content: '';

  background: url(../images/icons/shap-51.png);

  width: 960px;

  height: 100%;

  top: 0px;

  right: 0px;

  background-repeat: no-repeat;

  z-index: -1;

}



.chooseus-section.about-page-2 .bg-img-column{

  position: absolute;

  top: 0px;

  left: 0px;

  width: 50%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

}



.chooseus-section.about-page-2 .content-box{

  margin-left: 70px;

}





/** team-style-two **/



.team-style-two{

  position: relative;

  display: block;

  padding: 141px 0px 143px 0px;

}



.team-style-two .sec-title{

  margin-bottom: 60px;

}



.team-style-two .sec-title h4{

  color: #fe721d;

}



.testimonial-style-four.about-page-2{

  padding-top: 141px;

}



.team-style-two .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  left: 280px;

  top: 60px;

  background-repeat: no-repeat;

}



.team-style-two .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 20px;

  top: 260px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.team-style-two .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 50px;

  right: 50px;

}



.team-style-two .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  top: 160px;

  right: 30%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}







/*** 



====================================================================

                        Team-Page

====================================================================



***/



.team-style-three{

  position: relative;

  display: block;

  padding: 141px 0px 80px 0px;

}



.team-style-three .sec-title{

  margin-bottom: 60px;

}



.team-style-three .sec-title h4{

  color: #fe721d;

}



.team-block-two .image-holder{

  position: relative;

  display: block;

}



.team-block-two .image-holder .image-box{

  position: relative;

  display: block;

  border-radius: 10px;

}



.team-block-two .image-holder img{

  width: 100%;

  border-radius: 10px;

}



.team-block-two .image-holder .social-list{

  position: absolute;

  left: -30px;

  bottom: 40px;

  background: #fe721d;

  width: 270px;

  border-radius: 10px;

  text-align: center;

  padding: 22px 15px 20px 15px;

  transform: scale(0,0);

  transition: all 500ms ease;

}



.team-block-two:hover .image-holder .social-list{

  transform: scale(1,1);

}



.team-block-two .image-holder .social-list li{

  position: relative;

  display: inline-block;

  margin: 0px 20px;

}



.team-block-two .image-holder .social-list li a{

  position: relative;

  display: inline-block;

  font-size: 15px;

  line-height: 28px;

  color: #fff;

}



.team-block-two .lower-content{

  position: relative;

  display: block;

  padding-top: 25px;

}



.team-block-two .lower-content h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #393a3c;

  margin-bottom: 7px;

}



.team-block-two .lower-content h3 a {

  position: relative;

  display: inline-block;

  color: #393a3c;

}



.team-block-two .lower-content h3 a:hover{

  color: #fe721d;

}



.team-block-two .lower-content .designation {

  position: relative;

  display: block;

  font-size: 18px;

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

  color: #808182;

}



.team-block-two{

  position: relative;

  display: block;

  margin-bottom: 63px;

}



.team-style-three.team-page-2{

  padding: 141px 30px 80px 30px;

}



.team-style-three.team-page-2 .team-block-two .image-box{

  background-image: -webkit-linear-gradient( 90deg, #7937ca 0%, #453acc 100%);

}



.team-style-three.team-page-2 .team-block-two .image-box img{

  transition: all 500ms ease;

}



.team-style-three.team-page-2 .team-block-two:hover .image-box img{

  opacity: 0.2;

}



.team-style-three.team-page-2 .image-holder .social-list{

  left: 0px;

  background: #fff;

  border-radius: 0px;

}



.team-style-three.team-page-2 .image-holder .social-list li a{

  color: #757576;

}



.team-style-three.team-page-2 .image-holder .social-list li a:hover{

  color: #fe721d;

}



.team-style-three .anim-icon .icon-1,

.team-style-four .anim-icon .icon-1 {

  background: url(../images/icons/anim-icon-23.html);

  width: 19px;

  height: 32px;

  top: 55px;

  left: 280px;

}



.team-style-three .anim-icon .icon-2,

.team-style-four .anim-icon .icon-2 {

  background: url(../images/icons/anim-icon-16.html);

  width: 28px;

  height: 28px;

  left: 20px;

  top: 260px;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}



.team-style-three .anim-icon .icon-3,

.team-style-four .anim-icon .icon-3 {

  background: url(../images/icons/anim-icon-18.html);

  width: 16px;

  height: 16px;

  top: 50px;

  right: 50px;

}



.team-style-three .anim-icon .icon-4,

.team-style-four .anim-icon .icon-4 {

  background: url(../images/icons/anim-icon-15.html);

  width: 28px;

  height: 28px;

  top: 160px;

  right: 35%;

  -webkit-animation: zoom-fade 5s infinite linear;

  animation: zoom-fade 5s infinite linear;

}





/** team-style-four **/



.team-style-four{

  position: relative;

  display: block;

  padding: 141px 0px 50px 0px;

}



.team-style-four .sec-title{

  margin-bottom: 90px;

}



.team-style-four .sec-title h4{

  color: #fe721d;

}



.team-block-four{

  position: relative;

  display: block;

  margin-bottom: 93px;

}



.team-block-four .image-box{

  position: relative;

  display: inline-block;

  overflow: hidden;

  max-width: 300px;

  max-height: 300px;

  border-radius: 50%;

  background-image: -webkit-linear-gradient( 90deg, #7937ca 0%, #453acc 50%);

}



.team-block-four .image-box img{

  width: 100%;

  border-radius: 50%;

  transition: all 500ms ease;

}



.team-block-four:hover .image-box img{

  opacity: 0.2;

}



.team-block-four .lower-content{

  position: relative;

  display: block;

  padding-top: 20px;

}



.team-block-four .lower-content h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #393a3c;

  margin-bottom: 7px;

}



.team-block-four .lower-content h3 a{

  position: relative;

  display: inline-block;

  color: #393a3c;

}



.team-block-four .lower-content h3 a:hover{

  color: #fe721d;

}



.team-block-four .lower-content .designation {

  position: relative;

  display: block;

  font-size: 18px;

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

  color: #808182;

}



.team-block-four .image-holder{

  position: relative;

}



.team-block-four .image-holder .social-list {

  position: absolute;

  left: 50%;

  top: 50%;

  display: table;

  text-align: center;

  transform: translate(-50%, 0%);

  opacity: 0;

  transition: all 500ms ease;

}



.team-block-four:hover .image-holder .social-list{

  opacity: 1;

  transform: translate(-50%, -50%);

}



.team-block-four .image-holder .social-list li{

  position: relative;

  display: inline-block;

  margin: 0px 10px;

}



.team-block-four .image-holder .social-list li a{

  position: relative;

  display: inline-block;

  font-size: 15px;

  color: #fff;

}





/*** 



====================================================================

                        Faq-Page

====================================================================



***/



.faq-secttion{

  position: relative;

  display: block;

  padding: 150px 0px 142px 0px;

}



.faq-secttion .inner-box{

  position: relative;

  max-width: 270px;

  width: 100%;

  border: 1px solid #e5e5e5;

  padding: 38px 30px 30px 30px;

}



.faq-secttion .inner-box .list{

  position: relative;

  display: block;

  padding-bottom: 30px;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 43px;

}



.faq-secttion .inner-box .list li{

  position: relative;

  display: block;

  margin-bottom: 7px;

}



.faq-secttion .inner-box .list li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  line-height: 28px;

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

  font-weight: 500;

  color: #848484;

  padding: 5px 0px 5px 0px;

}



.faq-secttion .inner-box .list li a.active:before,

.faq-secttion .inner-box .list li a:hover:before{

  position: absolute;

  content: '';

  background: #fe721d;

  width: 2px;

  height: 20px;

  left: -31px;

  top: 9px;

  transition: all 500ms ease;

}



.faq-secttion .inner-box .list li a:hover,

.faq-secttion .inner-box .list li a.active{

  color: #fe721d;

}



.faq-secttion .inner-box h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 28px;

  font-weight: 500;

  color: #3b3b3b;

  margin-bottom: 12px;

}



.faq-secttion .inner-box .btn-style-two{

  display: block;

  padding: 12px 30px 12px 31px;

}



.faq-secttion .faq-content .single-item{

  position: relative;

  display: block;

  margin-bottom: 57px;

}



.faq-secttion .faq-content .single-item:last-child{

  margin-bottom: 0px;

}



.faq-secttion .faq-content .single-item h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 14px;

}



.faq-secttion .faq-content .single-item p{

  position: relative;

  display: block;

  font-size: 15px;

}







/*** 



====================================================================

                        Shop-Page

====================================================================



***/



.shop-section{

  position: relative;

  display: block;

  padding: 120px 0px;

}



.select-box .ui-state-default {

  position: relative;

  display: block;

  background: #ffffff;

  border: 1px solid #dddee4 !important;

  border-radius: 0;

  color: #3b3b3b;

  font-size: 13px;

  font-weight: 400;

  height: 50px;

  outline: medium none;

  width: 100%;

  cursor: pointer;

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

}



.select-box .ui-selectmenu-button span.ui-icon {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  width: 60px;

  height: 48px;

  text-indent: 0;

  margin: 0;

}



.select-box .ui-selectmenu-button span.ui-icon::before {

  color: #3b3b3b;

  content: "\f107";

  font-family: 'Font Awesome 5 Free';

  font-weight: 700;

  font-size: 17px;

  overflow: visible;

  position: absolute;

  right: 21px;

  top: 12px;

}



.select-box .ui-state-default {

  width: 100% !important;

}



.ui-selectmenu-open .ui-widget-content {

  border: none;

  background: #ffffff;

  color: #222222;

  border-radius: 0;

  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.10);

}



.ui-selectmenu-open .ui-widget-content .ui-state-focus {

  border: none;

  background: #fe721d;

  font-weight: normal;

  color: #ffffff;

  font-size: 13px;

}



.ui-selectmenu-open .ui-menu .ui-menu-item {

  border-bottom: 1px solid #efebea;

  position: relative;

  margin: 0;

  padding: 10px 15px;

  cursor: pointer;

  text-align: center;

  font-size: 14px;

  font-weight: 500;

  font-family: 'Montserrat', Cursive;

  text-transform: none;

  transition: all 500ms ease;

}



.ui-selectmenu-open .ui-menu .ui-menu-item:last-child{

  border-bottom: none;

}



.select-box .ui-selectmenu-button span.ui-selectmenu-text {

  display: block;

  line-height: 18px;

  overflow: hidden;

  padding: 15px 19px;

  text-align: left;

  margin-right: 0px;

}



.ui-selectmenu-menu .ui-menu{

  transform: scaleY(0);

  transform-origin: top center;

  transition: .4s ease;

  transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

}



.ui-selectmenu-open .ui-menu{

  transform: scaleY(1);

  top: 100%;

}



.ui-selectmenu-menu{

  transform: scaleY(0);

  transform-origin: top center;

  display: block;

}



.ui-selectmenu-open{

  transform: scaleY(1);

}



.shop-section .item-sorting{

  position: relative;

  display: block;

  margin-bottom: 50px;

}



.shop-section .item-sorting .result-column h6{

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 26px;

  color: #848484;

  margin-top: 12px;

}



.shop-section .item-sorting .result-column h6 span{

  color: #3b3b3b;

}



.shop-section .item-sorting .select-column{

  position: relative;

  max-width: 180px;

  width: 100%;

}



.single-shop-block{

  position: relative;

  display: block;

  margin-bottom: 65px;

}



.single-shop-block .image-holder{

  position: relative;

  display: block;

  overflow: hidden;

}



.single-shop-block .image-holder .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  background: #000;

}



.single-shop-block .image-holder .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.single-shop-block:hover .image-holder .image-box img{

  opacity: 0.4;

}



.single-shop-block .image-holder .list{

  position: absolute;

  left: 0px;

  bottom: -60px;

  width: 100%;

  text-align: center;

  transition: all 900ms ease;

}



.single-shop-block:hover .image-holder .list{

  bottom: 30px;

}



.single-shop-block .image-holder .list li{

  position: relative;

  display: inline-block;

  margin: 0px 3px;

}



.single-shop-block .image-holder .list li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  color: #222222;

  width: 55px;

  height: 55px;

  line-height: 55px;

  text-align: center;

  background: #fff;

  border-radius: 5px;

}



.single-shop-block .image-holder .list li a:hover{

  background: #fe721d;

  color: #fff;

}



.single-shop-block .lower-content{

  position: relative;

  display: block;

  padding-top: 35px;

}



.single-shop-block .lower-content h3{

  position: relative;

  display: block;

  font-size: 24px;

  font-weight: 500;

  color: #3b3b3b;

  margin-bottom: 8px;

}



.single-shop-block .lower-content h3 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.single-shop-block .lower-content h3 a:hover{

  color: #fe721d;

}



.single-shop-block .lower-content .price{

  position: relative;

  display: block;

  font-size: 18px;

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

  font-weight: 400;

  color: #848484;

}



.shop-section .pagination-wrapper{

  margin-top: 25px;

}





/** single-shop **/



.single-shop{

  position: relative;

  display: block;

  padding: 150px 0px 145px 0px;

}



.single-shop .products-details .image-box{

  position: relative;

  display: block;

  margin-right: 20px;

}



.single-shop .products-details .image-box img{

  width: 100%;

}



.single-shop .products-details .content-box .rating{

  position: relative;

  display: inline-block;

  margin-right: 16px;

  margin-bottom: 14px;

}



.single-shop .products-details .content-box .rating li{

  position: relative;

  display: inline-block;

  font-size: 13px;

  color: #ffcf0f;

}



.single-shop .products-details .content-box .reviews{

  position: relative;

  display: inline-block;

}



.single-shop .products-details .content-box .reviews a{

  position: relative;

  display: inline-block;

  font-size: 16px;

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

  font-weight: 500;

  color: #848484;

}



.single-shop .products-details .content-box h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 15px;

}



.single-shop .products-details .content-box .item-price{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 500;

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

  color: #fe721d;

  margin-bottom: 35px;

}



.single-shop .products-details .content-box p{

  font-size: 15px;

  position: relative;

  display: block;

  margin-bottom: 40px;

}



.single-shop .products-details .content-box{

  position: relative;

  display: block;

  margin-left: 20px;

}



.single-shop .products-details .content-box .size-box label{

  display: inline-block;

  cursor: pointer;

  margin-bottom: 0px;

  font-size: 14px;

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

  font-weight: 500;

  color: #848484;

}



.single-shop .products-details .content-box .size-box label input[type='radio']{

  position: relative;

  display: inline-block;

  font-size: 14px;

  top: 2px;

}



.single-shop .products-details .content-box .size-box .custom-control{

  position: relative;

  display: inline-block;

  margin-right: 17px;

  padding-left: 20px;

}



.single-shop .products-details .content-box .size-box .custom-control:last-child{

  margin-right: 0px;

}



.custom-control-label::before, .custom-file-label, .custom-select {

  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



.custom-radio .custom-control-input:checked~.custom-control-label::before {

  background-color: transparent;

  border: 2px solid #fe721d;

  box-shadow: none;

}



.custom-control-label::before{

  background: transparent;

  border: 2px solid #e5e5e5;

  width: 15px;

  height: 15px;

  top: 6px;

}



.single-shop .products-details .content-box .size-box h5{

  position: relative;

  display: block;

  font-size: 16px;

  font-weight: 500;

  color: #3b3b3b;

  margin-bottom: 10px;

}



.single-shop .products-details .content-box .size-box{

  position: relative;

  display: block;

  margin-bottom: 23px;

}



.single-shop .item-quantity {

  position: relative;

  display: inline-block;

  padding: 0px 45px;

  margin: 0px 5px;

  top: 21px;

}



.item-quantity .input-group {

  position: relative;

  display: table;

  border-collapse: separate;

  border: 1px solid #e6e6e6;

  max-width: 70px;

  width: 100%;

  height: 55px;

}



.single-shop .item-quantity input.quantity-spinner {

  padding: 13px 0px 12px 0px !important;

}



.item-quantity input.quantity-spinner {

  line-height: 28px;

  width: 45px;

  padding: 5px 0px !important;

  box-shadow: none !important;

  border: none;

  text-align: center;

  font-size: 18px;

  color: #503c57;

}



.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up {

  position: absolute;

  height: 55px;

  width: 45px;

  background: transparent;

  padding: 0px 0px;

  left: -44px;

  top: -54px;

  border: 1px solid #e6e6e6;

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

}



.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down {

  position: absolute;

  height: 55px;

  width: 45px;

  background: transparent;

  padding: 0px 0px;

  right: -45px;

  top: -52px;

  border: 1px solid #e6e6e6;

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}



.bootstrap-touchspin .glyphicon-chevron-up:before {

  content: "\f067";

  font-size: 16px;

  font-style: normal;

  color: #848484;

  font-family: 'Font Awesome 5 Free';

  font-weight: 900;

}



.bootstrap-touchspin .glyphicon-chevron-down:before {

  content: "\f068";

  font-size: 16px;

  font-style: normal;

  color: #848484;

  font-weight: 900;

  font-family: 'Font Awesome 5 Free';

}



.bootstrap-touchspin .input-group-btn-vertical{

  position: absolute;

  width: 100%;

}



.bootstrap-touchspin .input-group-btn-vertical i{

  top: 15px;

  left: 13px;

}



.single-shop .addto-cart-box .cart-btn,

.single-shop .addto-cart-box .like-btn{

  position: relative;

  display: inline-block;

}



.single-shop .addto-cart-box .cart-btn button{

  padding: 15px 39px 14px 40px;

  border-radius: 3px;

}



.single-shop .addto-cart-box .cart-btn button i{

  position: relative;

  margin-right: 10px;

}



.single-shop .addto-cart-box .like-btn a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  color: #2c2c2c;

  width: 55px;

  height: 55px;

  line-height: 55px;

  text-align: center;

  border: 1px solid #e6e6e6;

  border-radius: 3px;

}



.single-shop .addto-cart-box .like-btn a:hover{

  color: #fe721d;

  border-color: #fe721d;

}



.single-shop .addto-cart-box{

  position: relative;

  display: block;

  margin-bottom: 43px;

}



.single-shop .products-details .share-option h5{

  position: relative;

  display: inline-block;

  font-size: 16px;

  font-weight: 500;

  color: #3b3b3b;

  margin-right: 15px;

}



.single-shop .products-details .share-option .social-list{

  position: relative;

  display: inline-block;

}



.single-shop .products-details .share-option .social-list li{

  position: relative;

  display: inline-block;

  margin: 0px 12px;

}



.single-shop .products-details .share-option .social-list li a{

  position: relative;

  display: inline-block;

  font-size: 16px;

  color: #cacaca;

}



.single-shop .products-details .share-option .social-list li a:hover{

  color: #fe721d;

}



.single-shop .products-details{

  position: relative;

  display: block;

  margin-bottom: 142px;

}



.single-shop .product-info-tabs .tab-btns{

  position: relative;

  display: block;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 44px;

}



.single-shop .product-info-tabs .tab-btns li{

  position: relative;

  display: inline-block;

  font-size: 20px;

  line-height: 30px;

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

  font-weight: 500;

  color: #848484;

  padding-bottom: 12px;

  margin-right: 30px;

  cursor: pointer;

  transition: all 500ms ease;

}



.single-shop .product-info-tabs .tab-btns li.active-btn{

  color: #3b3b3b;

}



.single-shop .product-info-tabs .tab-btns li.active-btn:before{

  width: 15px;

  height: 15px;

  pointer-events: none;

  position: absolute;

  content: '';

  bottom: -9px;

  left: 50%;

  margin-left: -10px;

  background: white;

  background: linear-gradient(315deg, #fff 45%, #fff 50%, #fff 56%, #fff 80%);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: width, height;

  transition-property: width, height;

  transform: rotate(45deg);

  border: 2px solid #efefef;

  border-left: none;

  border-top: none;

  transition: all 500ms ease;

}



.single-shop .product-info-tabs .tab-btns li:last-child{

  margin-right: 0px;

}



.single-shop .product-info-tabs .tabs-content p{

  position: relative;

  display: block;

  font-size: 15px;

  margin-bottom: 26px;

}



.single-shop .product-info-tabs .tabs-content p:last-child{

  margin-bottom: 0px;

}



.single-shop .product-info-tabs{

  position: relative;

  display: block;

  margin-bottom: 133px;

}



.single-shop .related-products .sec-title{

  margin-bottom: 50px;

}



.single-shop .related-products .single-shop-block{

  margin-bottom: 0px;

}



.single-shop .related-products .owl-nav{

  position: absolute;

  top: -95px;

  right: 0px;

}







/*** 



====================================================================

                        Cart-page

====================================================================



***/





.cart-section{

  position: relative;

  display: block;

  padding: 125px 0px 150px 0px;

}



.cart-section .table-outer {

  overflow-x: auto;

  position: relative;

  width: 100%;

}



.cart-section .cart-table {

  min-width: 1170px;

  width: 100%;

}



.cart-section .cart-table thead tr th {

  line-height: 24px;

  min-width: 110px;

  padding: 21px 15px 13px 0px;

  color: #3b3b3b;

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

  font-size: 16px;

  font-weight: 500;

  text-transform: uppercase;

  position: relative;

  text-align: center;

}



.cart-section .cart-table thead tr th.prod-column{

  text-align: left;

}



.cart-section .cart-table tbody tr,

.cart-section .cart-table .cart-header {

  border-bottom: 1px solid #e5e5e5;

}



.cart-section .cart-table tbody tr td {

  color: #3b3b3b;

  font-size: 17px;

  font-weight: 400;

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

  line-height: 24px;

  min-width: 80px;

  padding: 30px 25px 30px 30px;

}



.cart-section .cart-table tbody tr td.prod-column{

  padding: 20px 25px 20px 0px;

}



.cart-section .cart-table tbody tr td.sub-total{

  padding: 27px 50px 27px 48px;

  text-align: center;

}



.cart-section .cart-table tbody tr .prod-column .column-box {

  min-height: 70px;

  position: relative;

  padding: 36px 0px 36px 115px;

}



.cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb img {

  display: block;

  max-width: 100%;

}



.cart-section .cart-table tbody tr .prod-column .column-box .prod-thumb{

  position: absolute;

  left: 0px;

  top: 0px;

  background: #fff;

  transition: all 500ms ease;

}



.cart-section .cart-table tbody tr .prod-column .column-box .title{

  padding-left: 20px;

}



.cart-section .cart-table tbody tr .qty {

  position: relative;

  padding: 27px 30px 27px 30px;

  text-align: center;

}



.cart-section .cart-table tbody tr .qty input{

  width: 50px;

  font-size: 17px;

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

  color: #3b3b3b;

}



.cart-section .cart-table tbody tr .qty input::-webkit-input-placeholder{

  color:#3b3b3b;

}



.cart-section .cart-table .qty .item-quantity{

  position: relative;

  width: 54px;

  margin: auto;

}



.cart-section .cart-table .qty input.quantity-spinner {

  font-size: 18px;

  line-height: 24px;

  padding: 10px 15px !important;

  height: 40px !important;

  box-shadow: none !important;

  text-align: center;

  color: #273251;

}



.cart-section .cart-table .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {

  padding: 9px 12px 10px 13px;

  background: #edf0f3;

  border-radius: 0px;

}



.cart-section .cart-table .qty .input-group-btn-vertical .btn.bootstrap-touchspin-up{

  border-top-right-radius: 5px;

  border-top: 1px solid #dddee4;

  border-right: 1px solid #dddee4;

}



.cart-section .cart-table .qty .input-group-btn-vertical .btn.bootstrap-touchspin-down {

  border-bottom-right-radius: 5px;

  border-right: 1px solid #dddee4;

  border-bottom: 1px solid #dddee4;

}



.cart-section .cart-table .qty .input-group-btn-vertical i{

  top: 6px;

  left: 7px;

  line-height: 1.4em;

}



.cart-section .cart-table .qty .bootstrap-touchspin .input-group-btn-vertical{

  left: 1px;

}



.cart-section .cart-table .qty .input-group-btn-vertical .bootstrap-touchspin-up i{

  top: 13px;

}



.cart-section .cart-table .qty .input-group-btn-vertical .bootstrap-touchspin-down i{

  top: -4px;

}



.cart-section .cart-table .qty .form-control:focus,

.cart-section .cart-table .qty .form-control{

  border: 1px solid #dddee4;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

}



.cart-section .cart-table .qty .glyphicon-chevron-up:before {

  content: "\f0de";

  color: #898f9f;

  font-size: 18px;

  font-style: normal;

  font-family: 'FontAwesome';

}



.cart-section .cart-table .qty .glyphicon-chevron-down:before {

  content: "\f0dd";

  color: #898f9f;

  font-size: 18px;

  font-style: normal;

  font-family: 'FontAwesome';

}



.cart-section .cart-table tbody tr td.price {

  color: #3b3b3b;

  font-size: 17px;

  text-align: center;

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

  font-weight: 400;

  position: relative;

  padding: 30px 25px 30px 30px;

}



.cart-section .cart-table tbody tr .sub-total {

  font-size: 17px;

  color: #3b3b3b;

}



.cart-section .cart-table tbody tr td .remove a {

  position: relative;

  display: inline-block;

  font-size: 17px;

  color: #3b3b3b;

  padding: 0px;

}



.cart-section .cart-table tbody tr td .remove{

  text-align: right;

}



.cart-section .cart-table .prod-title{

  position: relative;

  display: inline-block;

  font-size: 17px;

  font-weight: 500;

  line-height: 28px;

  color: #222222;

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

}



.cart-section .coupon-box{

  position: relative;

  padding: 20px 0px 18px 0px;

  margin-bottom: 70px;

}



.cart-section .coupon-box input{

  position: relative;

  display: inline-block;

  max-width: 240px;

  width: 100%;

  margin-right: 7px;

  margin-bottom: 0px;

  height: 55px;

  padding: 10px 15px;

  border: 1px solid #e5e5e5;

  border-radius: 3px;

}



.cart-section .coupon-box input:focus{

  border: 1px solid #fe721d;

}



.cart-section .coupon-box button.apply-btn{

  position: relative;

  display: inline-block;

  font-size: 17px;

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

  padding: 13.5px 27px;

  background: transparent;

  border: 1px solid #fe721d;

  line-height: 26px;

  color: #3b3b3b;

  font-weight: 600;

  border-radius: 3px;

  text-transform: capitalize;

  transition: all 500ms ease;

  cursor: pointer;

  text-align: center;

  z-index: 1;

}



.cart-section .coupon-box button.apply-btn:hover{

  background: #fe721d;

  color: #fff;

}



.cart-section .coupon-box button.update-btn{

  float: right;

}



.cart-section .coupon-box .cart-btn{

  float: right;

}



.cart-section .cart-total .total-cart-box h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #3b3b3b;

  padding-bottom: 13px;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 24px;

}



.cart-section .cart-total .total-cart-box .sub-total{

  position: relative;

  display: block;

  font-size: 17px;

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

  font-weight: 500;

  color: #3b3b3b;

  padding-bottom: 13px;

  margin-bottom: 13px;

  border-bottom: 1px solid #e5e5e5;

}



.cart-section .cart-total .total-cart-box .sub-total span{

  float: right;

  color: #848484;

}



.cart-section .cart-total .total-cart-box .order-total{

  position: relative;

  display: block;

  font-size: 17px;

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

  font-weight: 500;

  color: #3b3b3b;

  margin-bottom: 57px;

}



.cart-section .cart-total .total-cart-box .order-total span{

  float: right;

}



.cart-section .cart-total .total-cart-box .process-btn{

  float: right;

}





/*** 



====================================================================

                        Checkout-page

====================================================================



***/



.checkout-section{

  position: relative;

  display: block;

  padding: 150px 0px;

}



.checkout-section .top-content .customer,

.checkout-section .top-content .coupon{

  position: relative;

  display: block;

  font-size: 15px;

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

  color: #222;

  background: #f7f8fc;

  padding: 22px 15px 22px 30px;

}



.checkout-section .top-content .customer:before,

.checkout-section .top-content .coupon:before{

  position: absolute;

  content: '';

  background: #fe721d;

  width: 3px;

  height: 100%;

  left: 0px;

  top: 0px;

}



.checkout-section .top-content .customer a,

.checkout-section .top-content .coupon a{

  color: #fe721d;

}



.checkout-section .top-content .customer a:hover,

.checkout-section .top-content .coupon a:hover{

  text-decoration: underline;

}



.checkout-section .top-content .customer{

  margin-bottom: 30px;

}



.default-form .form-group{

  position: relative;

  display: block;

  margin-bottom: 0px;

}



.checkout-section .top-content{

  position: relative;

  display: block;

  margin-bottom: 86px;

}



.default-form input[type='text'],

.default-form input[type='email'],

.default-form input[type='tel']{

  position: relative;

  display: block;

  width: 100%;

  height: 45px;

  border: 1px solid #e5e5e5;

  padding: 5px 15px;

  font-size: 15px;

  transition: all 500ms ease;

}



.billing-form input[type='text'],

.billing-form input[type='email'],

.billing-form input[type='tel']{

  margin-bottom: 10px;

}



.default-form input:focus{

  border-color: #fe721d;

}



.checkout-section .billing-form label{

  position: relative;

  display: block;

  font-size: 15px;

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

  color: #222;

  margin-bottom: 2px;

}



.checkout-section .billing-form .form-group{

  margin-bottom: 13px;

}



.checkout-section .billing-info{

  position: relative;

  display: block;

  margin-bottom: 56px;

}



.checkout-section .billing-form .form-group:last-child{

  margin-bottom: 0px;

}



.checkout-section .billing-form .select-box .ui-selectmenu-button span.ui-icon::before{

  color: #848484;

}



.checkout-section .billing-form .create-acc .checkbox {

  margin: 2px 0 0;

}



.checkout-section .billing-form .checkbox input {

  position: relative;

  top: 4px;

  width: 17px;

  height: 17px;

  display: inline-block;

}



.checkout-section .billing-form .checkbox label{

  display: inline-block;

}



.checkout-section .billing-form .checkbox span {

  position: relative;

  font-size: 15px;

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

  color: #222222;

  font-weight: 400;

  cursor: pointer;

  margin-left: 6px;

  z-index: 1;

}



.checkout-section .billing-form .select-box .ui-state-default{

  height: 45px;

}



.checkout-section .billing-form .select-box .ui-selectmenu-button span.ui-selectmenu-text{

  padding: 13px 19px;

}



.checkout-section .order-information h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #222;

  margin-bottom: 36px;

}



.checkout-section .order-note label{

  position: relative;

  display: block;

  font-size: 15px;

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

  color: #222;

  margin-bottom: 2px;

}



.checkout-section .order-note textarea{

  position: relative;

  display: block;

  width: 100%;

  height: 190px;

  font-size: 13px;

  border: 1px solid #e5e5e5;

  padding: 10px 15px;

  resize: none;

  transition: all 500ms ease;

}



.checkout-section .order-note textarea:focus{

  border-color: #fe721d;

}



.checkout-section .order-info .order-box{

  position: relative;

  display: block;

  background: #f7f8fc;

  padding: 40px 40px 52px 40px;

}



.checkout-section .order-info .order-box .order-product{

  position: relative;

  display: block;

  padding-bottom: 18px;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 34px;

}



.checkout-section .order-info .order-box .single-item{

  position: relative;

  display: block;

  padding: 37px 0px 37px 100px;

  min-height: 100px;

  margin-bottom: 22px;

}



.checkout-section .order-info .order-box .single-item .image-box{

  position: absolute;

  left: 0px;

  top: 0px;

}



.checkout-section .order-info{

  position: relative;

  display: block;

  margin-left: 100px;

}



.checkout-section .order-info .order-box .single-item .text{

  position: relative;

  display: flex;

  font-size: 17px;

  font-weight: 500;

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

  color: #222;

}



.checkout-section .order-info .order-box .single-item span{

  position: absolute;

  top: 37px;

  right: 0px;

  font-size: 17px;

  color: #848484;

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

  font-weight: 500;

}



.checkout-section .order-info .order-box .sub-total,

.checkout-section .order-info .order-box .order-total{

  position: relative;

  display: block;

  font-size: 17px;

  font-weight: 500;

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

  color: #3b3b3b;

}



.checkout-section .order-info .order-box .order-total{

  margin-bottom: 36px;

}



.checkout-section .order-info .order-box .sub-total span,

.checkout-section .order-info .order-box .order-total span{

  float: right;

}



.checkout-section .order-info .order-box .sub-total span{

  color: #848484;

}



.checkout-section .order-info .order-box .sub-total{

  margin-bottom: 15px;

}



.checkout-section .payment-info .payment-option{

  position: relative;

}



.checkout-section .payment-info .payment-option .checkbox label{

  position: relative;

  display: inline-block;

  cursor: pointer;

  margin-bottom: 4px;

}



.checkout-section .payment-info .payment-option .checkbox span{

  font-size: 17px;

  color: #222;

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

  font-weight: 500;

  margin-left: 11px;

}



.checkout-section .payment-info .payment-option .text{

  margin-left: 31px;

  font-size: 13px;

  line-height: 24px;

  margin-bottom: 19px;

}



.checkout-section .payment-info .payment-option  .checkbox a{

  color: #222;

  font-size: 14px;

  margin-left: 19px;

}



.checkout-section .payment-info{

  position: relative;

  display: block;

  padding: 27px 55px 21px 30px;

  background: #fff;

  border-radius: 10px;

  margin-bottom: 33px;

}



.checkout-section .payment-info .option-block:nth-child(2){

  margin-bottom: 16px;

}



.checkout-section .order-info .lower-text{

  position: relative;

  display: block;

  font-size: 14px;

  color: #666666;

  margin-bottom: 32px;

}







/*** 



====================================================================

                        Error-page

====================================================================



***/



.error-section{

  position: fixed;

  height: 100%;

  width: 100%;

  display: block;

  background: #fff;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  padding: 53px 0px 120px 0px;

  overflow-y: auto;

  overflow-x: hidden;

}



.error-section:before{

  position: absolute;

  content: '';

  background: url(../images/background/error-pattern.png);

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  background-size: cover;

  background-repeat: no-repeat;

}



.main-header.style-three.error-page .outer-container .main-box{

  box-shadow: none;

}



.error-section .error-image{

  position: relative;

  display: block;

  margin-bottom: 73px;

}



.error-section .error-image img{

  position: relative;

  display: inline-block;

  width: auto;

}



.error-section .sec-title{

  margin-bottom: 69px;

}



.error-section .btn-box .btn-style-two{

  padding: 17px 40px;

}









/*** 



====================================================================

                        Portfolio-page

====================================================================



***/





.portfolio-page-1.portfolio-page{

  padding: 143px 60px 150px 60px;

}



.portfolio-page-1 .masonry-item{

  padding: 0px 25px;

}



.portfolio-page-1 .portfolio-block-one{

  margin-bottom: 50px;

}



.sortable-masonry .filter-tabs{

  position: relative;

  display: block;

  margin-bottom: 95px;

}



.sortable-masonry .filter-tabs li{

  position: relative;

  display: inline-block;

  font-size: 20px;

  line-height: 30px;

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

  font-weight: 500;

  color: #848484;

  margin: 0px 14px;

  cursor: pointer;

  transition: all 500ms ease;

}



.sortable-masonry .filter-tabs li.active,

.sortable-masonry .filter-tabs li:hover{

  color: #fe721d;

}



.portfolio-page .load-btn a{

  position: relative;

  display: inline-block;

  font-size: 17px;

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

  padding: 15px 47px;

  background: transparent;

  border: 2px solid #fe721d;

  line-height: 26px;

  color: #fe721d;

  font-weight: 500;

  border-radius: 3px;

  text-transform: capitalize;

  transition: all 500ms ease;

  cursor: pointer;

  text-align: center;

  z-index: 1;

}



.portfolio-page .load-btn{

  position: relative;

  display: block;

  margin-top: 50px;

}



.portfolio-page .load-btn a:hover{

  background: #fe721d;

  color: #fff;

}



.portfolio-page-2 .masonry-item{

  padding: 0px;

}



.portfolio-page-2 .load-btn{

  margin-top: 100px;

}



.portfolio-block-two{

  position: relative;

  display: block;

}



.portfolio-block-two .inner-box{

  position: relative;

  display: block;

}



.portfolio-block-two .inner-box .image-box{

  position: relative;

  display: block;

  overflow: hidden;

  background: #000;

}



.portfolio-block-two .inner-box .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.portfolio-block-two:hover .inner-box .image-box img{

  opacity: 0.7;

}



.portfolio-block-two .inner-box .content-box{

  position: absolute;

  left: 50px;

  bottom: 45px;

}



.portfolio-block-two .inner-box .content-box .link-box{

  position: relative;

  display: block;

  margin-bottom: 46px;

  opacity: 0;

  transform: translateY(-30px);

  transition: all 500ms ease;

}



.portfolio-block-two:hover .inner-box .content-box .link-box{

  opacity: 1;

  transform: translateY(0px);

}



.portfolio-block-two .inner-box .content-box .link-box li{

  position: relative;

  display: inline-block;

  margin-right: 7px;

}



.portfolio-block-two .inner-box .content-box .link-box li:last-child{

  margin-right: 0px;

}



.portfolio-block-two .inner-box .content-box .link-box li a{

  position: relative;

  display: inline-block;

  font-size: 20px;

  color: #fff;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border: 2px solid rgba(255, 255, 255, 0.50);

  border-radius: 50%;

}



.portfolio-block-two .inner-box .content-box .link-box li a:hover,

.portfolio-block-three .inner-box .content-box .link-box li a:hover{

  background: #fe721d;

  border-color: #fe721d;

}



.portfolio-block-two .inner-box .content-box .content{

  position: relative;

  display: block;

  opacity: 0;

  transform: translateY(30px);

  transition: all 900ms ease;

}



.portfolio-block-two:hover .inner-box .content-box .content{

  opacity: 1;

  transform: translateY(0px);

}



.portfolio-block-two .inner-box .content-box .content h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 14px;

}



.portfolio-block-two .inner-box .content-box .content h3 a{

  position: relative;

  display: inline-block;

  color: #fff;

}



.portfolio-block-two .inner-box .content-box .content .text{

  position: relative;

  display: block;

  color: #fff;

  font-size: 16px;

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

  line-height: 32px;

  padding-right: 80px;

}



.portfolio-page{

  position: relative;

  display: block;

  padding: 143px 0px 150px 0px;

}



.portfolio-block-three{

  position: relative;

  display: block;

  text-align: center;

  margin-bottom: 30px;

}



.portfolio-block-three .image-box{

  position: relative;

  display: block;

  background: #000;

  overflow: hidden;

}



.portfolio-block-three .image-box img{

  width: 100%;

  transition: all 500ms ease;

}



.portfolio-block-three:hover .image-box img{

  opacity: 0.7;

}



.portfolio-block-three .content-box{

  position: absolute;

  left: 50%;

  top: 50%;

  width: 100%;

  transform: translate(-50%, -50%);

}



.portfolio-block-three .inner-box .content-box .link-box {

  position: relative;

  display: block;

  margin-bottom: 26px;

  opacity: 0;

  transform: translateY(-30px);

  transition: all 500ms ease;

}



.portfolio-block-three:hover .inner-box .content-box .link-box{

  opacity: 1;

  transform: translateY(0px);

}



.portfolio-block-three .inner-box .content-box .link-box li {

  position: relative;

  display: inline-block;

  margin-right: 7px;

}



.portfolio-block-three .inner-box .content-box .link-box li a {

  position: relative;

  display: inline-block;

  font-size: 20px;

  color: #fff;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border: 2px solid rgba(255, 255, 255, 0.50);

  border-radius: 50%;

}



.portfolio-block-three .inner-box .content-box h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #fff;

  opacity: 0;

  transform: translateY(30px);

  transition: all 500ms ease;

}



.portfolio-block-three:hover .inner-box .content-box h3{

  opacity: 1;

  transform: translateY(0px);

}



.portfolio-block-three .inner-box .content-box h3 a{

  position: relative;

  display: inline-block;

  color: #fff;

}



.portfolio-page-3 .load-btn{

  margin-top: 70px;

}



/** portfolio-single **/



.portfolio-single{

  position: relative;

  display: block;

}



.portfolio-single-1{

  padding: 142px 0px 133px 0px;

}



.portfolio-single-1 .top-content .inner-box .sec-title{

  margin-bottom: 22px;

}



.portfolio-single-1 .top-content .inner-box .text{

  position: relative;

  display: block;

  margin-bottom: 85px;

}



.portfolio-single-1 .top-content .inner-box .info-box li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 65px;

  font-size: 18px;

  font-weight: 500;

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

  color: #848484;

}



.portfolio-single-1 .top-content .inner-box .info-box li:last-child{

  margin-right: 0px;

}



.portfolio-single-1 .top-content .inner-box .info-box li h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  color: #3b3b3b;

  margin-bottom: 13px;

  text-transform: uppercase;

}



.portfolio-single .social-list a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  color: #c5c5c5;

  margin-right: 23px;

}



.portfolio-single .social-list a:last-child{

  margin-right: 0px;

}



.portfolio-single .social-list a:hover{

  color: #fe721d;

}



.portfolio-single-1 .top-content{

  position: relative;

  display: block;

  margin-bottom: 93px;

}



.portfolio-single .image-column .image-box{

  position: relative;

  display: block;

  background: #000;

  overflow: hidden;

}



.portfolio-single .image-column .image-box img{

  width: 100%;

  transition: all 300ms ease;

}



.portfolio-single .image-column .image-box:hover img{

  opacity: 0.5;

  transform: scale(1.1);

}



.portfolio-single-1 .image-column{

  position: relative;

  display: block;

  margin-bottom: 91px;

}



.portfolio-single .list-item li{

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 6px;

  padding: 0px 0px 0px 34px;

}



.portfolio-single .list-item li:last-child{

  margin-bottom: 0px;

}



.portfolio-single .list-item li:before{

  position: absolute;

  content: "\f101";

  font-family: 'Flaticon';

  font-size: 20px;

  color: #fe721d;

  font-weight: 500;

  left: 0px;

  top: 0px;

}



.portfolio-single-1 .lower-content .inner-box h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 23px;

}



.portfolio-single-1 .lower-content .inner-box .text{

  position: relative;

  display: block;

  margin-bottom: 36px;

}



.portfolio-single-1 .lower-content .inner-box{

  position: relative;

  display: block;

  margin-bottom: 87px;

}

 

.portfolio-single .load-more-option a{

  position: relative;

  display: inline-block;

  font-size: 20px;

  font-weight: 500;

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

  color: #3b3b3b;

}



.portfolio-single .load-more-option a:hover,

.portfolio-single .load-more-option a:hover i{

  color: #fe721d;

}



.portfolio-single .load-more-option a i{

  color: #cccccc;

  transition: all 500ms ease;

}



.portfolio-single .load-more-option .prev-btn a i{

  margin-right: 10px;

}



.portfolio-single .load-more-option .next-btn a i{

  margin-left: 10px;

}



.portfolio-single-2{

  padding: 142px 0px 143px 0px;

}



.portfolio-single-2 .title-box .social-share li{

  position: relative;

  display: inline-block;

}



.portfolio-single-2 .title-box .social-share li h4{

  position: relative;

  display: inline-block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  color: #3b3b3b;

  text-transform: uppercase;

  margin-right: 25px;

}



.portfolio-single-2 .title-box .social-share{

  position: relative;

  margin-top: 66px;

}



.portfolio-single-2 .image-column .image-box{

  margin-bottom: 30px;

}



.portfolio-single-2 .image-column{

  position: relative;

  display: block;

  margin-bottom: 61px;

}



.portfolio-single-2 .title-box{

  position: relative;

  display: block;

  margin-bottom: 69px;

}



.portfolio-single-2 .info-column .info-list li{

  position: relative;

  float: left;

  width: 33.33%;

  text-align: center;

  font-size: 18px;

  font-weight: 500;

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

  color: #848484;

}



.portfolio-single-2 .info-column .info-list li:before{

  position: absolute;

  content: '';

  background: #e5e5e5;

  width: 1px;

  height: 60px;

  top: 0px;

  right: 0px;

}



.portfolio-single-2 .info-column .info-list li:last-child:before{

  display: none;

}



.portfolio-single-2 .info-column .info-list li h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  color: #3b3b3b;

  text-transform: uppercase;

  margin-bottom: 13px;

}



.portfolio-single-2 .info-column{

  position: relative;

  display: block;

  margin-bottom: 84px;

}



.portfolio-single-2 .inner-box .lower-content h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 23px;

}



.portfolio-single-2 .inner-box .lower-content .text{

  position: relative;

  display: block;

  margin-bottom: 36px;

}



.portfolio-single-2 .inner-box .lower-content .list-item{

  position: relative;

  display: block;

  margin-bottom: 87px;

}



.portfolio-single-3{

  padding: 150px 0px 143px 0px;

}



.portfolio-single-3 .image-content .image-box{

  margin-bottom: 30px;

}



.portfolio-single-3 .content-box{

  position: relative;

  display: block;

  margin-left: 20px;

  margin-top: -9px;

}



.portfolio-single-3 .content-box h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 23px;

}



.portfolio-single-3 .content-box .text{

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 44px;

}



.portfolio-single-3 .content-box .info-list li{

  position: relative;

  display: block;

  font-size: 18px;

  font-weight: 500;

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

  color: #848484;

  margin-bottom: 24px;

}



.portfolio-single-3 .content-box .info-list li:last-child{

  margin-bottom: 0px;

}



.portfolio-single-3 .content-box .info-list{

  margin-bottom: 45px;

}



.portfolio-single-3 .content-box .info-list li h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  color: #3b3b3b;

  text-transform: uppercase;

  margin-bottom: 11px;

}



.portfolio-single-3 .content-box .social-list h4{

  position: relative;

  display: inline-block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  color: #3b3b3b;

  margin-right: 25px;

  text-transform: uppercase;

}



.portfolio-single-3 .load-more-option{

  position: relative;

  display: block;

  margin-top: 45px;

}





/*** 



====================================================================

                        Blog-page

====================================================================



***/



.sidebar-page-container{

  position: relative;

  display: block;

  padding: 150px 0px 143px 0px;

}



.blog-grid .news-block-one{

  margin-bottom: 33px;

}



.blog-grid .pagination-wrapper{

  margin-top: 36px;

}



.sidebar-page-container .sidebar{

  position: relative;

  display: block;

  margin-left: 40px;

}



.sidebar-page-container .sidebar .sidebar-search .form-group{

  position: relative;

  display: block;

  margin-bottom: 0px;

}



.sidebar-page-container .sidebar .sidebar-search input[type='search']{

  position: relative;

  display: block;

  width: 100%;

  height: 60px;

  border: 1px solid #e6e6e6;

  padding: 10px 15px;

  font-size: 15px;

}



.sidebar-page-container .sidebar .sidebar-search input:focus + button,

.sidebar-page-container .sidebar .sidebar-search button:hover{

  color: #fe721d;

}



.sidebar-page-container .sidebar .sidebar-search input:focus{

  border-color: #fe721d;

}



.sidebar-page-container .sidebar .sidebar-search button{

  position: absolute;

  top: 19px;

  right: 18px;

  font-size: 18px;

  font-weight: 600;

  color: #848484;

  background: transparent;

  cursor: pointer;

  transition: all 500ms ease;

}



.sidebar-page-container .sidebar .sidebar-search{

  position: relative;

  display: block;

  margin-bottom: 57px;

}



.sidebar-page-container .sidebar .sidebar-title{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 33px;

}



.sidebar-page-container .sidebar .sidebar-categories .widget-content ul li{

  position: relative;

  display: block;

  margin-bottom: 15px;

}



.sidebar-page-container .sidebar .sidebar-categories .widget-content ul li:last-child{

  margin-bottom: 0px;

}



.sidebar-page-container .sidebar .sidebar-categories .widget-content ul li a{

  position: relative;

  display: inline-block;

  font-size: 17px;

  line-height: 28px;

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

  color: #3b3b3b;

  font-weight: 400;

  padding: 0px 0px 0px 30px;

}



.sidebar-page-container .sidebar .sidebar-categories .widget-content ul li a:before{

  position: absolute;

  content: '';

  background: #e6e8eb;

  height: 8px;

  width: 8px;

  left: 0px;

  top: 10px;

  border-radius: 50%;

  transition: all 500ms ease;

}



.sidebar-page-container .sidebar .sidebar-categories .widget-content ul li a:hover:before,

.sidebar-page-container .sidebar .sidebar-categories .widget-content ul li a.active:before{

  background: #fe721d;

}



.sidebar-page-container .sidebar .sidebar-categories .widget-content ul li a:hover,

.sidebar-page-container .sidebar .sidebar-categories .widget-content ul li a.active{

  color: #fe721d;

}



.sidebar-page-container .sidebar .sidebar-categories .sidebar-title{

  margin-bottom: 26px;

}



.sidebar-page-container .sidebar .sidebar-categories{

  position: relative;

  display: block;

  margin-bottom: 44px;

}



.sidebar-page-container .sidebar .sidebar-follow .widget-content ul li{

  position: relative;

  float: left;

  margin-right: 10px;

}



.sidebar-page-container .sidebar .sidebar-follow .widget-content ul li:last-child{

  margin-right: 0px;

}



.sidebar-page-container .sidebar .sidebar-follow .widget-content ul li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  color: #848484;

  width: 75px;

  height: 75px;

  line-height: 75px;

  text-align: center;

  border: 1px solid #e6e6e6;

  border-radius: 3px;

}



.sidebar-page-container .sidebar .sidebar-follow .widget-content ul li a:hover{

  color: #fff;

  border-color: #fe721d;

  background: #fe721d;

}



.sidebar-page-container .sidebar .sidebar-follow{

  position: relative;

  display: block;

  margin-bottom: 54px;

}



.sidebar-page-container .sidebar .sidebar-post .post{

  position: relative;

  display: block;

  padding: 0px 0px 12px 115px;

  min-height: 90px;

  margin-bottom: 30px;

}



.sidebar-page-container .sidebar .sidebar-post .post:last-child{

  margin-bottom: 0px;

}



.sidebar-page-container .sidebar .sidebar-post .post .post-thumb{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 90px;

  height: 90px;

  background: #000;

  overflow: hidden;

}



.sidebar-page-container .sidebar .sidebar-post .post .post-thumb img{

  width: 100%;

  transition: all 500ms ease;

}



.sidebar-page-container .sidebar .sidebar-post .post:hover .post-thumb img{

  opacity: 0.5;

}



.sidebar-page-container .sidebar .sidebar-post .post .post-info{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 28px;

  margin-bottom: 2px;

}



.sidebar-page-container .sidebar .sidebar-post .post h5{

  position: relative;

  display: block;

  font-size: 18px;

  line-height: 24px;

  color: #3b3b3b;

  font-weight: 500;

}



.sidebar-page-container .sidebar .sidebar-post .post h5 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.sidebar-page-container .sidebar .sidebar-post .post h5 a:hover{

  color: #fe721d;

}



.sidebar-page-container .sidebar .sidebar-post{

  position: relative;

  display: block;

  margin-bottom: 54px;

}



.sidebar-page-container .sidebar .sidebar-calendar{

  position: relative;

  display: block;

  margin-bottom: 47px;

}



.sidebar-page-container .sidebar .sidebar-tags .widget-content li{

  position: relative;

  display: inline-block;

  float: left;

  margin-right: 10px;

  margin-bottom: 10px;

}



.sidebar-page-container .sidebar .sidebar-tags .widget-content li a{

  position: relative;

  display: inline-block;

  font-size: 14px;

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

  font-weight: 500;

  color: #848484;

  border: 1px solid #e5e5e5;

  padding: 10px 12px;

  border-radius: 3px;

}



.sidebar-page-container .sidebar .sidebar-tags .widget-content li a:hover{

  background: #fe721d;

  border-color: #fe721d;

  color: #fff;

}





/** calender **/



#calendar-container {

  background-color: #fff;

  color: #3b3b3b;

  min-height: 300px;

  max-width: 330px;

  width: 100%;

  display: block;

}



#calendar-container #calendar-title {

  position: relative;

  display: block;

  text-align: center;

  background: #f2f4f7;

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

  color: #09092b;

  padding: 17px 15px 15px 15px;

  margin-bottom: 15px;

}



#calendar-container #calendar-title span{

  position: relative;

  display: block;

  font-size: 17px;

  line-height: 28px;

  color: #272f44;

  font-weight: 500;

}



#calendar-container #calendar-table {

  width: auto;

  margin:auto;

}



#calendar-container #calendar-table th {

  position: relative;

  display: inline-block;

  font-size: 16px;

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

  font-weight: 500;

  color: #3b3b3b;

  padding: 5px;

  margin: 3px;

  border: none;

  text-align: center;

}



#calendar-container #calendar-table td {

  position: relative;

  display: inline-block;

  width: 30px;

  height: 30px;

  line-height: 30px;

  margin: 5px 8px;

  border: none;

  text-align: center;

  cursor: pointer;

  transition: all 500ms ease;

}



#calendar-container .today-cell {

  background-color: #fe721d;

  color: #fff;

}



#calendar-container #date-text {

  text-align: center;

}



#calendar-container .btn {

  position: absolute;

  font-size: 20px;

  line-height: 28px;

  color: #192137;

  top: 17px;

  padding: 0px;

  z-index: 1;

}



#calendar-container .btn.left{

  left: 23px;

}



#calendar-container .btn.right{

  right: 23px;

}





/** blog-classic **/



.blog-classic{

  position: relative;

  display: block;

  padding: 150px 0px 143px 0px;

}



.news-block-two{

  position: relative;

  display: block;

  margin-bottom: 100px;

}



.news-block-two .image-box{

  position: relative;

  display: block;

  background: #000;

  overflow: hidden;

}



.news-block-two .image-box img{

  width: 100%;

  transition: all 300ms ease;

}



.news-block-two:hover .image-box img{

  opacity: 0.5;

  transform: scale(1.1);

}



.news-block-two .lower-content{

  position: relative;

  display: block;

  padding-top: 43px;

}



.news-block-two .lower-content .post-date{

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 14px;

}



.news-block-two .lower-content h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  color: #3b3b3b;

  font-weight: 600;

  margin-bottom: 22px;

}



.news-block-two .lower-content h2 a{

  position: relative;

  display: inline-block;

  color: #3b3b3b;

}



.news-block-two .lower-content h2 a:hover{

  color: #fe721d;

}



.news-block-two .lower-content .text p{

  position: relative;

  display: block;

  font-size: 15px;

  margin-bottom: 33px;

}



.blog-classic .news-block-two:nth-child(3) .inner-box{

  position: relative;

  display: block;

  padding: 1px 30px 50px 40px;

  border: 1px solid #e5e5e5;

}



.blog-classic .pagination-wrapper{

  position: relative;

  display: block;

  padding-top: 46px;

}





/** blog-single **/



.blog-single{

  position: relative;

  display: block;

  padding: 150px 0px;

}



.blog-single .blog-single-content .inner-box .image-box{

  position: relative;

  display: block;

  margin-bottom: 43px;

}



.blog-single .blog-single-content .inner-box .image-box img{

  width: 100%;

}



.blog-single .blog-single-content .inner-box .post-info{

  position: relative;

  display: block;

  font-size: 16px;

  margin-bottom: 14px;

}



.blog-single .blog-single-content .inner-box h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 22px;

}



.blog-single .blog-single-content .inner-box p{

  position: relative;

  display: block;

  font-size: 15px;

  margin-bottom: 26px;

}



.blog-single .blog-single-content .inner-box blockquote{

  position: relative;

  display: block;

  background: #fe721d;

  font-size: 20px;

  line-height: 32px;

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

  color: #fff;

  padding: 45px 30px 39px 130px;

  margin: 53px 0px 52px 0px;

  z-index: 1;

}



.blog-single .blog-single-content .inner-box blockquote:before{

  position: absolute;

  content: '';

  background: #fff;

  width: 60px;

  height: 3px;

  left: 40px;

  top: 60px;

}



.blog-single .blog-single-content .inner-box blockquote:after{

  position: absolute;

  content: "\f10d";

  font-size: 50px;

  line-height: 50px;

  color: #fe8e4a;

  font-family: 'Font Awesome 5 free';

  font-weight: 600;

  left: 170px;

  top: 30px;

  z-index: -1;

}



.blog-single .blog-single-content .inner-box h3{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 25px;

}



.blog-single .blog-single-content .inner-box .text{

  position: relative;

  display: block;

  padding-bottom: 25px;

}



.blog-single .blog-single-content .post-share-option h4{

  position: relative;

  display: inline-block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  color: #3b3b3b;

}



.blog-single .blog-single-content .post-share-option li{

  position: relative;

  display: inline-block;

}



.blog-single .blog-single-content .post-share-option .tags li a{

  position: relative;

  display: inline-block;

  font-size: 17px;

  line-height: 28px;

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

  font-weight: 500;

  color: #848484;

}



.blog-single .blog-single-content .post-share-option .tags li a:hover,

.blog-single .blog-single-content .post-share-option .share li a:hover{

  color: #fe721d;

}



.blog-single .blog-single-content .post-share-option .share li{

  margin: 0px 13px;

}



.blog-single .blog-single-content .post-share-option .share li:first-child{

  margin-left: 0px;

}



.blog-single .blog-single-content .post-share-option .share li a{

  position: relative;

  display: inline-block;

  font-size: 18px;

  color: #c5c5c5;

}



.blog-single .blog-single-content .post-share-option{

  position: relative;

  display: block;

  margin-bottom: 136px;

}



.blog-single .blog-single-content .group-title{

  position: relative;

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 29px;

}



.blog-single .blog-single-content .comments-area{

  position: relative;

  display: block;

  margin-bottom: 93px;

}



.blog-single .blog-single-content .comments-area .comment{

  position: relative;

  display: block;

  padding: 0px 0px 43px 110px;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 46px;

}



.blog-single .blog-single-content .comments-area .comment.replay-comment{

  margin-left: 110px;

}



.blog-single .blog-single-content .comments-area .comment:last-child{

  margin-bottom: 0px;

}



.blog-single .blog-single-content .comments-area .comment .author-thumb{

  position: absolute;

  left: 0px;

  top: 4px;

  width: 80px;

  height: 80px;

  overflow: hidden;

  border-radius: 50%;

}



.blog-single .blog-single-content .comments-area .comment .author-thumb img{

  width: 100%;

  border-radius: 50%;

}



.blog-single .blog-single-content .comments-area .comment .comment-inner .clearfix{

  position: relative;

  display: block;

  margin-bottom: 16px;

}



.blog-single .blog-single-content .comments-area .comment .comment-info h4{

  position: relative;

  display: block;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  color: #3b3b3b;

  margin-bottom: 1px;

}



.blog-single .blog-single-content .comments-area .comment .comment-info span.date{

  position: relative;

  display: block;

  font-size: 15px;

  font-style: italic;

}



.blog-single .blog-single-content .comments-area .comment .replay-btn{

  position: relative;

  margin-top: 14px;

}



.blog-single .blog-single-content .comments-area .comment .replay-btn a{

  position: relative;

  display: inline-block;

  font-size: 15px;

  line-height: 24px;

  font-weight: 500;

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

  color: #3b3b3b;

  border: 1px solid #e5e5e5;

  border-radius: 3px;

  padding: 3px 13px 5px 12px;

}



.blog-single .blog-single-content .comments-area .comment .replay-btn a:hover{

  border-color: #fe721d;

  background: #fe721d;

  color: #fff;

}



.blog-single .blog-single-content .comments-area .comment .comment-inner .text{

  position: relative;

  display: block;

  font-size: 15px;

}



.blog-single .blog-single-content .comments-form-area .comment-form .form-group{

  margin-bottom: 30px;

}



.blog-single .blog-single-content .comments-form-area .comment-form .form-group:last-child{

  margin-bottom: 0px;

}



.blog-single .blog-single-content .comments-form-area .comment-form input[type='text'],

.blog-single .blog-single-content .comments-form-area .comment-form input[type='email']{

  height: 55px;

  font-style: italic;

  border-radius: 3px;

}



.blog-single .blog-single-content .comments-form-area .comment-form textarea{

  position: relative;

  display: block;

  width: 100%;

  height: 250px;

  resize: none;

  font-size: 15px;

  border: 1px solid #e5e5e5;

  font-style: italic;

  padding: 10px 15px;

  border-radius: 3px;

  transition: all 500ms ease;

}



.blog-single .blog-single-content .comments-form-area .comment-form textarea:focus{

  border-color: #fe721d;

}



/*** 

====================================================================

                        Contact-page

====================================================================

***/



.contact-section{

  position: relative;

  display: block;

  padding: 80px 0px 80px 0px;

}



.contact-map-section{

  background-color:#f1f1f1;

  position: relative;

  display: block;

  padding: 0px 0px 0px 0px;

}

.p-end{text-align:right;}

.contact-section h2{

  position: relative;

  display: block;

  font-size: 30px;

  line-height: 40px;

  font-weight: 600;

  color: #3b3b3b;

  margin-bottom: 19px;

}



.contact-section .info-box{

  position: relative;

  display: block;

  margin-right: 100px;

}



.contact-section .info-box .text{

  position: relative;

  display: block;

  font-size: 15px;

  margin-bottom: 28px;

}



.contact-section .info-box .info-list li{

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 26px;

  margin-bottom: 19px;

  padding: 0px 0px 0px 110px;

}



.contact-section .info-box .info-list li:last-child{

  margin-bottom: 0px;

}



.contact-section .info-box .info-list li h5{

  position: absolute;

  left: 0px;

  top: 0px;

  font-size: 18px;

  line-height: 28px;

  font-weight: 500;

  color: #3b3b3b;

}



.contact-section .info-box .info-list li a{

  position: relative;

  display: inline-block;

  font-size: 15px;

  font-family: 'Open Sans', sans-serif;

  color: #848484;

}



.contact-section .info-box .info-list li a:hover{

  color: #fe721d;

}



.contact-section .info-box .info-list li.social-share a{

  font-size: 18px;

  margin-right: 20px;

}



.contact-section .info-box .info-list li.social-share a:last-child{

  margin-right: 0px;

}



.contact-section .contact-form-area .form-group{

  margin-bottom: 30px;

}



.contact-section .contact-form-area .form-group:last-child{

  margin-bottom: 0px;

}



.contact-section .contact-form-area .form-group input[type='text'],

.contact-section .contact-form-area .form-group input[type='email']{

  height: 55px;

  border-radius: 3px;

}



.contact-section .contact-form-area .form-group textarea{

  position: relative;

  display: block;

  width: 100%;

  height: 165px;

  resize: none;

  border: 1px solid #e5e5e5;

  border-radius: 3px;

  padding: 15px 20px;

}



.contact-section .contact-form-area .form-group textarea:focus{

  border-color: #fe721d;

}



.contact-section .contact-form-area h2{

  margin-bottom: 30px;

}



.google-map-section{

  position: relative;

  display: block;

  padding-bottom: 150px;

}



#contact-google-map{

  position: relative;

  display: block;

  width: 100%;

  height: 550px;

}