/* Css For Acto */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two/style-three/style-four/style-five/style-six/style-seven/style-eight/style-nine
5. Main Slider/style-one/style-two/style-three/style-four/style-five/style-six/style-seven/style-eight
6. Weare Section
7. Ourmission Section
9. Service Section
8. About Section
10. Factory Section
11. Project Section
12. Testimonial Section
14. Team Section
15. News Section
16. Main Footer
19. Ourmission Style Two
20. Service Style Two
21. About Style Two
22. Service Style Two
23. Team Style Two
24. Call To Action
25. Footer Style Two
26. About Style Three
27. Ourmission Style Three
28. Service Style Three
29. Wehelp Section
30. Project Style Three
31. Subscribe Section
32. Intro Section
33. Oilgas Section
34. Growth Section
35. Energy Section
36. Shop Section
37. Industries Section
38. Fact Counter
39. Textile Section
40. Product Section
41. Medical Equepment
42. Signup Section
43. Statistics Section
44. About Bannner
45. Service Page
46. Service Banner
47. Service Single
48. Shop Page
49. Shop Banner
50. Single Shop
51. Our History
52. Partner Page
53. Testimonial Page
54. Gallery Page
55. Comingsoon Page
56. Error Page
57. Case Studies
58. Case Single
59. Blog Grid Page
60. Blog Classic Page
61. Blog Single Page
62. Contact Page
63. Contact Section
64. Contact Form
65. Google Map


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


/* use font link */

@import url('../../css');


/* 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:#5d5d66;
  line-height:26px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Ubuntu', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

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

.large-container{
  max-width: 1600px;
  padding: 0px 15px;
  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;
  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;
  color: #35c6cb;
}

input,button,select,textarea{
  font-family: 'Ubuntu', 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;
  color: #5d5d66;
  font-family: 'Ubuntu', sans-serif;
  margin-bottom: 0px;
  font-style: normal;
  transition: all 500ms ease;
}
h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
  color: #232323;
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}

.gray-bg{
  background: #f2f1f0;
}

.black-bg{
  background: #3b3634;
}

figure{
  margin: 0px;
}
.logo
{
  width: 100px;
}
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.15)
    }
}

@keyframes pulse-2 {
    50% {
        box-shadow: 0 0 0 15px rgba(255, 94, 133, 0.5),
        0 0 0 30px rgba(255, 94, 133, 0.3);
    }
}

@keyframes pulse-3 {
    50% {
        box-shadow: 0 0 0 15px rgba(121, 81, 248, 0.5),
        0 0 0 30px rgba(121, 81, 248, 0.3);
    }
}

/** button **/
.sec-pad{
  padding: 154px 0px 120px 0px;
}


.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: 105%;
  right: 50px;
  font-size: 16px;
  border-radius: 50%;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background: #082b5f;
  transition: 1s ease;
}
.scroll-top:hover
{
  background: #e8a727;
}
.scroll-top.open {
  bottom: 30px;
}
.scroll-top span{
  color: #fff;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}


.sec-title{
  position: relative;
  display: block;
}

.sec-title h1{
  position: relative;
  display: block;
  font-size: 28px;
  line-height: 46px;
  color: #0c0d24;
  font-weight: 700;
  margin-bottom: 10px;
}

.sec-title p{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  font-weight: 400;
}

.bg-color-1{
  background: #0c0d24;
}
.bg-color-2{
  background: #0573a6;
}

.bg-color-3{
  background: #082b5f;
}

/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  background: #fff;
  left:0px;
  top:0px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  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;
}

/** header-top **/
.main-header .header-top{
  position: relative;
  display: block;
  background: #082b5f;
  padding: 5px 0px 5px 0px;
}

.main-header .header-top .header-info{
  position: relative;
  margin-top: 2px;
}

.main-header .header-top .header-info li{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #fff;
  margin-right: 30px;
}

.main-header .header-top .header-info li:last-child{
  margin-right: 0px;
}

.main-header .header-top .header-info li a{
  color: #fff;
}

.main-header .header-top .header-info li a:hover{
  color: #fdd03c;
}

.main-header .header-top .header-info li i{
  position: relative;
  font-size: 20px;
  margin-right: 10px;
  font-weight: 600;
  top: 3px;
}

.main-header .header-top .header-nav li{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #585858;
  margin-right: 20px;
}

.main-header .header-top .header-nav li:last-child{
  margin-right: 0px;
  margin-left: 15px;
}

.main-header .header-top .header-nav li a{
  color: #585858;
}

.main-header .header-top .header-nav li a:hover{
  color: #0c0d24;
}

.main-header .header-upper{
  position: relative;
  display: block;
  background: #fff;
  padding: 15px 0px 30px 0px;
}

.main-header .header-upper .inner-container .info-box{
  position: relative;
  display: inline-block;
  padding: 0px 0px 0px 50px;
}

.main-header .header-upper .inner-container .info-box .icon-box{
  position: absolute;
  left: 0px;
  top: 4px;
  font-size: 40px;
  color: #082b5f;
  line-height: 40px;
  transition: all 500ms ease;
}

.main-header .header-upper .inner-container .info-box:hover .icon-box {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  left: 50%;
  opacity: .10;
}

.main-header .header-upper .inner-container .left-content .info-box{
  margin-right: 290px;
}
.main-header .header-upper .inner-container .info-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 0px;
}

.main-header .header-upper .inner-container .info-box span{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #4a4a4a;
}

.main-header .header-upper .inner-container .info-box a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #4d4c4c;
}

.main-header .header-upper .inner-container .info-box a:hover{
  color: #fbef55;
}

.main-header .header-upper .inner-container .logo-box{
  position: relative;
  display: inline-block;
  top: -8px;
}


/** main-menu **/


.main-menu{
  position: relative;
  float: left;
}

.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation > li{
  position:relative;
  float:left;
  margin: 0px 12px;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px;
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:16px;
  font-family: 'Ubuntu', sans-serif;
  color:#fff;
  /*! line-height:26px; */
  font-weight:600;
  opacity:1;
  text-transform:capitalize;
  padding: 24px 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 > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #42cfce;
}

.main-menu .navigation{
  position: relative;
}
.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top: 100%;
  width:273px;
  z-index:100;
  display:none;
  visibility: hidden;
  opacity: 0;
  background:#ffffff;
  border-top: 3px solid #35c6cb;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
  transition: all 500ms ease;
}

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

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 7px 30px;
  border-bottom: 1px solid rgba(53, 198, 203, 0.48);
  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: 'Ubuntu', sans-serif;
  padding:6px 0px;
  line-height:24px;
  font-size:15px;
  color:#18152c;
  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: #35c6cb;
  border-bottom: 1px solid #082b5f;
}

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

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

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  position:absolute;
  right: 15px;
  top: 8px;
  font-size:18px;
  border: 1px solid #ffffff;
  color:#ffffff;
  width: 35px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor:pointer;
  z-index:5;
  display: none;
}

.navbar-header {
  display: none;
}

/** sub-menu **/

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:0%;
  width:230px;
  z-index:100;
  display:none;
  padding: 0px 0px;
  background-color: #ffffff;
  border-top: 3px solid #fd571c;
  -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;
  border-bottom: 1px solid rgba(253, 87, 28, 0.3);
}

.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:10px 25px !important;
  line-height:24px;
  font-weight:500;
  font-family: 'Ubuntu', sans-serif;
  font-size:15px;
  text-transform:capitalize;
  color: #18152c !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 > a{
  background:#fd571c;
  color: #fff !important;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  position: absolute;
  content: "\f105";
  font-size: 16px;
  color: #18152c;
  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: #fff;
}

/** header-bottom **/

.main-header .header-bottom{
  position: relative;
  display: block;
  background: transparent;
}

.main-header .header-bottom .outer-container{
  position: relative;
  width: 100%;
}

.main-header .header-bottom .outer-container .nav-outer{
  position: absolute;
  left: 0px;
  top: -36px;
  width: 100%;
  background: #082b5f;
}

.main-header .header-bottom .outer-container .nav-outer .menu-area .button-box{
  position: relative;
  float: left;
  margin-right: 35px;
}
.main-header .header-bottom .outer-container .nav-outer .menu-area .button-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  background: #35c6cb;
  color: #082b5f;
  text-align: center;
  padding: 24px 29px;
}

.main-header .header-bottom .outer-container .nav-outer .menu-area .button-box a:hover{
  background: #99f2ed;
}

.main-header .header-bottom .outer-container .nav-outer .menu-area .button-box i{
  position: relative;
  font-size: 16px;
  font-weight: 700;
  margin-right: 10px;
  transition: all 500ms ease;
}

.main-header .header-bottom .outer-container .nav-outer .menu-area .button-box a:hover i{
  transform: rotate(360deg);
}

.main-header .header-bottom .info-box{
  position: relative;
  padding: 15px 15px 17px 15px;
}

.main-header .header-bottom .info-box .social-links,
.main-header .header-bottom .info-box .search-box{
  position: relative;
  float: left;
}
.social-links li{
  position: relative;
  display: inline-block;
  margin: 0px 7px;
}
.social-links li a{
  position: relative;
  display: inline-block;
  font-size: 23px;
  color: #fff;
}
.social-links li a:hover{
  color: #fdd03c;
}

.main-header .header-bottom .info-box .search-box .header-flyout-searchbar i{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #101112;
  padding: 10px;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-header .header-bottom .info-box .search-box{
  margin-top: 6px;
}

.main-header .header-bottom .info-box .search-box .header-flyout-searchbar i:hover{
  color: #fd571c;
}


#hamburger-menu {
  width: 100%;
}


/** stricky-header **/

.sticky-header .main-menu .navigation > li{
  margin: 0px;
}
.sticky-header .main-menu .navigation > li > a{
  padding: 40px 30px !important;
}
.sticky-header .main-menu .navigation > li > a{
  color: #000;
}
.sticky-header .main-menu .navigation > li:hover > a{
  color: #48d2cc !important;
}
.sticky-header .logo-box{
  position: relative;
  float: left;
  padding: 10px 0px;
  width: 100px;
}

.sticky-header .menu-area{
  position: relative;
  float: right;
}

.sticky-header .main-menu .navigation > li > a:before{
  display: none;
}

/** main-slider **/

.main-slider{
  position:relative;
}

.main-slider .slide{
  position:relative;
  padding:230px 0px 220px 0px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
.main-slider .slide:before{
  position: absolute;
  content: '';
  background: rgba(98, 98, 99, 0.58);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.main-slider .content-box{
  position: relative;
  width: 100%;
}

.main-slider .content-box h5{
  position:relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #fbef55;
  font-weight: 700;
  letter-spacing: 5px;
  margin-bottom: 11px;
  text-transform: uppercase;
  opacity:0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}

.main-slider .active h5{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 1000ms;
}
.main-slider .content-box h1{
  position:relative;
  display: block;
  font-size: 70px;
  line-height: 70px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 35px;
  opacity:0;
  -webkit-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}

.main-slider .active h1{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition-delay: 1500ms;
}
.main-slider .content-box .text{
  position:relative;
  display: block;
  font-size: 21px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 30px;
  opacity:0;
  -webkit-transition: all 2000ms ease;
  -moz-transition: all 2000ms ease;
  -ms-transition: all 2000ms ease;
  -o-transition: all 2000ms ease;
  transition: all 2000ms ease;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.main-slider .active .text{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition-delay: 2000ms;
}

.main-slider .content-box .button-box{
  position:relative;
  display: block;
  opacity:0;
  -webkit-transition: all 2500ms ease;
  -moz-transition: all 2500ms ease;
  -ms-transition: all 2500ms ease;
  -o-transition: all 2500ms ease;
  transition: all 2500ms ease;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}

.main-slider .active .button-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 2500ms;
}

.main-slider .content-box .button-box .link-button,
.main-slider .content-box .button-box .video-button{
  position: relative;
  display: inline-block;
}

.main-slider .content-box .button-box .link-button{
  margin-right: 27px;
}
.main-slider .content-box .button-box .link-button a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #082b5f;
  background: #35c6cb;
  text-transform: capitalize;
  text-align: center;
  padding: 17px 40px;
}

.main-slider .content-box .button-box .video-button a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fbef55;
  font-weight: 700;
  width: 82px;
  height: 82px;
  line-height: 78px;
  text-align: center;
  border: 3px solid #fff;
  border-radius: 50%;
}

.main-slider .content-box .button-box .video-button a:hover,
.main-slider .content-box .button-box .link-button a:hover{
  background: #fff;
}

.main-slider .image-box{
  position: relative;
  display: block;
  margin-top: 8px;
  margin-left: -20px;
}

.main-slider .image-box img{
  position: relative;
  display: inline-block;
  width: auto;
  animation-name: rotateme;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme;
  -moz-animation-duration: 30s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme;
  -ms-animation-duration: 30s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme;
  -o-animation-duration: 30s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

/* slide nav */


.main-slider .owl-dots{
  position: absolute;
  text-align: center;
  left: 50%;
  bottom: 52px;
  display: none;
}

.main-slider .owl-dots .owl-dot span{
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.50);
  cursor: pointer;
  margin: 0px 3px;
  transition: all 500ms ease;
}

.main-slider .owl-dots .owl-dot.active span,
.main-slider .owl-dots .owl-dot:hover span{
  background: #ffffff;
  border: none;
}

.main-slider .owl-nav{
  position:absolute;
  left:0px;
  top:50%;
  z-index:1;
  width:100%;
  transform: translateY(-50%);
}

.main-slider .owl-theme .owl-controls .owl-nav [class*="owl-"]{
  position: absolute;
  color: rgba(255, 255, 255, 0.10);
}

.main-slider .owl-nav .owl-prev{
  position:absolute;
  left:30px;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 32px;
  background: #4c505c;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-slider .owl-nav .owl-next{
  position:absolute;
  right:30px;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 32px;
  background: #4c505c;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  transition: all 500ms ease;
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
  background-color:#fbef55;
  color: #0c0d24;
}

/** service-section **/

.service-section{
  position: relative;
  display: block;
  padding: 93px 0px 100px 0px;
}

.service-section .sec-title{
  margin-bottom: 37px;
}
.service-block-one .inner-box{
  position: relative;
  display: block;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.service-block-one .inner-box .image-box{
  position: absolute;
  left: 0px;
  top: 0px;
  /*! background: #0c0d24; */
  overflow: hidden;
}

.service-block-one .inner-box .image-box a{
  position: relative;
  display: inline-block;
  z-index: 1;
}
.service-block-one .inner-box .image-box img{
  width: 100%;
  opacity: 1;
  transition: all 500ms ease;
  max-width: 228px;
}

.service-block-one .inner-box:hover .image-box img{
  opacity: 0.5;
  transform: scale(1.05);
}

.service-block-one .inner-box .content-box{
  position: relative;
  padding: 8px 30px 30px 260px;
  /*! min-height: 300px; */
  margin-bottom: 30px;
}
.service-block-one .inner-box .content-box:before{
  position: absolute;
  content: '';
  background: url(../images/pattern-1.png);
  width: 255px;
  height: 216px;
  top: 25px;
  right: 35px;
  background-repeat: no-repeat;
}

.service-block-one .inner-box .content-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 40px;
  line-height: 40px;
  color: #000;
  font-weight: 500;
  margin-bottom: 12px;
}

.service-block-one .inner-box .content-box .icon-box:before {
  position: absolute;
  content: '';
  background: #fbef55;
  width: 30px;
  height: 30px;
  left: -10px;
  bottom: -11px;
  border-radius: 50%;
  z-index: -1;
}

.service-block-one .inner-box .content-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 11px;
}

.service-block-one .inner-box .content-box h3 a{
  color: #272727;
}

.service-block-one .inner-box .content-box h3 a:hover{
  color: #fbef55;
}

.service-block-one .inner-box .content-box .text{
  position: relative;
  display: block;
  color: #585858;
  margin-bottom: 11px;
}

.service-block-one .inner-box .content-box .link-btn a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.service-block-one .inner-box .content-box .link-btn i{
  position: relative;
  font-size: 12px;
  margin-left: 10px;
  font-weight: 700;
  transition: all 500ms ease;
}

.service-block-one .inner-box .content-box .link-btn a:hover i{
  transform: rotate(360deg);
}

.service-section .service-block:nth-child(2) .service-block-one .inner-box .content-box,
.service-section .service-block:last-child .service-block-one .inner-box .content-box{
  position: relative;
  padding: 8px 260px 30px 30px;
  min-height: 300px;
  margin-bottom: 30px;
}

.service-section .service-block:nth-child(2) .service-block-one .inner-box .image-box,
.service-section .service-block:last-child .service-block-one .inner-box .image-box{
  right: 0px;
  left: inherit;
}

.service-section .service-block:nth-child(2) .service-block-one .inner-box .content-box:before,
.service-section .service-block:last-child .service-block-one .inner-box .content-box:before{
  left: 80px;
  right: inherit;
}


/** about-section **/

.about-section{
  position: relative;
  display: block;
  padding-top: 93px;
}

.about-section .inner-content{
  position: relative;
  display: block;
  margin-bottom: -110px;
  z-index: 1;
}

.about-section .content-box .top-content .top-text{
  position: relative;
  display: block;
  font-size: 16px;
  color: #fbef55;
  margin-bottom: 6px;
}

.about-section .content-box .top-content h1{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
}

.about-section .content-box .top-content h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 28px;
  color: #fbef55;
  font-weight: 700;
  margin-bottom: 27px;
}

.about-section .content-box .top-content .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #cdd0d9;
}

.about-section .content-box .top-content{
  position: relative;
  display: block;
  margin-bottom: 57px;
}

.about-section .content-box .inner-box .single-item .icon-box{
  position: relative;
  display: block;
  font-size: 45px;
  line-height: 45px;
  color: #fbef55;
  margin-bottom: 15px;
}

.about-section .content-box .inner-box .single-item h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.about-section .content-box .inner-box .single-item h5 a{
  color: #fff;
}

.about-section .content-box .inner-box .single-item h5 a:hover{
  color: #fbef55;
}

.about-section .content-box .inner-box .single-item .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #dfe0e6;
}

.about-section .content-box .inner-box{
  position: relative;
  display: block;
  margin-bottom: 70px;
}

.about-section .content-column .lower-content{
  position: relative;
  display: block;
  margin-right: -70px;
  background: #fbef55;
  text-align: center;
  padding: 29px 40px 66px 40px;
}

.about-section .content-column .lower-content h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  color: #0c0d24;
  margin-bottom: 20px;
}

.about-section .content-column .lower-content a{
  position: absolute;
  left: 50%;
  bottom: -65px;
  transform: translateX(-50%);
  font-size: 50px;
  color: #fbef55;
  background: #0c0d24;
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
}

.about-section .content-column .lower-content a:hover{
  background: #fff;
  color: #0c0d24;
  box-shadow: 0 10px 19px rgba(0, 0, 0, 0.5);
}

.about-section .image-box{
  position: relative;
  display: block;
  margin-left: 40px;
  margin-top: 7px;
}

.about-section .image-box img{
  width: 100%;
}

/** main-footer **/

.main-footer{
  position: relative;
  display: block;
  background-color: #082b5f;
}

.main-footer .container
{
  max-width: 1100px;
}
.main-footer .footer-top{
  position: relative;
  display: block;
  padding: 50px 0px 45px 0px;
  border-bottom: 1px solid #e5e5e5;
  z-index: 1;
}

.main-footer .footer-top .bg-column{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 60px;
  background: linear-gradient(90deg, #3c3b3b 0%, #fbef55 50%, #fff 100%);
}

.main-footer .footer-top .logo-widget{
  position: relative;
  margin-top: 7px;
}
.main-footer .footer-top .logo-widget .footer-logo{
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  width: 100px;
}

.main-footer .footer-top .logo-widget .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}
.widget-content li strong
{
  color: #48c3bf;
}
.widget-content li a
{
  color: white;
}
.widget-content li
{
  color: white;
}
.main-footer .widget-title{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #4ad0cb;
  margin-bottom: 19px;
}

.main-footer .footer-top .links-widget .widget-content ul li{
  position: relative;
  display: block;
  margin-bottom: 4px;
}

.main-footer .footer-top .links-widget .widget-content ul li:last-child{
  margin-bottom: 0px;
}

.main-footer .footer-top .links-widget .widget-content ul li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #fff;
}
.main-footer .footer-top .links-widget .widget-content ul li a:hover{
  color: #4ad0cb;
}

.main-footer .footer-top .company-widget{
  margin-left: 60px;
}

.main-footer .footer-bottom{
  position: relative;
  display: block;
  padding: 38px 0px;
  z-index: 1;
}
.main-footer .footer-bottom .copyright{
  position: relative;
  font-size: 15px;
  color: #fff;
}

.main-footer .footer-bottom .footer-social li{
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.main-footer .footer-bottom .footer-social li:last-child{
  margin-right: 0px;
}

.main-footer .footer-bottom .footer-social li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #fff;
}

.main-footer .footer-bottom .footer-social li a:hover{
  color: #fbef55;
}



/*** 

====================================================================
                        Home-Page-Two
====================================================================

***/


/** header-style-two **/

.main-header.style-two{
  position: relative;
}

.main-header.style-two .header-top{
  background: #0c0d24;
}

.main-header.style-two .header-top .header-info li,
.main-header.style-two .header-top .header-info li a,
.main-header.style-two .header-top .header-nav li a{
  color: #dfe0e6;
}

.main-header.style-two .header-top .language .dropdown-toggle{
  border-color: #263c79;
}

.main-header.style-two .header-top .header-info li a:hover,
.main-header.style-two .header-top .header-nav li a:hover{
  color: #fd571c;
}

.main-header.style-two .header-bottom .outer-container .nav-outer{
  position: relative;
  top: 0px;
}

.main-header.style-two .header-bottom .logo-box{
  position: relative;
  float: left;
  margin: 0px 30px 0px 0px;
  padding: 36px 0px 26px 0px;
}

.main-header.style-two .header-bottom .info-box .btn-box{
  position: relative;
  float: left;
}

.main-header.style-two .header-bottom .info-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #fd571c;
  padding: 19.5px 30px;
  text-align: center;
}

.main-header.style-two .header-bottom .info-box .btn-box i{
  font-size: 12px;
  margin-right: 8px;
  transition: all 500ms ease;
}

.main-header.style-two .header-bottom .info-box {
  padding: 26px 0px 25px 0px;
}

.main-header.style-two .header-bottom .info-box .btn-box:hover i{
  transform: rotate(360deg);
}

.main-header.style-two .header-bottom .info-box .search-box {
  margin-top: 15px;
  margin-right: 10px;
}

.main-header.style-two .main-menu .navigation > li > a{
  padding: 45px 0px;
}

/** ourmission-style-two **/

.ourmission-style-two{
  position: relative;
  display: block;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.ourmission-style-two .image-column{
  position: absolute;
  left: 0px;
  top: -264px;
  width: 56%;
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.ourmission-style-two .content-box{
  position: relative;
}

.ourmission-style-two .content-box .title-text{
  position: absolute;
  width: 830px;
  right: -50px;
  bottom: -68px;
  z-index: 1;
}

.ourmission-style-two .content-box .title-text h1{
  position: relative;
  display: block;
  font-size: 90px;
  line-height: 70px;
  font-weight: 700;
  color: #fff;
}

.ourmission-style-two .content-box .inner-content{
  position: relative;
  display: block;
  float: right;
  max-width: 515px;
  width: 100%;
  background: #fd571c;
  padding: 20px;
}

.ourmission-style-two .content-box .inner-content:before{
  position: absolute;
  content: '';
  background: url(../images/icons/tools-3.png);
  width: 100%;
  height: 170px;
  background-repeat: no-repeat;
  right: -12px;
  bottom: 10px;
}

.ourmission-style-two .content-box .inner-content .content{
  position: relative;
  border: 1px dashed #fc916b;
  padding: 12px 40px 38px 35px;
}

.ourmission-style-two .content-box .inner-content .content h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 45px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 14px;
}

.ourmission-style-two .content-box .inner-content .content .text{
  position: relative;
  display: block;
  color: #fff;
  margin-bottom: 29px;
}

.ourmission-style-two .content-box .inner-content .content .lower-content{
  padding-left: 16px;
}

.ourmission-style-two .content-box .inner-content .content .lower-content .text{
  padding: 0px 0px 0px 45px;
  margin-bottom: 20px;
}

.ourmission-style-two .content-box .inner-content .content .lower-content .text:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 33px;
  height: 2px;
  left: 0px;
  top: 12px;
}

.ourmission-style-two .content-box .inner-content .content .lower-content .text:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 9px;
  height: 9px;
  left: 0px;
  top: 9px;
  border-radius: 50%;
}

.ourmission-style-two .content-box .inner-content .content .lower-content .text:last-child{
  margin-bottom: 0px;
}

.ourmission-style-two .inner-box{
  position: relative;
  display: block;
  padding: 62px 50px 23px 40px;
}

.ourmission-style-two .inner-box .single-item .icon-box{
  position: relative;
  display: block;
  margin-bottom: 12px;
}

.ourmission-style-two .inner-box .single-item h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #0c0d24;
  margin-bottom: 8px;
}

.ourmission-style-two .inner-box .single-item h5 a{
  color: #0c0d24;
}

.ourmission-style-two .inner-box .single-item h5 a:hover{
  color: #fd571c;
}

.ourmission-style-two .inner-box .single-item .text{
  position: relative;
  display: block;
  color: #616b8c;
}

.ourmission-style-two .inner-box .single-item{
  position: relative;
  display: block;
  padding-bottom: 16px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ececec;
}

.ourmission-style-two .inner-box .single-item:last-child{
  border-bottom: none;
  margin-bottom: 0px;
}


/** service-style-two **/

.service-style-two{
  position: relative;
  display: block;
  padding: 72px 0px 85px 0px;
}

.service-style-two .sec-title{
  margin-bottom: 35px;
}

.service-block-two .inner-box{
  position: relative;
  display: block;
  background: #fff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  transition: all 500ms ease;
}

.service-block-two:hover .inner-box{
  transform: translateY(-10px);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.service-block-two .inner-box .image-box{
  position: relative;
  display: block;
  background: #0c0d24;
  overflow: hidden;
}

.service-block-two .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.service-block-two:hover .inner-box .image-box img{
  opacity: 0.5;
  transform: scale(1.05);
}

.service-block-two .inner-box .lower-content{
  position: relative;
  display: block;
  overflow: hidden;
  padding: 41px 15px 42px 35px;
}

.service-block-two .inner-box .lower-content:before{
  position: absolute;
  content: '';
  background: url(../images/icons/pattern-3.png);
  width: 254px;
  height: 254px;
  right: 35px;
  top: 25px;
  background-repeat: no-repeat;
}

.service-block-two .inner-box .lower-content .icon-box{
  position: relative;
  display: inline-block;
  font-size: 55px;
  line-height: 55px;
  color: #272727;
  margin-bottom: 24px;
  z-index: 1;
}

.service-block-two .inner-box .lower-content .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/shap-1.png);
  width: 71px;
  height: 55px;
  left: -15px;
  top: 5px;
  background-repeat: no-repeat;
  z-index: -1;
  animation-name: rotateme;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 60s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme;
  -moz-animation-duration: 60s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme;
  -ms-animation-duration: 60s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme;
  -o-animation-duration: 60s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.service-style-two .service-block:nth-child(2) .service-block-two .inner-box .lower-content .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/shap-2.png);
  width: 63px;
  height: 68px;
  left: -15px;
  top: 5px;
  background-repeat: no-repeat;
  z-index: -1;
  animation-name: rotateme;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 60s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme;
  -moz-animation-duration: 60s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme;
  -ms-animation-duration: 60s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme;
  -o-animation-duration: 60s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.service-style-two .service-block:last-child .service-block-two .inner-box .lower-content .icon-box:before{
  background: url(../images/icons/shap-3.png);
  width: 76px;
  height: 44px;
}

.service-block-two .inner-box .lower-content h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 11px;
  z-index: 1;
}

.service-block-two .inner-box .lower-content h3 a{
  color: #272727;
}

.service-block-two .inner-box .lower-content h3 a:hover{
  color: #fd571c;
}

.service-block-two .inner-box .lower-content .text{
  position: relative;
  display: block;
  color: #585858;
  margin-bottom: 11px;
}

.service-block-two .inner-box .lower-content .link-btn a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fd571c;
}

.service-block-two .inner-box .lower-content .link-btn a:hover{
  color: #0c0d24;
}

.service-block-two .inner-box .lower-content .link-btn a i{
  font-size: 12px;
  margin-left: 8px;
  transition: all 500ms ease;
}

.service-block-two .inner-box .lower-content .link-btn a:hover i{
  transform: rotate(360deg);
}


/** about-style-two **/

.about-style-two{
  position: relative;
  display: block;
}

.about-style-two .inner-content{
  position: relative;
  display: block;
  background: #0f1934;
  padding: 93px 0px 147px 0px;
}

.about-style-two .inner-content .anim-icon-1{
  position: absolute;
  left: -60px;
  bottom: -20px;
  background: url(../images/icons/cap-1.png);
  width: 198px;
  height: 84px;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 5s infinite linear;
  animation: zoom-fade 5s infinite linear;
}

.about-style-two .inner-content:after{
  position: absolute;
  content: '';
  background: #0f1934;
  width: 80px;
  height: 100%;
  left: -80px;
  top: 0px;
  z-index: -1;
}

.about-style-two .inner-content:before{
  position: absolute;
  content: '';
  background: #0f1934;
  width: 50000%;
  height: 100%;
  left: 50%;
  top: 0px;
}

.about-style-two .content-box .top-content .top-text{
  position: relative;
  display: block;
  color: #fd571c;
  margin-bottom: 6px;
}

.about-style-two .content-box .top-content h1{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 48px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
}

.about-style-two .content-box .top-content h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #fd571c;
  margin-bottom: 21px;
}

.about-style-two .content-box .top-content .text{
  position: relative;
  display: block;
  color: #cdcdd1;
}

.about-style-two .content-box .top-content{
  position: relative;
  display: block;
  margin-bottom: 57px;
}

.about-style-two .content-box .inner-box .single-item .icon-box {
  position: relative;
  display: block;
  font-size: 45px;
  line-height: 45px;
  color: #fff;
  margin-bottom: 15px;
}

.about-style-two .content-box .inner-box .single-item h5 {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.about-style-two .content-box .inner-box .single-item h5 a{
  color: #fff;
}

.about-style-two .content-box .inner-box .single-item h5 a:hover{
  color: #fd571c;
}

.about-style-two .content-box .inner-box .single-item .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #dedfe1;
}

.about-style-two .image-box{
  position: relative;
  display: block;
  margin-left: 40px;
  margin-top: 7px;
}

.about-style-two .image-box .image{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
}

.about-style-two .image-box .anim-icon-2{
  position: absolute;
  top: -45px;
  right: -20px;
  background: url(../images/icons/cap-2.png);
  width: 105px;
  height: 59px;
  background-repeat: no-repeat;
  z-index: 1;
}

.about-style-two .image-box .image img{
  width: 100%;
}

/** footer-style-two **/

.main-footer.style-two{
  position: relative;
  background: #f9fbff;
}

.main-footer.style-two .footer-top {
  padding: 65px 0px;
}

.main-footer.style-two:after{
  background: url(../images/icons/footer-icon-3.png);
  width: 657px;
  height: 354px;
  background-repeat: no-repeat;
}

.main-footer.style-two:before{
  background: url(../images/icons/footer-icon-4.png);
  width: 505px;
  height: 290px;
  background-repeat: no-repeat;
}

.main-footer.style-two .footer-bottom .footer-social li a:hover{
  color: #fd571c;
}



/*** 

====================================================================
                        Home-Page-Three
====================================================================

***/


/** header-style-three **/

.main-header.style-three{
  position: relative;
}

.main-header.style-three .header-bottom{
  background: #161212;
}

.main-header.style-three .header-bottom .outer-container .nav-outer{
  position: relative;
  top: 0px;
  background: #161212;
}

.main-header.style-three .header-bottom .logo-box{
  position: relative;
  float: left;
  margin: 0px 30px 0px 0px;
  padding: 36px 0px 26px 0px;
}

.main-header.style-three .header-bottom .info-box .btn-box{
  position: relative;
  float: left;
}

.main-header.style-three .header-bottom .info-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #082b5f;
  padding: 19.5px 30px;
  text-align: center;
}

.main-header.style-three .header-bottom .info-box .btn-box i{
  font-size: 12px;
  margin-right: 8px;
  transition: all 500ms ease;
}

.main-header.style-three .header-bottom .info-box .btn-box:hover i{
  transform: rotate(360deg);
}

.main-header.style-three .header-bottom .info-box {
  padding: 26px 0px 25px 0px;
}

.main-header.style-three .header-bottom .info-box .search-box {
  margin-top: 15px;
  margin-right: 10px;
}


.main-header.style-three .main-menu .navigation > li > a{
  padding: 45px 0px;
  color: #fff;
}

.main-header.style-three .main-menu .navigation > li.current > a, 
.main-header.style-three .main-menu .navigation > li:hover > a,
.main-header.style-three .header-bottom .info-box .search-box .header-flyout-searchbar i:hover{
  color: #082b5f;
}

.main-header.style-three .header-bottom .info-box .search-box .header-flyout-searchbar i{
  color: #fff;
}

/** about-style-three **/
.about-style-three .container{
  max-width: 1345px;
}
.about-style-three{
  position: relative;
  display: block;
  padding: 85px 0px 95px 0px;
}
.about-style-three .content-box .top-content .top-text{
  position: relative;
  display: block;
  color: #082b5f;
  text-transform: capitalize;
  margin-bottom: 4px;
}

.about-style-three .content-box .top-content h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 47px;
  color: #161212;
  font-weight: 700;
  margin-bottom: 10px;
}

.about-style-three .content-box .top-content .text p{
  display: block;
  color: #454547;
  margin-bottom: 10px;
}

.about-style-three .content-box .top-content .text p:last-child{
  margin-bottom: 0px;
}

.about-style-three .content-box .top-content{
  position: relative;
  margin-bottom: 50px;
}
.top-content p
{
  text-align: justify;
}
.about-style-three .content-box{
  position: relative;
  display: block;
  margin-right: 20px;
}

.about-style-three .content-box .lower-content .single-item{
  position: relative;
  display: block;
  padding: 0px 0px 0px 70px;
}

.about-style-three .content-box .lower-content .single-item .icon-box{
  position: absolute;
  left: 0px;
  top: -5px;
  font-size: 55px;
  line-height: 55px;
  font-weight: 500;
  color: #000;
  transition: all 500ms ease;
}

.about-style-three .content-box .lower-content .single-item:hover .icon-box{
  color: #082b5f;
}

.about-style-three .content-box .lower-content .single-item h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 47px;
  color: #161212;
  font-weight: 700;
  margin-bottom: 4px;
}

.about-style-three .content-box .lower-content .single-item .text{
  position: relative;
  display: block;
  font-size: 18px;
  color: #413e3e;
}


.about-style-three .inner-box{
  position: relative;
  display: block;
  width: 100%;
  padding: 180px 20px 20px 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 30px;
}

.about-style-three .inner-box .content-box{
  position: relative;
  max-width: 265px;
  width: 100%;
  background: #fff;
  padding: 49px 30px 55px 30px;
}

.about-style-three .inner-box .content-box h1{
  position: relative;
  display: block;
  font-size: 80px;
  font-weight: 700;
  color: #082b5f;
  line-height: 30px;
}

.about-style-three .inner-box .content-box h1 span{
  font-size: 24px;
  font-weight: 400;
  color: #161212;
}

.about-style-three .inner-box .content-box .text {
  position: relative;
  display: block;
  font-size: 16px;
  color: #161212;
}


/** ourmission-style-three **/

.ourmission-style-three{
  position: relative;
  width: 100%;
  background-size: cover;
  padding: 145px 0px 0px;
  background-repeat: no-repeat;
  background-position: center;
}

.ourmission-style-three .inner-box{
  position: relative;
  display: block;
  background: #082b5f;
  padding: 30px 20px;
  margin-right: 55px;
  margin-bottom: -110px;
}

.ourmission-style-three .inner-box .inner-content{
  position: relative;
  display: block;
  padding: 44px 40px 52px 35px;
  border: 1px dashed #fc916b;
}

.ourmission-style-three .inner-box .inner-content:before{
  position: absolute;
  content: '';
  background: url(../images/icons/tools-2.png);
  width: 100%;
  height: 170px;
  left: 0px;
  bottom: -15px;
  background-repeat: no-repeat;
}

.ourmission-style-three .inner-box .inner-content h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 45px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 14px;
}

.ourmission-style-three .inner-box .inner-content .text{
  position: relative;
  display: block;
  color: #fff1f1;
  margin-bottom: 10px;
}

.ourmission-style-three .inner-box .inner-content .top-content{
  position: relative;
  display: block;
  margin-bottom: 29px;
}

.ourmission-style-three .inner-box .inner-content .top-content .text{
  margin: 0px;
}

.ourmission-style-three .inner-box .inner-content .middle-content .text{
  padding: 0px 0px 0px 45px;
  margin-bottom: 20px;
}

.ourmission-style-three .inner-box .inner-content .middle-content .text:before {
  position: absolute;
  content: '';
  background: #fff;
  width: 33px;
  height: 2px;
  left: 0px;
  top: 12px;
}

.ourmission-style-three .inner-box .inner-content .middle-content .text:after {
  position: absolute;
  content: '';
  background: #fff;
  width: 9px;
  height: 9px;
  left: 0px;
  top: 8px;
  border-radius: 50%;
}

.ourmission-style-three .inner-box .inner-content .middle-content .text:last-child,
.ourmission-style-three .inner-box .inner-content .lower-content .text{
  margin-bottom: 0px;
}

.ourmission-style-three .inner-box .inner-content .middle-content{
  position: relative;
  display: block;
  margin-bottom: 42px;
  padding-left: 15px;
}

.ourmission-style-three .content-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 35px;
  line-height: 35px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 1px;
}

.ourmission-style-three .content-box h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 45px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 18px;
}

.ourmission-style-three .content-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #082b5f;
  padding: 17px 27px;
  text-align: center;
  text-transform: uppercase;
}

.ourmission-style-three .content-box .btn-box a:hover{
  transform: translateY(-5px);
}

.ourmission-style-three .content-box{
  position: relative;
  display: block;
  padding-top: 86px;
  padding-bottom: 180px;
}

.ourmission-style-three .content-box .title-text{
  position: absolute;
  left: -90px;
  bottom: -25px;
  font-size: 125px;
  line-height: 100px;
  font-weight: 700;
  color: #fff;
}


/** service-style-three **/

.service-style-three{
  position: relative;
  display: block;
  padding: 155px 0px 60px 0px;
}

.service-style-three .sec-title{
  margin-bottom: 35px;
}

.service-style-three .sec-title h1{
  color: #272727;
}

.service-style-three .sec-title .top-text{
  position: relative;
  display: block;
  font-size: 16px;
  color: #082b5f;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.service-block-three .inner-box{
  position: relative;
  display: block;
  background: #fff;
  overflow: hidden;
}

.service-block-three .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: #0c0d24;
}

.service-block-three .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.service-block-three:hover .inner-box .image-box img{
  opacity: 0.2;
  transform: scale(1.01);
}

.service-block-three .inner-box .lower-content{
  position: relative;
  display: block;
  background: #fff;
  padding: 23px 0px 20px 0px;
}

.service-block-three .inner-box .lower-content h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 11px;
}

.service-block-three .inner-box .lower-content h3 a{
  color: #272727;
}

.service-block-three .inner-box .lower-content h3 a:hover{
  color: #082b5f;
}

.service-block-three .inner-box .lower-content .text{
  position: relative;
  color: #737373;
  margin-bottom: 16px;
}

.service-block-three .inner-box .lower-content .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #272727;
  background: transparent;
  border: 1px solid #272727;
  text-align: center;
  padding: 3.5px 19px;
}

.service-block-three .inner-box .lower-content .btn-box a:hover{
  background: #082b5f;
  border-color: #082b5f;
  color: #fff;
}

.service-block-three .inner-box .lower-content .btn-box a i{
  font-size: 12px;
  margin-left: 8px;
}


/** wehelp-section **/

.wehelp-section{
  position: relative;
  display: block;
}

.wehelp-section .image-box{
  position: relative;
  display: block;
}

.wehelp-section .image-box img{
  max-width: none;
  float: right;
}

.wehelp-section .content-box{
  position: relative;
  display: block;
  margin: 33px 0px 0px -30px;
  background: #262425;
  padding: 93px 50px 93px 70px;
}

.wehelp-section .content-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/pattern-4.png);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-position: left center;
}

.wehelp-section .content-box:after{
  position: absolute;
  content: '';
  background: url(../images/icons/pattern-5.png);
  width: 233px;
  height: 233px;
  top: -70px;
  right: -130px;
  background-repeat: no-repeat;
  z-index: -1;
}

.wehelp-section .content-box .top-content .top-text{
  position: relative;
  display: block;
  font-size: 16px;
  color: #082b5f;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.wehelp-section .content-box .top-content .top-text:before{
  position: absolute;
  content: '';
  background: url(../images/icons/pattern-6.png);
  width: 79px;
  height: 72px;
  top: -90px;
  right: -45px;
  background-repeat: no-repeat;
}

.wehelp-section .content-box .top-content h1{
  position: relative;
  display: block;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  line-height: 48px;
  margin-bottom: 10px;
}

.wehelp-section .content-box .top-content h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #082b5f;
  font-weight: 700;
  margin-bottom: 21px;
}

.wehelp-section .content-box .top-content .text{
  position: relative;
  display: block;
  color: #d0cfcf;
}

.wehelp-section .content-box .top-content{
  position: relative;
  display: block;
  margin-bottom: 53px;
}

.wehelp-section .content-box .lower-content .single-item .icon-box{
  position: relative;
  display: inline-block;
  font-size: 60px;
  line-height: 60px;
  color: #fff;
  margin-bottom: 18px;
  transition: all 500ms ease;
}

.wehelp-section .content-box .lower-content .single-item:hover .icon-box{
  color: #082b5f;
}

.wehelp-section .content-box .lower-content .single-item h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 8px;
}

.wehelp-section .content-box .lower-content .single-item h5 a{
  position: relative;
  display: inline-block;
  color: #fff;
}

.wehelp-section .content-box .lower-content .single-item h5 a:hover{
  color: #082b5f;
}

.wehelp-section .content-box .lower-content .single-item .text{
  position: relative;
  display: block;
  color: #e0e0e0;
}

.wehelp-section .content-box .btn-box{
  position: absolute;
  left: -50px;
  bottom: -21px;
}

.wehelp-section .content-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  background: #082b5f;
  padding: 27px 51px;
  text-align: center;
  z-index: 1;
}

.wehelp-section .content-box .btn-box a:hover{
  background: #fb1810;
}

.wehelp-section .content-box .btn-box a:before{
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.3);
  width: 170px;
  height: 1px;
  left: 15px;
  top: 15px;
}

.wehelp-section .content-box .btn-box a:after{
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.3);
  width: 170px;
  height: 1px;
  left: 15px;
  bottom: 17px;
}

.wehelp-section .content-box .anim-icon-1{
  position: absolute;
  top: 60px;
  right: 70px;
  background: url(../images/icons/cap-3.png);
  width: 75px;
  height: 43px;
  background-repeat: no-repeat;
}

/** callto-action-style-two **/

.callto-action-style-two{
  position: relative;
  display: block;
  background: #fff;
  padding: 110px 0px 120px 0px;
}

.callto-action-style-two .sec-title{
  margin-bottom: 30px;
}

.callto-action-style-two .sec-title h1{
  color: #272727;
}

.callto-action-style-two .form-inner .form-group{
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.callto-action-style-two .form-inner .form-group:last-child{
  margin-bottom: 0px;
}

.callto-action-style-two .form-inner .form-group input[type='text'],
.callto-action-style-two .form-inner .form-group input[type='email'],
.callto-action-style-two .form-inner .form-group textarea{
  position: relative;
  width: 100%;
  height: 50px;
  background: #fff7f7;
  border: 1px solid #fff2f2;
  font-size: 16px;
  color: #61688a;
  padding: 10px 15px;
  transition: all 500ms ease;
}

.callto-action-style-two .form-inner .form-group input::-webkit-input-placeholder,
.callto-action-style-two .form-inner .form-group textarea::-webkit-input-placeholder{
  color:#61688a;
}

.callto-action-style-two .form-inner .form-group textarea{
  height: 185px;
  resize: none;
  margin-bottom: 3px;
}

.callto-action-style-two .form-inner .form-group button{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #082b5f;
  padding: 12px 46px;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
  text-transform: uppercase;
}

.callto-action-style-two .form-inner .form-group button:hover{
  transform: translateY(-5px);
}

.callto-action-style-two .form-inner .form-group input:focus,
.callto-action-style-two .form-inner .form-group textarea:focus{
  border-color: #082b5f;
}

.callto-action-style-two .form-inner{
  position: relative;
  display: block;
  margin-right: 30px;
  border: 1px solid #f4f4f4;
  padding: 50px 40px;
}

.callto-action-style-two .info-box{
  position: relative;
  display: block;
  margin-left: 40px;
}

.callto-action-style-two .info-box .address-box,
.callto-action-style-two .info-box .contact-box{
  position: relative;
  max-width: 310px;
  width: 100%;
  background: #fff;
  padding: 27px 20px 34px 35px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
  transition: all 500ms ease;
}

.callto-action-style-two .info-box .address-box:hover,
.callto-action-style-two .info-box .contact-box:hover{
  background: #082b5f;
}

.callto-action-style-two .info-box .address-box{
  margin-bottom: 30px;
}

.callto-action-style-two .info-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #272727;
  padding-bottom: 12px;
  margin-bottom: 12px;
  transition: all 500ms ease;
}

.callto-action-style-two .info-box h5:before{
  position: absolute;
  content: '';
  background: #082b5f;
  width: 55px;
  height: 2px;
  left: 0px;
  bottom: 0px;
  transition: all 500ms ease;
}

.callto-action-style-two .info-box .address-box:hover h5,
.callto-action-style-two .info-box .contact-box:hover h5{
  color: #fff;
}

.callto-action-style-two .info-box .address-box:hover h5:before,
.callto-action-style-two .info-box .contact-box:hover h5:before{
  background: #fff;
}

.callto-action-style-two .info-box .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #686868;
  transition: all 500ms ease;
}

.callto-action-style-two .info-box .contact-box .phone-list li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #686868;
  margin: 0px;
  transition: all 500ms ease;
}

.callto-action-style-two .info-box .contact-box .phone-list li a{
  color: #686868;
}

.callto-action-style-two .info-box .contact-box .phone-list{
  position: relative;
  display: block;
  margin-bottom: 13px;
}

.callto-action-style-two .info-box .contact-box .mail-box a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  color: #272727;
  font-weight: 700;
}

.callto-action-style-two .info-box .contact-box .mail-box a:hover{
  color: #082b5f;
}

.callto-action-style-two .info-box .contact-box{
  padding: 28px 20px 45px 35px;
}

.callto-action-style-two .info-box .contact-box .text{
  margin-bottom: 16px;
}

.callto-action-style-two .info-box .address-box:hover .text,
.callto-action-style-two .info-box .contact-box:hover .text,
.callto-action-style-two .info-box .contact-box:hover .phone-list li,
.callto-action-style-two .info-box .contact-box:hover .phone-list li a{
  color: #ffd3d2;
}

.callto-action-style-two .info-box .contact-box:hover .mail-box a{
  color: #fff;
}

.callto-action-style-two .info-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/map.png);
  width: 596px;
  height: 392px;
  left: -60px;
  top: 50px;
  background-repeat: no-repeat;
  animation-name: slideInRight;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  -webkit-animation-name: slideInRight;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: slideInRight;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: slideInRight;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}


/** subscribe-section **/
.subscribe-section{
  position: relative;
  display: block;
  padding: 55px 0px 30px 0px;
}

.subscribe-section .inner-box{
  position: relative;
  max-width: 1005px;
  width: 100%;
}

.subscribe-section .inner-box .icon-box{
  position: absolute;
  left: 0px;
  top: -16px;
  width: 164px;
  height: 186px;
}
.subscribe-section .inner-box .content-box{
  position: relative;
  display: block;
  padding: 0px 0px 0px 200px;
  text-align: center;
}

.subscribe-section .inner-box .content-box h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5px;
}
.subscribe-section .inner-box .content-box h4{
  color: white;
  margin-bottom: 10px;
    
}
.subscribe-section .inner-box .content-box .text{
  position: relative;
  display: block;
  line-height: 28px;
  color: #fff;
  margin-bottom: 20px;
}

.subscribe-section .inner-box .content-box .subscribe-form .form-group{
  position: relative;
  width: 100%;
  display: block;
  margin: 0px;
}

.subscribe-section .inner-box .content-box .subscribe-form .form-group input[type='email']{
  position: relative;
  width: calc(100% - 257px);
  height: 70px;
  padding: 10px 20px;
  border-bottom: 1px solid #ffbab8;
  font-size: 16px;
  color: #ffb2b0;
  background: transparent;
  transition: all 500ms ease;
}

.subscribe-section .inner-box .content-box .subscribe-form .form-group input:focus{
  border-color: #0c0d24;
}

.subscribe-section .inner-box .content-box .subscribe-form .form-group input::-webkit-input-placeholder{
  color:#ffb2b0;
}
.form-group{
  position: relative;
  top: 0px;
  right: 0px;
  font-size: 16px;
  font-weight: 700;
  color: #082b5f;
  background: #fff;
  font-weight: 700;
  text-align: center;
  padding: 15px 30px;
  border-radius: 5px;
  transition: all 500ms ease;
}

.subscribe-section .inner-box .content-box .subscribe-form .form-group button:hover{
  color: #0c0d24;
}


/** footer-style-three **/

.main-footer.style-three{
  position: relative;
  background: #161212;
}

.main-footer.style-three .widget-title{
  color: #fff;
}

.main-footer.style-three .footer-top .company-widget{
  margin-left: 0px;
}

.main-footer.style-three .footer-top .links-widget .widget-content ul li a,
.main-footer.style-three .footer-top .logo-widget .text,
.main-footer.style-three .footer-bottom .copyright{
  color: #cdcdcd;
}

.main-footer.style-three .footer-top .links-widget .widget-content ul li a:hover,
.main-footer.style-three .footer-bottom .footer-social li a:hover{
  color: #082b5f;
}

.main-footer.style-three .footer-bottom .footer-social li a{
  color: #fff;
}

.main-footer.style-three .footer-top{
  border-bottom: 1px solid #251f1f;
}



/*** 

====================================================================
                        Home-Page-Four
====================================================================

***/


/** header-style-four **/

.main-header.style-four{
  position: relative;
}

.main-header.style-four .header-top{
  background: #0c0d24;
}

.main-header.style-four .header-bottom .outer-container .nav-outer{
  top: 40px;
  padding-left: 30px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.main-header.style-four .header-bottom .outer-container .nav-outer:before{
  position: absolute;
  content: '';
  background: #fff;
  width: calc(100% - 26px);
  height: 100%;
  left: 13px;
  top: 15px;
  z-index: -1;
}

.main-header.style-four .header-top .header-info li a{
  color: #dededf;
  text-transform: uppercase;
}

.main-header.style-four .header-top .header-info li a:hover,
.main-header.style-four .header-top .header-nav li a:hover{
  color: #fe2a37;
}

.main-header.style-four .header-top .header-nav li,
.main-header.style-four .header-top .header-nav li a,
.main-header.style-four .header-top .header-nav .language a:hover{
  color: #dededf;
}

.main-header.style-four .header-top .header-nav li.phone i{
  position: relative;
  font-size: 20px;
  margin-right: 10px;
  font-weight: 600;
  color: #ced6dd;
  top: 3px;
}

.main-header.style-four .header-top .header-nav .language .dropdown-toggle{
  border-color: #313363;
}

.main-header.style-four .header-bottom .logo-box {
  position: relative;
  float: left;
  margin: 0px 60px 0px 0px;
  padding: 12px 0px 10px 0px;
}

.main-header.style-four .header-bottom .info-box .btn-box{
  float: left;
}

.main-header.style-four .header-bottom .info-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #fe2a37;
  padding: 24px 31px;
  text-align: center;
}

.main-header.style-four .header-bottom .info-box .btn-box a i{
  font-size: 12px;
  margin-right: 8px;
  transition: all 500ms ease;
}

.main-header.style-four .header-bottom .info-box .btn-box a:hover i{
  transform: rotate(360deg);
}

.main-header.style-four .header-bottom .info-box{
  padding: 0px;
}


.main-header.style-four .header-bottom .info-box .search-box{
  margin-top: 21px;
  margin-right: 13px;
}

/** intro-section **/

.intro-section{
  position: relative;
}

.intro-section .inner-container{
  position: relative;
  display: block;
  background: #fff;
  padding: 50px 115px;
  border-radius: 10px;
  margin-top: -125px;
  z-index: 1;
}

.intro-section .inner-container .single-item{
  position: relative;
  float: left;
  width: 25%;
}

.intro-section .inner-container .single-item .inner-box{
  position: relative;
  display: block;
  text-align: center;
  max-width: 212px;
  margin: 0 auto;
  border: 1px solid #cfcfcf;
  background: #fff;
  border-radius: 10px;
  padding: 42px 10px 36px 10px;
  transition: all 500ms ease;
}

.intro-section .inner-container .single-item .inner-box:hover{
  background: #fe2a37;
  border-color: #fe2a37;
}

.intro-section .inner-container .single-item .inner-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 60px;
  line-height: 60px;
  color: #000;
  margin-bottom: 6px;
  transition: all 500ms ease;
}

.intro-section .inner-container .single-item .inner-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #16161b;
  font-weight: 700;
}

.intro-section .inner-container .single-item .inner-box h5 a{
  position: relative;
  display: inline-block;
  color: #16161b;
}

.intro-section .inner-container .single-item .inner-box:hover .icon-box,
.intro-section .inner-container .single-item .inner-box:hover h5,
.intro-section .inner-container .single-item .inner-box:hover h5 a{
  color: #fff;
}

/** footer-style-four **/

.main-footer.style-four{
  position: relative;
  background: #fff;
}

.main-footer.style-four .widget-title{
  color: #0c0d24;
}

.main-footer.style-four:after{
  display: none;
}

.main-footer.style-four:before{
  position: absolute;
  content: '';
  background: url(../images/icons/footer-icon-5.png);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-position: center;
  animation-name: footer-animate;
  animation-duration: 70s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: footer-animate;
  -webkit-animation-duration: 70s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: footer-animate;
  -moz-animation-duration: 70s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: footer-animate;
  -ms-animation-duration: 70s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: footer-animate;
  -o-animation-duration: 70s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.main-footer.style-four .footer-top .links-widget .widget-content ul li a:hover,
.main-footer.style-four .footer-bottom .footer-social li a:hover{
  color: #fe2a37;
}



/*** 

====================================================================
                        Home-Page-Five
====================================================================

***/


/** header-style-five **/

.main-header.style-five{
  position: relative;
}

.main-header.style-five .header-bottom .info-box .btn-box a{
  background: #4ed63c;
}

.main-header.style-five .header-bottom .info-box .search-box .header-flyout-searchbar i:hover{
  color: #4ed63c;
}


/** about-style-four **/

.about-style-four{
  position: relative;
  display: block;
  padding: 100px 0px 0px;
}

.about-style-four .top-content .content-box .top-text{
  position: relative;
  display: block;
  font-size: 16px;
  color: #4ed63c;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.about-style-four .top-content .content-box h1{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 48px;
  color: #0c0d24;
  font-weight: 700;
  margin-bottom: 12px;
}

.about-style-four .top-content .content-box .text p{
  position: relative;
  display: block;
  color: #77787f;
  margin-bottom: 10px;
}

.about-style-four .top-content .content-box .text p:last-child{
  margin-bottom: 0px;
}

.about-style-four .top-content .content-box{
  position: relative;
  display: block;
  margin-right: 15px;
}

.about-style-four .top-content .inner-box{
  position: relative;
  display: block;
  margin-top: 7px;
}

.about-style-four .top-content .inner-box .single-item{
  position: relative;
  display: block;
  margin-bottom: 23px;
}

.about-style-four .top-content .inner-box .single-item .icon-box{
  position: relative;
  display: inline-block;
  font-size: 60px;
  line-height: 60px;
  color: #000;
  margin-bottom: 7px;
  transition: all 500ms ease;
}

.about-style-four .top-content .inner-box .single-item:hover .icon-box{
  color: #4ed63c;
}

.about-style-four .top-content .inner-box .single-item h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #0c0d24;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.about-style-four .top-content .inner-box .single-item h5 a{
  position: relative;
  display: inline-block;
  color: #0c0d24;
}

.about-style-four .top-content .inner-box .single-item h5 a:hover{
  color: #4ed63c;
}

.about-style-four .top-content .inner-box .single-item .text{
  position: relative;
  display: block;
}

.about-style-four .lower-content .image-box{
  position: relative;
  display: block;
  margin-right: 40px;
}

.about-style-four .lower-content .image-box img{
  width: 100%;
}

.about-style-four .lower-content .inner-box{
  position: relative;
  display: block;
  margin-left: -110px;
}

.about-style-four .lower-content .inner-box .inner-content{
  position: absolute;
  left: 0px;
  top: 80px;
  right: 0px;
  background: #4ed63c;
  width: 100%;
  padding: 47px 50px 27px 115px;
}

.about-style-four .lower-content .inner-box .inner-content h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 35px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 12px;
}

.about-style-four .lower-content .inner-box .inner-content .text{
  position: relative;
  display: block;
  color: #e3f7e1;
}

.about-style-four .lower-content .inner-box .inner-content .content-one .text{
  margin-bottom: 13px;
}

.about-style-four .lower-content .inner-box .inner-content .content-one h5{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #e3f7e1;
  font-weight: 700;
  margin-bottom: 26px;
}

.about-style-four .lower-content .inner-box .inner-content .content-one .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #0c0d24;
  background: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 12px 44px;
}

.about-style-four .lower-content .inner-box .inner-content .content-one .btn-box a:hover{
  transform: translateY(-5px);
}

.about-style-four .lower-content .inner-box .inner-content .content-one{
  position: relative;
  display: block;
  margin-bottom: 46px;
}

.about-style-four .lower-content .inner-box .inner-content .video-box{
  position: absolute;
  left: -50px;
  bottom: 40px;
}

.about-style-four .lower-content .inner-box .inner-content .video-box a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #4ed63c;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
  -webkit-animation: pulse 5s infinite;
  -o-animation: pulse 5s infinite;
  animation: pulse 5s infinite;
}

.about-style-four .lower-content .inner-box .inner-content .content-two h2{
  margin-bottom: 2px;
}

.about-style-four .lower-content{
  position: relative;
  display: block;
  margin-top: -44px;
}


/** energy-section **/

.energy-section{
  position: relative;
  display: block;
  padding: 120px 0px 50px 0px;
}

.energy-section .left-content{
  position: relative;
  display: block;
  margin-right: -35px;
  margin-top: 4px;
}

.energy-section .left-content .top-box .top-text{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background: #082b5f;
  padding: 2px 14px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 6px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.energy-section .left-content .top-box .sec-title h1{
  color: #0c0d24;
  line-height: 35px;
  margin-bottom: 7px;
}

.energy-section .left-content .top-box .text{
  position: relative;
  display: block;
  color: #3c3c49;
  text-align: justify;
}

.energy-section .left-content .top-box{
  position: relative;
  display: block;
  margin-bottom: 28px;
}
.energy-section .left-content .inner-box{
  position: relative;
  display: inline-block;
  max-width: 400px;
  min-height: 400px;
  width: 100%;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  padding: 90px 30px 35px 70px;
}

.energy-section .left-content .inner-box h1{
  position: relative;
  display: block;
  font-size: 72px;
  line-height: 70px;
  color: #0c0d24;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.energy-section .left-content .inner-box h1 span{
  font-size: 16px;
  font-weight: 400;
}

.energy-section .left-content .inner-box h3{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #0c0d24;
}
.energy-section .left-content .inner-box:before{
  position: absolute;
  content: '';
  background: url(../images/shap-5.png);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  border-radius: 50%;
  animation-name: rotateme;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 60s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme;
  -moz-animation-duration: 60s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme;
  -ms-animation-duration: 60s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme;
  -o-animation-duration: 60s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.energy-section .right-content{
  position: relative;
  display: block;
  min-height: 640px;
}

.energy-section .right-content .image-box{
  position: relative;
  display: block;
  margin-left: 120px;
  background: #082b5f;
  padding-bottom: 70px;
  margin-right: -377px;
}

.energy-section .right-content .image-box img{
  width: 100%;
}

.energy-section .right-content .inner-box{
  position: absolute;
  left: -130px;
  bottom: -37px;
  background: #fff;
  max-width: 550px;
  width: 100%;
  padding: 40px 30px 30px 30px;
}

.energy-section .right-content .inner-box h3{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 35px;
  color: #0c0d24;
  font-weight: 700;
  margin-bottom: 13px;
}
.energy-section .right-content .inner-box .text p{
  position: relative;
  display: block;
  color: #3c3c49;
  margin-bottom: 7px;
  text-align: justify;
}

.energy-section .right-content .inner-box .text p:last-child{
  margin-bottom: 0px;
}

.energy-section .right-content .inner-box .text{
  position: relative;
  display: block;
  margin-bottom: 8px;
}

.energy-section .right-content .inner-box a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #082b5f;
}

.energy-section .right-content .inner-box a:hover{
  color: #0c0d24;
}

.energy-section .right-content .inner-box a i{
  position: relative;
  top: 3px;
  margin-left: 8px;
}

.main-footer.style-four.home-5:before{
  background: url(../images/icons/footer-icon-6.png);
  background-position: center;
  background-repeat: no-repeat;
}

.main-footer.style-four.home-5 .footer-top{
  padding-top: 100px;
}

.main-footer.style-four.home-5 .footer-bottom .footer-social li a:hover {
  color: #4ed63c;
}

.main-footer.style-four.home-5 .footer-top .links-widget .widget-content ul li a:hover{
  color: #4ed63c;
}



/*** 

====================================================================
                        Home-Page-Six
====================================================================

***/

/** header-style-six **/

.main-header.style-six{
  position: relative;
}

.main-header.style-six .header-top{
  background: #fff;
}

.main-header.style-six .header-top .header-info li a,
.main-header.style-six .header-top .header-nav li, 
.main-header.style-six .header-top .header-nav li a, 
.main-header.style-six .header-top .header-nav .language a:hover,
.main-header.style-six .header-top .header-nav li.phone i{
  color: #5d5d66;
}

.main-header.style-six .header-top .header-info li a:hover,
.main-header.style-six .header-top .header-nav li a:hover{
  color: #fc9a36;
}

.main-header.style-six .header-top .header-nav .language .dropdown-toggle{
  border-color: #e7e7e7;
}

.main-header.style-six .header-upper{
  background: #fff;
  padding: 0px;
  box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.05);
}

.main-header.style-six .header-upper .left-content{
  position: relative;
  padding: 32px 0px 22px 0px;
}

.main-header.style-six .header-upper .right-content{
  padding: 16px 0px 15px 0px;
}

.main-header.style-six .header-upper .inner-container{
  position: relative;
  display: block;
  border-bottom: 1px solid #e1e2e3;
}

.main-header.style-six .header-upper .info-box,
.main-header.style-six .header-upper .btn-box{
  position: relative;
  display: inline-block;
}

.main-header.style-six .header-upper .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #fc9a36;
  text-align: center;
  padding: 24px 51px;
}

.main-header.style-six .header-upper .btn-box a:hover{
  background: #f78613;
}

.main-header.style-six .header-upper .info-box{
  position: relative;
  padding: 0px 30px 0px 55px;
  top: 15px;
}

.main-header.style-six .header-upper .info-box .icon-box{
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 45px;
  line-height: 45px;
  color: #000;
}

.main-header.style-six .header-upper .info-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #000;
  font-weight: 700;
}

.main-header.style-six .header-upper .info-box h3 a{
  color: #000;
  font-size: 24px;
}

.main-header.style-six .header-upper .info-box h3 a:hover{
  color: #fc9a36;
}

.main-header.style-six .header-upper .info-box .text{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 22px;
  color: #77787f;
}

.main-header.style-six .header-bottom .outer-container .nav-outer{
  position: relative;
  top: 0px;
  box-shadow: none;
  padding: 0px;
}

.main-header.style-six .header-bottom .outer-container .nav-outer:before{
  display: none;
}

.main-header.style-six .header-bottom .info-box .social-links li{
  margin: 0px 3px;
}

.main-header.style-six .header-bottom .info-box .social-links li a{
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #ececec;
  border-radius: 50%;
  font-size: 15px;
  color: #0c0d24;
}

.main-header.style-six .header-bottom .info-box .social-links li a:hover{
  border-color: #fc9a36;
  color: #fc9a36;
}

.main-header.style-six .header-bottom .info-box .search-box{
  margin-left: 20px;
}

.main-header.style-six .header-bottom .info-box .search-box .header-flyout-searchbar i:hover{
  color: #fc9a36;
}

.main-header.style-six .main-menu .navigation > li > a{
  padding: 26px 0px;
}

.main-header.style-six .header-bottom .info-box .social-links{
  margin-top: 15px;
}

.main-header.style-six .header-bottom{
  background: #fff;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.05);
}


/** slider-style-six **/

.slider-style-six{
  position: relative;
}

.slider-style-six .content-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  background: #fff;
  color: #0c0d24;
  border-radius: 0px;
  text-align: center;
  padding: 17px 45px;
  text-transform: uppercase;
}

.slider-style-six .content-box .btn-box a.btn-one{
  margin-right: 15px;
}

.slider-style-six .content-box .btn-box a.btn-two,
.slider-style-six .content-box .btn-box a.btn-one:hover{
  color: #fff;
  background: #fc9a36;
}

.slider-style-six .content-box .btn-box a.btn-two:hover{
  background: #fff;
  color: #0c0d24;
}

.slider-style-six .slide {
  padding: 230px 0px 210px 0px;
}

.slider-style-six .slide:before{
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.65);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.slider-style-six .owl-dots {
  position: absolute;
  left: 370px;
  top: 100%;
  transform: translateY(-50px);
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.slider-style-six .owl-theme .owl-dots .owl-dot{
  display: inline-block;
}

.slider-style-six .owl-theme .owl-dots .owl-dot span{
  position: relative;
  width: 10px;
  height: 10px;
  background: #fc9a36;
  border-radius: 50%;
  margin: 0px 5px;
}

.slider-style-six .owl-theme .owl-dots .owl-dot.active span,
.slider-style-six .owl-theme .owl-dots .owl-dot span:hover{
  width: 17px;
  height: 17px;
  background: transparent;
  border: 3px solid #fc9a36;
  top: 3px;
}

.service-block-four .inner-box{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 48px 30px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.service-block-four .inner-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 65px;
  line-height: 65px;
  color: #fc9a36;
  margin-bottom: 22px;
}

.service-block-four .inner-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #0c0d24;
  font-weight: 700;
  margin-bottom: 9px;
}

.service-block-four .inner-box h3 a{
  position: relative;
  display: inline-block;
  color: #0c0d24;
}

.service-block-four .inner-box h3 a:hover{
  color: #fc9a36;
}

.service-block-four .inner-box .text{
  position: relative;
  display: block;
  font-size: 16px;
  margin-bottom: 24px;
}

.service-block-four .inner-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #0c0d24;
  line-height: 26px;
  border: 1px solid #e9e9e9;
  padding: 6px 35px;
  text-align: center;
}

.service-block-four .inner-box .btn-box a:hover{
  color: #fff;
  background: #fc9a36;
  border-color: #fc9a36;
}

.service-block-four .inner-box .left-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  display: block;
}

.service-block-four .inner-box .right-layer {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  display: block;
}

.service-block-four .inner-box .left-layer:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 50%;
  height: 0%;
  display: block;
  background-color: #f4f4f4;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.service-block-four .inner-box .left-layer:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 50%;
  height: 0%;
  display: block;
  background-color: #f4f4f4;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.service-block-four .inner-box .right-layer:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 50%;
  height: 0%;
  display: block;
  background-color: #f4f4f4;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.service-block-four .inner-box .right-layer:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 50%;
  height: 0%;
  display: block;
  background-color: #f4f4f4;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.service-block-four:hover .inner-box .left-layer:before, 
.service-block-four:hover .inner-box .left-layer:after {
  height: 100%;
}

.service-block-four:hover .inner-box .right-layer:before, 
.service-block-four:hover .inner-box .right-layer:after {
  height: 100%;
}

/** select-box **/

.select-box .ui-state-default {
  position: relative;
  display: block;
  background: #ffffff;
  border: 1px solid #e9e9e9 !important;
  border: none;
  border-radius: 10px;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  height: 55px;
  outline: medium none;
  width: 100%;
  cursor: pointer;
}

.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: #545565;
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-size: 17px;
  overflow: visible;
  position: absolute;
  right: 21px;
  top: 12px;
  transition: all 500ms ease;
}

.select-box .ui-selectmenu-button:hover span.ui-icon::before{
  color: #fd571c;
}

.select-box .ui-state-default {
  width: 100% !important;
}

.ui-selectmenu-open .ui-widget-content {
  border: none;
  background: #ffffff;
  color: #222222;
  border-radius: 10px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.10);
}

.ui-selectmenu-open .ui-widget-content .ui-state-focus {
  border: none;
  background: #fd571c;
  font-weight: normal;
  color: #ffffff;
}

.ui-selectmenu-open .ui-menu .ui-menu-item {
  border-bottom: 1px solid #efebea;
  position: relative;
  margin: 0;
  padding: 15px 15px;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  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: 19px 19px;
  height: 55px;
  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);
}



/** industries-section **/

.industries-section{
  position: relative;
  display: block;
  padding: 80px 0px 0px;
  margin-bottom: -130px;
  z-index: 1;
}

.industries-section .content-box .top-box h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 47px;
  color: #000;
  font-weight: 700;
  margin-bottom: 5px;
}

.industries-section .content-box .top-box .text p{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 8px;
}

.industries-section .content-box .top-box .text p:last-child{
  margin-bottom: 0px;
}

.industries-section .content-box .top-box .text{
  position: relative;
  display: block;
  margin-bottom: 22px;
}

.industries-section .content-box .top-box .list-text li{
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #5d5d66;
  padding: 0px 0px 0px 20px;
}

.industries-section .content-box .top-box .list-text li:before{
  position: absolute;
  content: "\f0da";
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  color: #3d3d50;
  font-weight: 700;
  left: 0px;
  top: 1px;
}

.industries-section .content-box .top-box{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.industries-section .content-box .lower-box{
  position: absolute;
  left: 0px;
  bottom: 3px;
  background: #fc9a36;
  padding: 31px 30px 45px 40px;
  min-width: 675px;
  width: 100%;
  z-index: 1;
}

.industries-section .content-box{
  position: relative;
  display: block;
  min-height: 580px;
}

.industries-section .image-box{
  position: relative;
  display: block;
  margin-top: 9px;
}

.industries-section .image-box img{
  width: 100%;
}

.industries-section .content-box .lower-box h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 47px;
  color: #fff;
  font-weight: 700;
}

.industries-section .content-box .lower-box a{
  position: absolute;
  right: 30px;
  bottom: 15px;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  border-bottom: 1px solid #fff;
}

.industries-section .content-box .lower-box a:hover{
  color: #0c0d24;
  border-color: #0c0d24;
}
.counter-block-two .inner-box{
  position: relative;
  display: block;
  background: #fff;
  text-align: center;
  padding: 40px 30px 30px 30px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  z-index: 1;
  transition: all 500ms ease;
}

.counter-block-two .inner-box:hover{
  background: #fd571c;
}

.counter-block-two .inner-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 65px;
  line-height: 50px;
  color: #000;
  transition: all 500ms ease;
}

.counter-block-two .inner-box .count-outer span{
  position: relative;
  display: inline-block;
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
  color: #0c0d24;
  margin-bottom: 16px;
  transition: all 500ms ease;
}

.counter-block-two:hover .inner-box .icon-box,
.counter-block-two:hover .inner-box .count-outer span,
.counter-block-two:hover .inner-box .text{
  color: #fff;
}

.counter-block-two:hover .inner-box .text{
  border-color: rgba(255, 255, 255, 0.5);
}

.counter-block-two .inner-box .text{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #3c3c49;
  padding-top: 4px;
  border-top: 1px solid #0c0d24;
  transition: all 500ms ease;
}

/** project-style-five **/

.project-style-five{
  position: relative;
  display: block;
  padding: 63px 0px 0px;
  /*! background: #19191d; */
}

.project-tab .p-tab {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}

.project-tab .p-tab.active-tab {
  position: relative;
  visibility: visible;
  opacity: 1;
  z-index: 5;
}

.project-tab .p-tabs-content {
  position: relative;
  display: block;
}

.project-tab .p-tab.active-tab .project-block-five {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.project-tab .p-tab .project-block-five {
  position: relative;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -moz-transform: scaleX(0);
  transform: scaleX(0);
}
.project-style-five .top-content{
  position: relative;
  display: block;
  margin-bottom: 50px;
}

.project-style-five .top-content .title-box{
  position: relative;
  /*! max-width: 500px; */
  width: 100%;
  text-align: center;
}

.project-style-five .top-content .title-box .top-text{
  position: relative;
  display: block;
  font-size: 16px;
  color: #4ed63c;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.project-style-five .top-content .title-box h1{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 48px;
  color: #000;
  font-weight: 700;
  margin-bottom: 9px;
}
.project-style-five .top-content .title-box .text{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #565555;
}

.project-style-five .top-content .tab-btn-box{
  position: relative;
  float: right;
}

.project-style-five .top-content .tab-btn-box .product-tab-btns{
  position: relative;
  display: block;
  margin-top: 95px;
}

.project-style-five .top-content .tab-btn-box .product-tab-btns li.active-btn, 
.project-style-five .top-content .tab-btn-box .product-tab-btns li:hover {
  background: #4ed63c;
}

.project-style-five .top-content .tab-btn-box .product-tab-btns li {
  position: relative;
  float: left;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 10px;
  text-align: center;
  background: transparent;
  cursor: pointer;
  transition: all 500ms ease;
}

.project-block-five .inner-box{
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden;
}

.project-block-five .inner-box .image-box{
  position: relative;
  display: block;
  background: #fff;
  overflow: hidden;
}

.project-block-five .inner-box img{
  width: 100%;
  transform: scale(1.0);
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: all;
  transition-property: all;
}

.project-block-five:hover .inner-box img{
  opacity: 0.5;
  transform: scale(1.2) rotate(0deg);
}

.project-style-five .owl-dots,
.project-style-five .owl-nav{
  display: none;
}

.project-block-five .inner-box .image-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  box-shadow: inset 0px -140px 50px -40px rgba(0, 0, 0, 0.7);
  z-index: 1;
  transition: all 500ms ease;
}

.project-block-five .inner-box .content-box{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 70px 60px 40px 60px;
  z-index: 1;
}
.project-block-five .inner-box .content-box h4{
  position: relative;
  display: inline-block;
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  transition: all 500ms ease;
}

.project-block-five .inner-box .content-box h4 a{
  position: relative;
  display: inline-block;
  color: #fff;
}

.project-block-five:hover .inner-box .content-box h4,
.project-block-five:hover .inner-box .content-box h4 a{
  color: #d83423;
}
.project-style-five .lower-content{
  position: relative;
  display: block;
  background: #2d2d2d;
  padding: 40px 0px 44px 0px;
}

.project-style-five .lower-content .inner-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  max-width: 800px;
  width: 100%;
}
.project-style-five .lower-content .inner-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #0c0d24;
  text-transform: capitalize;
  text-align: center;
  background: #fff;
  border-radius: 30px;
  padding: 12px 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.project-style-five .lower-content .inner-box .btn-box a:hover{
  transform: translateY(-5px);
}

.project-style-five .lower-content .inner-box .btn-box{
  position: relative;
  margin-top: 10px;
}
/** footer-style-five **/

.main-footer.style-five{
  position: relative;
  background-color: #fffaf5;
}

.main-footer.style-five:before,
.main-footer.style-five:after{
  display: none;
}

.main-footer.style-five .widget-section .footer-widget{
  position: relative;
  float: left;
  width: 20%;
}

.main-footer.style-five .widget-section .contact-widget .widget-content .text{
  position: relative;
  display: block;
  color: #44434e;
  margin-bottom: 20px;
}

.main-footer.style-five .widget-section .contact-widget .widget-content .info-list li{
  position: relative;
  display: block;
  color: #44434e;
}

.main-footer.style-five .widget-section .contact-widget .widget-content .info-list li a,
.main-footer.style-five .footer-top .links-widget .widget-content ul li a{
  color: #44434e;
}

.main-footer.style-five .widget-section .contact-widget .widget-content .info-list li a:hover,
.main-footer.style-five .footer-top .links-widget .widget-content ul li a:hover{
  color: #fc9a36;
}

.main-footer.style-five .widget-title{
  color: #0c0d24;
}

.main-footer.style-five .footer-top .company-widget{
  margin: 0px;
}

.main-footer.style-five .widget-section .social-widget .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.main-footer.style-five .widget-section .social-widget .social-links li:last-child{
  margin-right: 0px;
}

.main-footer.style-five .widget-section .social-widget .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 17px;
  color: #0c0d24;
}

.main-footer.style-five .widget-section .social-widget .social-links li a:hover{
  color: #fc9a36;
}

.main-footer.style-five .widget-section .social-widget .widget-title{
  margin-bottom: 29px;
}

.main-footer.style-five .footer-bottom{
  padding: 24px 0px;
}

.main-footer.style-five .footer-bottom .copyright{
  margin-top: 13px;
}

.main-footer.style-five .footer-top{
  padding: 80px 0px 45px 0px;
}



/*** 

====================================================================
                        Home-Page-Seven
====================================================================

***/

.xs-sidebar-group .xs-overlay{
  left:0%;
  top:0;
  position:fixed;
  height:100%;
  opacity:0;
  width:100%;
  visibility:hidden;
  -webkit-transition:all .4s ease-in .8s;
  -o-transition:all .4s ease-in .8s;
  transition:all .4s ease-in .8s;
  cursor:url(../images/icons/cross-out.png),
  pointer; 
  z-index: 999999;
}

.xs-sidebar-group.isActive .xs-overlay{
  opacity:.9;
  visibility:visible;
  -webkit-transition:all .8s ease-out 0s;
  -o-transition:all .8s ease-out 0s;
  transition:all .8s ease-out 0s;
  right:100%;
}

.xs-sidebar-group .widget-heading{
  position:absolute;
  top:0;
  right:0;
  padding:25px;
}

.xs-sidebar-widget{
  position:fixed;
  left:-100%;
  top:0;
  bottom:0;
  width:100%;
  max-width:360px;
  z-index:999999;
  overflow:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background-color:#272727;
  -webkit-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition:all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility:hidden;
  opacity:0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget{
  opacity:1;
  visibility:visible;
  left:0;
  -webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  -o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget{
  padding:40px;
}

.close-side-widget{
  color:#1768dd;
  display:block;
}

.sidebar-widget-container{
  position:relative;
  top:150px;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .3s ease-in .3s;
  -o-transition:all .3s ease-in .3s;
  transition:all .3s ease-in .3s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container{
  top:0px;
  opacity:1;
  visibility:visible;
  -webkit-transition:all 1s ease-out 1.2s;
  -o-transition:all 1s ease-out 1.2s;
  transition:all 1s ease-out 1.2s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.xs-overlay{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  opacity:.5;
  z-index:0;
}

.xs-bg-black{
  background-color:#000000;
}

.xs-menu-tools>li{
  display:inline-block;
  margin-right:15px;
}

.xs-menu-tools>li:last-child{
  margin-right:0;
}

.xs-menu-tools>li>a{
  color:#000000;
  text-decoration:none;
}

.sidebar-info-contents{
  position:relative;
}

.close-side-widget{
  position:relative;
  color:#ffffff;
  font-size:24px;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
}

.close-side-widget:hover{
  color:#ff5e85;
}

.sidebar-info-contents .content-inner{
  position:relative;
}

.sidebar-info-contents .content-inner .logo {
  padding:0px 0px 40px;
}

.sidebar-info-contents .content-inner .logo img{
  display:inline-block;
  max-width:100%; 
}

.sidebar-info-contents .content-inner .content-box{
  position:relative;
}

.sidebar-info-contents .content-inner .content-box h4{
  position:relative;
  font-size:20px;
  color:#ffffff;
  font-weight:700;
  margin-bottom:20px;
}

.sidebar-info-contents .content-inner .content-box .text{
  position:relative;
  font-size:15px;
  color:rgba(255,255,255,0.80);
  margin-bottom:25px;
}

.sidebar-info-contents .content-inner .content-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  background: #ff5e85;
  color: #fff;
  border-radius: 0px;
  text-align: center;
  padding: 12px 45px;
  text-transform: uppercase;
}


.sidebar-info-contents .content-inner .content-box a:hover{
  background: #fff;
  color: #ff5e85;
}

.sidebar-info-contents .content-inner .contact-info{
  position:relative;
  margin-top:60px;
}

.sidebar-info-contents .content-inner .contact-info ul li{
  position:relative;
  display: block;
  font-size:15px;
  color:rgba(255,255,255,0.80);
  margin-bottom:3px;
}

.sidebar-info-contents .content-inner .contact-info ul li a{
  color:rgba(255,255,255,0.80);
}

.sidebar-info-contents .content-inner .contact-info ul li a:hover{
  color: #ff5e85;
}

.sidebar-info-contents .content-inner .contact-info h4{
  position:relative;
  font-size:20px;
  color:#ffffff;
  font-weight:700;
  margin-bottom:20px;
}

.sidebar-info-contents .content-inner .social-box{
  position:relative;
  margin-top:20px;
  margin-bottom:30px;
}

.sidebar-info-contents .content-inner .social-box li{
  position:relative;
  display:inline-block;
  margin-right:6px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a{
  position:relative;
  width:36px;
  height:36px;
  color:#222222;
  z-index:1;
  font-size:13px;
  line-height:36px;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  background-color:#ffffff;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.sidebar-info-contents .content-inner .social-box li a:hover{
  color:#ffffff;
  background-color:#ff5e85;
}

/** textiles-section **/

.textiles-section{
  position: relative;
  padding: 85px 0px;
}

.textiles-section .bg-column{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 53%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.textiles-section .inner-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 85px 0px 85px 40px;
}

.textiles-section .inner-box:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 90px;
  height: 100%;
  left: -60px;
  top: 0px;
}

.textiles-section .inner-box .top-text {
  position: relative;
  display: block;
  font-size: 16px;
  color: #ff5e85;
  font-weight: 700;
  margin-bottom: 10px;
}

.textiles-section .inner-box h1{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 48px;
  color: #0c0d24;
  font-weight: 700;
  margin-bottom: 9px;
}

.textiles-section .inner-box .text{
  position: relative;
  display: block;
  margin-bottom: 25px;
}

.textiles-section .inner-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  background: #ff5e85;
  color: #fff;
  border-radius: 0px;
  text-align: center;
  padding: 14.5px 29px;
  text-transform: capitalize;
  box-shadow: 0 15px 15px rgba(255, 94, 133, 0.2);
}

.textiles-section .inner-box .btn-box a:hover{
  transform: translateY(-5px);
}


/** subscribe-style-three **/

.subscribe-style-three{
  position: relative;
  background: #ff5e85;
  padding: 43px 0px 50px 0px;
}

.subscribe-style-three .content-box{
  position: relative;
  display: block;
  max-width: 390px;
  width: 100%;
}

.subscribe-style-three h3{
  position: relative;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #fff;
  margin-bottom: 5px;
}

.subscribe-style-three .content-box .text{
  position: relative;
  display: block;
  color: #fff;
  margin-bottom: 34px;
}

.subscribe-style-three .content-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  color: #fff;
  margin-bottom: 17px;
}

.subscribe-style-three .content-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  border: 2px solid #fff;
  padding: 8.5px 38px;
}

.subscribe-style-three .content-box a:hover{
  background: #fff;
  color: #ff5e85;
}

.subscribe-style-three .content-box a i{
  position: relative;
  font-size: 24px;
  top: 4px;
  margin-left: 20px;
}

.subscribe-style-three .form-inner{
  position: relative;
  display: block;
  max-width: 440px;
  width: 100%;
  padding: 80px 0px 50px 0px;
}

.subscribe-style-three .form-inner h3{
  margin-bottom: 22px;
}

.subscribe-style-three .form-inner .form-group{
  position: relative;
  display: block;
  margin: 0px;
}

.subscribe-style-three .form-inner .form-group input[type='email'] {
  position: relative;
  width: 100%;
  height: 50px;
  font-size: 14px;
  color: #ffd7df;
  padding: 10px 85px 10px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background: transparent;
  transition: all 500ms ease;
}

.subscribe-style-three .form-inner .form-group input:focus{
  border-color: #0c0d24;
}

.subscribe-style-three .form-inner .form-group input::-webkit-input-placeholder{
  color:#ffd7df;
}

.subscribe-style-three .form-inner .form-group button{
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 16px;
  color: #ffd7df;
  background: transparent;
  cursor: pointer;
  transition: all 500ms ease;
}

.subscribe-style-three .form-inner .form-group button:hover{
  color: #0c0d24;
}

.main-footer.home-7{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-footer.home-7:before{
  position: absolute;
  display: block;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.main-footer.home-7 .footer-top .links-widget .widget-content ul li a:hover,
.main-footer.home-7 .widget-section .social-widget .social-links li a:hover{
  color: #ff5e85;
}



/*** 

====================================================================
                        Home-Page-Eight
====================================================================

***/

/** header-style-eight **/

.main-header.style-eight{
  position: absolute;
  left: 0px;
  top: 0px;
  background: transparent;
}

.main-header.style-eight .header-upper,
.main-header.style-eight .header-bottom,
.main-header.style-eight .header-bottom .outer-container .nav-outer{
  background: transparent;
}

.main-header.style-eight .header-upper .right-content .social-list{
  margin-right: 0px;
  margin-left: 25px;
}

.main-header.style-eight .header-upper .right-content .social-list li a{
  background: #fff;
  border-color: #fff;
  color: #b8b5bf;
}

.main-header.style-eight .header-upper .right-content .social-list li a:hover{
  background: transparent;
  border-color: #7951f8;
  color: #7951f8;
}

.main-header.style-eight .header-upper .right-content .info-box h3 a:hover{
  color: #7951f8;
}

.main-header.style-eight .header-bottom .outer-container{
  border-bottom: 1px solid #e1e2e3;
}

.main-header.style-eight .header-bottom .nav-box{
  margin-right: 0px;
  padding: 25px 0px 22px;
}

.main-header.style-eight .header-bottom .nav-btn .icon{
  background: #7951f8;
  height: 1px;
  margin-bottom: 8px;
}

.main-header.style-eight .header-bottom .nav-btn .icon:last-child{
  width: 14px;
}

.main-header.style-eight .header-bottom .nav-btn:hover .icon:last-child{
  width: 28px;
}


.main-header.style-eight .header-bottom .info-box .btn-box a{
  background: #7951f8;
}

.main-header.style-eight .header-bottom .info-box .btn-box a:hover{
  background: #ffffff;
  color: #7951f8;
}

.main-header.style-eight .main-menu .navigation > li.current > a, 
.main-header.style-eight .main-menu .navigation > li:hover > a{
  color: #7951f8;
}

.main-header.style-eight .header-bottom .info-box .search-box{
  margin-left: 12px;
}

.product-section{
  position: relative;
  background: #fff;
  padding: 145px 0px 90px 0px;
  margin-top: -65px;
}

.product-block-one .inner-box{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}

.product-block-one .inner-box .image-box {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
}

.product-block-one .inner-box .image-box img{
  width: 100%;
}

.product-block-one .inner-box .image-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  box-shadow: inset 0px -140px 50px -40px rgba(121, 81, 248, 0.4);
  z-index: 1;
  transition: all 500ms ease;
}

.product-block-one:hover .inner-box .image-box:before{
  box-shadow: inset 0px -140px 50px -40px rgba(121, 81, 248, 0.7);
}

.product-block-one .inner-box .content-box{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}

.product-block-one .inner-box .content-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #7951f8;
  background: #fff;
  text-align: center;
  padding: 7px 15px;
  width: 190px;
}

.product-block-one:hover .inner-box .content-box a{
  color: #fff;
  background: #7951f8;
}


/** medical-shop **/

.medical-shop{
  position: relative;
  padding: 55px 70px 50px 70px;
}

.medical-shop:before{
  position: absolute;
  content: '';
  background: url(../images/icons/shap-7.png);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: cover;
}

.medical-shop .title-box .top-text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #7951f8;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.medical-shop .title-box h1{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  color: #000;
  margin-bottom: 9px;
}

.medical-shop .title-box p{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #5d5b63;
  margin: 0px;
}

.medical-shop .title-box{
  position: relative;
  display: block;
  margin-bottom: 35px;
}

.medical-shop .single-item .inner-box {
  position: relative;
  display: block;
}

.medical-shop .single-item .inner-box .image-box {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
}

.medical-shop .single-item .inner-box .image-box:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  box-shadow: inset 0px -140px 50px -40px rgba(0, 0, 0, 0.7);
  z-index: 1;
  transition: all 500ms ease;
}

.medical-shop .single-item:hover .inner-box .image-box:before{
  opacity: 0;
}

.medical-shop .single-item .inner-box .image-box img{
  width: 100%;
}

.medical-shop .single-item .inner-box .content-box{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  text-align: center;
  padding: 50px 15px;
  z-index: 2;
  opacity: 1;
  transition: all 300ms ease;
}

.medical-shop .single-item:hover .inner-box .content-box{
  opacity: 0;
}

.medical-shop .single-item .inner-box .content-box h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.medical-shop .single-item .inner-box .content-box h4 a {
  position: relative;
  display: inline-block;
  line-height: 24px;
  color: #fff;
}

.medical-shop .single-item .inner-box .content-box .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
}

.medical-shop .single-item .inner-box .overlay-box {
  position: absolute;
  left: 0px;
  bottom: 15px;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.medical-shop .single-item .inner-box .overlay-box .box {
  position: relative;
  display: inline-block;
  background: rgba(121, 81, 248, 0.9);
  padding: 43px 45px 38px 45px;
  border-radius: 10px;
  transform: translateY(-100px);
  transition: all 500ms ease;
  opacity: 0;
}

.medical-shop .single-item .inner-box .overlay-box .box .view-btn {
  position: absolute;
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
}

.medical-shop .single-item .inner-box .overlay-box .box .view-btn a {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #000;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
}

.medical-shop .single-item .inner-box .overlay-box .box h4 {
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.medical-shop .single-item .inner-box .overlay-box .box h4 a {
  color: #fff;
  line-height: 22px;
}

.medical-shop .single-item .inner-box .overlay-box .box .text {
  position: relative;
  display: block;
  color: #fff;
  line-height: 20px;
  text-transform: uppercase;
}

.medical-shop .single-item:hover .inner-box .overlay-box .box {
  transform: translateY(0px);
  opacity: 1;
}

.medical-shop .inner-content{
  position: relative;
  margin-bottom: 55px;
}

.medical-shop .lower-content{
  position: relative;
  display: block;
  max-width: 790px;
  width: 100%;
}

.medical-shop .lower-content h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #000;
  margin-bottom: 20px;
}

.medical-shop .lower-content p{
  position: relative;
  display: block;
  color: #585655;
  margin-bottom: 28px;
}

.medical-shop .lower-content a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  background: #7951f8;
  box-shadow: 0 15px 15px rgba(121, 81, 248, 0.2);
  color: #fff;
  border-radius: 0px;
  text-align: center;
  padding: 14.5px 56px;
  text-transform: capitalize;
}

.medical-shop .lower-content a:hover{
  transform: translateY(-5px);
}

/** medical-equepment **/

.medical-equepment{
  position: relative;
}

.medical-equepment .inner-container{
  position: relative;
  width: 100%;
  padding: 70px 265px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.medical-equepment .inner-container .inner-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 70px 30px 85px 100px;
}

.medical-equepment .inner-container .inner-box .top-text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #7951f8;
  margin-bottom: 10px;
}

.medical-equepment .inner-container .inner-box h1{
  position: relative;
  display: block;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: #0c0d24;
  margin-bottom: 10px;
}

.medical-equepment .inner-container .inner-box p{
  position: relative;
  display: block;
  margin-bottom: 15px;
}

.medical-equepment .inner-container .inner-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #7951f8;
  border: 1px solid #e9e9e9;
  text-align: center;
  padding: 13.5px 19px;
}

.medical-equepment .inner-container .inner-box a:hover{
  color: #fff;
  background: #7951f8;
  border-color: #7951f8;
}


/** signup-section **/

.signup-section{
  position: relative;
  padding-top: 165px;
}

.signup-section .inner-container{
  position: relative;
}

.signup-section .inner-container .inner-box{
  position: absolute;
  left: 0px;
  top: -50px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  z-index: 1;
  padding: 25px 50px;
}

.signup-section .inner-container .inner-box h5{
  position: relative;
  font-size: 18px;
  display: block;
  line-height: 28px;
  color: #7951f8;
  font-weight: 700;
  margin-top: 12px;
}

.signup-section .inner-container .inner-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  background: #7951f8;
  color: #fff;
  border-radius: 0px;
  text-align: center;
  padding: 14.5px 56px;
  text-transform: capitalize;
  z-index: 1;
}

.signup-section .inner-container .inner-box a:hover{
  background: #5f30f3;
}

.main-footer.home-8{
  position: relative;
  padding-top: 40px;
  background-color: #181a26;
}

.main-footer.home-8 .widget-title{
  color: #fff;
}

.main-footer.home-8 .widget-section .contact-widget .widget-content .text,
.main-footer.home-8 .widget-section .contact-widget .widget-content .info-list li,
.main-footer.home-8 .widget-section .contact-widget .widget-content .info-list li a,
.main-footer.home-8 .footer-top .links-widget .widget-content ul li a,
.main-footer.home-8 .widget-section .social-widget .social-links li a,
.main-footer.home-8 .footer-bottom .copyright{
  color: #ececec;
}

.main-footer.home-8 .widget-section .contact-widget .widget-content .info-list li a:hover,
.main-footer.home-8 .footer-top .links-widget .widget-content ul li a:hover,
.main-footer.home-8 .widget-section .social-widget .social-links li a:hover{
  color: #7951f8;
}

.main-footer.home-8 .footer-top{
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/*** 

====================================================================
                        Gallery-Page
====================================================================

***/

/** gallery-banner **/

.gallery-banner{
  position: relative;
  padding: 80px 0px;
  border-bottom: 2px solid #ededed;
}

.gallery-banner .content-box h1{
  position: relative;
  display: block;
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  color: #0c0d24;
  margin: 0px;
}

.image-gallery{
  position: relative;
  padding: 80px 0px;
}

.image-gallery .single-item{
  margin-bottom: 30px;
}

.image-gallery .single-item .image-box{
  position: relative;
  overflow: hidden;
  background: #192d66;
}

.image-gallery .single-item img{
  width: 100%;
  transition: all 5s ease;
}

.image-gallery .single-item:hover img{
  transform: scale(1.5);
  opacity: 0.2;
}



/*** 

====================================================================
                        About-Page
====================================================================

***/



.about-banner{
  position: relative;
  width: 100%;
  padding: 195px 0px 360px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.about-banner:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.65);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.about-banner .content-box h1{
  position: relative;
  display: block;
  font-size: 90px;
  line-height: 88px;
  font-weight: 700;
  color: #0c0d24;
  margin-bottom: 16px;
}

.about-banner .content-box .text{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #0c0d24;
}


/** about-style-five **/
.about-style-five .container
{
  max-width: 1345px;
}
.about-style-five{
  position: relative;
}
.about-style-five .inner-container{
  position: relative;
  /*! background: #fff; */
  padding: 74px 55px 30px 55px;
  margin: -175px -55px 0px -55px;
}

.about-style-five .title-box{
  position: relative;
  max-width: 950px;
  width: 100%;
}

.about-style-five .title-box .top-text{
  position: relative;
  display: block;
  font-size: 16px;
  color: #082b5f;
  font-weight: 700;
  margin-bottom: 10px;
}
.about-style-five .title-box h1{
  position: relative;
  display: block;
  font-size: 35px;
  line-height: 48px;
  color: #0c0d24;
  font-weight: 700;
  margin-bottom: 23px;
}

.about-style-five .title-box h3{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 32px;
  color: #5d5d66;
}

.about-style-five .title-box{
  position: relative;
  display: block;
  margin-bottom: 60px;
}

.about-style-five .upper-content .image-box img{
  width: 100%;
}

.about-style-five .upper-content .content-box{
  position: relative;
  display: block;
  background: #fff;
  margin: 95px 0px 0px -100px;
  padding: 48px 30px 43px 40px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.about-style-five .group-title{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #0c0d24;
  margin-bottom: 10px;
}

.about-style-five p{
  position: relative;
  display: block;
  text-align: justify;
}

.about-style-five .icon-box{
  position: relative;
  display: inline-block;
  font-size: 65px;
  line-height: 65px;
  color: #082b5f;
  margin-bottom: 12px;
}

.about-style-five .lower-content .left-column .content-box{
  position: relative;
  display: block;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  padding: 48px 30px 69px 40px;
  border-radius: 10px;
  margin: -75px -30px 0px 30px;
}

.about-style-five .lower-content .right-column .content-box{
  position: relative;
  display: block;
  margin-left: 50px;
  margin-top: 50px;
}

.about-style-five .lower-content .right-column .content-box p{
  margin-bottom: 19px;
}

.about-style-five .lower-content .right-column .content-box p:last-child{
  margin-bottom: 0px;
}


.subscribe-section.about-page .inner-box .content-box .subscribe-form .form-group button{
  color: #082b5f;
}

.subscribe-section.about-page .inner-box .content-box .subscribe-form .form-group button:hover{
  color: #0c0d24;
}

.main-footer.about-footer .footer-top .logo-widget .footer-logo:before{
  position: absolute;
  content: '';
  background: url(../images/icons/sairaj-traders-logo.png);
  width: 298px;
  height: 252px;
  right: -69px;
  top: -45px;
  background-repeat: no-repeat;
  z-index: -1;
}


/** page-title **/
.page-title{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 100px 0px 135px 0px;
}

.page-title:before{
  position: absolute;
  content: '';
  /*! background: rgba(255,255,255,0.3); */
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.page-title .content-box h1{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 65px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 17px;
}

.page-title .content-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #0c0d24;
}

.tabs-box .tab{
  position:relative;
  display:none;
  transform:scale(0.9,0.9) translateY(0px);
  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;
  transform:scale(1) translateY(0px);
}

.page-title.blog-page{
  position: relative;
  /*! padding: 106px 0px 124px 0px; */
}

/** blog-classic **/

.blog-classic{
  position: relative;
  padding: 80px 0px;
}

.blog-classic .blog-classic-content{
  position: relative;
  display: block;
  margin-left: 30px;
}

/*** 

====================================================================
                        Contact-Page
====================================================================

***/

.contact-info-section{
  position: relative;
}
.contact-info-section .single-info-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 30px 15px 30px 15px;
  max-width: 285px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  height: 230px;
  border-radius: 20px;
}
.contact-info-section .single-info-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 45px;
  line-height: 45px;
  color: #44cfcd;
  margin-bottom: 6px;
  transition: all 500ms ease;
}

.contact-info-section .single-info-box:hover .icon-box{
  color: #082b5f;
}
.contact-info-section .single-info-box h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: #0c0d24;
  padding-bottom: 5px;
  border-bottom: 1px solid #0c0d24;
  margin-bottom: 8px;
}

.contact-info-section .single-info-box .text{
  position: relative;
  display: block;
  color: #3c3c49;
}

.contact-info-section .single-info-box .text a{
  color: #3c3c49;
}

.contact-info-section .single-info-box .text a:hover{
  color: #082b5f;
}

.contact-section{
  padding: 85px 0px 90px 0px;
}
.form-column
{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 20px 30px;
  border-radius: 20px; 
}
.contact-section .contact-form-area .form-group{
  margin-bottom: 15px;
}

.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'],
.contact-section .contact-form-area .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #dfdfdf;
  font-size: 16px;
  color: #0c0d24;
  padding: 18px 16px;
  transition: all 500ms ease;
  border-radius: 10px;
}

.contact-section .contact-form-area .form-group input::-webkit-input-placeholder,
.contact-section .contact-form-area .form-group textarea::-webkit-input-placeholder{
  color:#0c0d24;
}
.contact-section .contact-form-area .form-group textarea{
  height: 186px;
  resize: none;
}

.contact-section .contact-form-area .form-group input:focus,
.contact-section .contact-form-area .form-group textarea:focus{
  border-color: #082b5f;
}

.contact-section .contact-form-area .form-group button {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  background: #082b5f;
  text-align: center;
  border-radius: 30px;
  padding: 12px 40px;
  cursor: pointer;
  transition: all 500ms ease;
}

.contact-section .contact-form-area .form-group button:hover{
  transform: translateY(-5px);
}
.contact-section .contact-form-area h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 38px;
  color: #0c0d24;
  font-weight: 700;
  margin-bottom: 26px;
  text-align: center;
}

.main-footer.blog-page .footer-top .links-widget .widget-content ul li a:hover,
.main-footer.blog-page .footer-bottom .footer-social li a:hover{
  color: #f78613;
}

.contact-info-section.contact-page-1{
  padding: 100px 0px 50px 0px;
}
.col-left,
.col-right {
    width: 50%;
}

@media (max-width: 768px) {
    .row {
        flex-direction: column;
    }

    .col-left,
    .col-right {
        width: 100%;
    }
}