/**
 * Place your custom styles here.
 */
.flex-caption {
    color: #fff;
    position: absolute;
    bottom: 43%;
   left: 9%;
    width: 80%;
	top: 35%;

}
.bill .img-box img {
    height: 700px !important;
    object-fit: contain;
}
.single-item.bill {
    border: 1px solid #ddd;
    box-shadow: 1px 1px 9px 3px #dddd;
    padding: 10px;
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #000 !imporatant;
    text-decoration: none;
    background-color: #ffffff !imporatant;
    outline: 0;
    padding: 10px 19px !imporatant;
}
.dropdown-btn span.fa.fa-angle-down {
    position: absolute;
    margin-top: -20px;
    float: right;
    right: 0;
    color: #0000;
    width: 100%;
    cursor: pointer;
}
.flex-caption h1{
	text-align:center;
}
.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 0px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

.navbar-btn {
    margin-top: 0px;
    margin-bottom: 0px;
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e700;
}
.navbar {
    border-radius: 0px; 
}
.node.node-slide-show.node-promoted.node-teaser  {
    visibility: hidden;
    display: none;
}
.top-left ul > li > a {
    color: #fff;
}
.top-left ul > li > a:hover {
    color: #fff;
}
div#slider-wrapper {
    position: relative !important;
    top: -80px !important;
}
img.vv {
    width: 78px !important;
}
img.ss { 
    width: 81px !important;
    margin-bottom: 10px !important;
}
img.mm {
    width: 146px !important;
}
.icon-box img {
    width: 55% !important;
    height: 55%;
    position: relative;
    /* margin: -14px; */
    top: 12px;
    left: 2px;
}
section#block-block-36 {
    padding: 0 0 100px 0;
}
#footerbox-wrapper ul li {
    display: inline-block;
}
#footerbox-wrapper p {
    margin: 3px 0;
}
#footerbox-wrapper {}
#footerbox-wrapper .container{}
#footerbox-wrapper .block{}
#footerbox-wrapper ul {}
#footerbox-wrapper ul li {}
#footerbox-wrapper ul li a {}
#footerbox-wrapper ul li a:hover {}
#footerbox-wrapper ul li:hover{}
#footerbox-wrapper p{}
#footerbox-wrapper h2{}


Currently editing:  
/home1/renewene/public_html/satellitesolarcom/drupal/sites/all/themes/ztheme/New folder/css/style.css
 Encoding:     Switch to Code Editor      Save



/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. About Section
7. Cta Section
9. Service Section
8. Fact Counter
10. Image Gallery
11. Testimonials Section
12. News Section
14. Brand Section
15. Newsletter Section
16. Main Footer
19. About Page
20. Service Page
21. Service Details Content
22. Our Project
23. Project Details
24. Team Page
25. Event Page
26. Event Details
27. Event Details Content
28. Error Section
29. Our Blog
30. Blog Classic Content
31. Sidebar Content
32. Blog Details
33. Blog Details Content
34. Contact Section


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


/* use font link */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Grand+Hotel');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

/* use style sheet */

@import url(font-awesome.css);
@import url(flaticon.css);
@import url(animate.css);
@import url(owl.css);

@import url(settings.css);
@import url(jquery-ui.css);
@import url(jquery.fancybox.css);
@import url(hover.css);
@import url(ms-staff-style.css);
@import url(masterslider.css);



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:15px;
  color:#848484;
  line-height:26px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Open Sans', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

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


a{
  text-decoration:none;
  position: relative;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  line-height: 25px;
  cursor:pointer;
  color:#848484;
  transition: all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #46368b;
  transition: all 500ms ease;
}


input,button,select,textarea{
  font-family: 'Hind', sans-serif;
}

.strike-through{
  text-decoration:line-through; 
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}
.centered{
  text-align:center;  
}
.sec-pad{
  padding: 96px 0px 100px 0px;
}
.sec-pad2{
  padding: 0px 0px 100px 0px;
}
.sec-pad1 {
    padding: 50px 0px 100px 0px;
    background: #f5f5f5;
}

p{
  position: relative;
  font-size: 15px;
 font-family: 'Open Sans', sans-serif;
  line-height: 26px;
  font-weight: 400;
  color: #848484;
  margin-bottom: 10px;
  transition: all 500ms ease;
}

h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Open Sans', sans-serif;

  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
}
h1
{
  font-family: 'Open Sans', sans-serif;
  
    position:relative;

  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  position:relative;
  font-family: 'Open Sans', sans-serif;
  
  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
  transition: all 500ms ease;
}

h1{
  font-size: 55px;
  line-height: 60px;
font-weight: 400 !important;
  color: #fff;
  text-transform: uppercase;
}
h1 span{
  color: #fbd442;
}

h2{
  font-size: 36px;
  line-height: 43px;
}

h3{
  font-size: 24px;
  line-height: 30px;
}

h4{
  font-size: 20px;
  line-height: 30px;
}

h5{
  font-size: 16px;
  line-height: 26px;
} 

h6{
  font-size: 14px;
  line-height: 26px;
} 

h3 a{
  font-size: 24px;
  line-height: 30px;
}

h4 a{
  font-size: 20px;
  line-height: 30px;
}

h5 a{
  font-size: 16px;
  line-height: 24px;
}

h6 a{
  font-size: 15px;
  line-height: 22px;
}

h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
  color: #46368b;
  transition: all 500ms ease;
}

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

/** button **/

.btn-one {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #46368b;
  border: 1px solid #46368b;
  padding: 12px 25px 12px 24px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  transition: all 900ms ease;
  line-height: 24px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
      border-radius: 100px;
}
.btn-one:hover{
      color: #46368b;
  background: transparent;
  border: 1px solid #46368b;
  transition: all 900ms ease;
}
.form-actions button {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #46368b;
  border: 1px solid #46368b;
  padding: 12px 25px 12px 24px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  transition: all 900ms ease;
  line-height: 24px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
      border-radius: 0;
    margin-bottom: 10%;
}
.form-actions button:hover{
  color: #46368b;
  background: transparent;
  border: 1px solid #46368b;
  transition: all 900ms ease;
}
.resizable-textarea .grippie {
    background: #fff url(../../misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
    visibility: hidden;
}
.btn-two {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #46368b;
  background: #fff;
  padding: 12px 25px 12px 24px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  transition: all 900ms ease;
  line-height: 24px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
  border: 1px solid #46368b;
      border-radius: 31px;

}
.btn-two:hover{
  color: #fff;
  background: #46368b;
  border: 1px solid #46368b;
  transition: all 900ms ease;
}
.margin-0
{
    margin:0;
}
}
.link-btn{
  position: relative;
  padding: 0px;
  margin: 0px;
}
.link-btn li{
  display: inline-block;
  margin: 0px 3px;
}
.link-btn li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: 'OpenSans',sans-serif;
  color: #222;
  font-weight: 400;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.link-btn li a:hover,
.link-btn li a.active{
  background: #46368b;
  color: #fff;
  border: 1px solid #46368b;
  transition: all 500ms ease;
}

.section-title h2{
  position: relative;
  font-weight: 500;
  margin-bottom: 60px;
}
.section-title h2:before{
  position: absolute;
  content: '';
  background: url(../images/home/title-shap.png);
  width: 88px;
  height: 28px;
  left: 50%;
  bottom: -39px;
  margin-left: -45px;
  background-repeat: no-repeat;
}

.title-head{
  position: relative;
  font-size: 45px;
  font-family: 'Open Sans', sans-serif;
      
  margin-bottom: 1px;
  line-height: 52px;
  color: #848484;
  display: block;
}
.title-head {
  color: #ffc700;
}



/*** 

====================================================================
  Scroll To Top style
====================================================================


***/

.scroll-to-top span{
  color: #fff;
}
.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  font-size:18px;
  line-height:43px;
  width:45px;
  height:45px;
  background: #46368b;
  text-align:center;
  z-index:100;
  cursor:pointer;
  display: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;
}
.scroll-to-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%);
}


/*============= donate form area =================*/


.donate-popup{
  position:fixed;
  left:0px;
  top:-100%;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.80);
  z-index:9999;
  visibility:hidden;
  opacity:0;
  overflow:auto;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}
.donate-popup.popup-visible{
  top:0;
  visibility:visible;
  opacity:1;
}
.donate-popup .close-donate{
  position:absolute;
  right:25px;
  top:25px;
  font-size:20px;
  color:#ffffff;
  cursor:pointer;
  z-index:5;
}
.donate-popup .close-donate:hover{
  opacity:0.70; 
}

.donate-form-area {
  margin-top: 100px;
  margin-bottom: 100px;
  background: #f2f2f2;
  padding:57px;
  border: 3px solid #46368b;
}
.donate-form-area h2{
  font-size: 36px;
  text-align: center;
  font-weight: 400;
  color: #222222;
  margin-bottom: 40px;
  text-transform: capitalize;
  font-family:'Open Sans', sans-serif;
}
.donate-form-area h4 {
  font-size: 24px;
  color: #444444;
  font-weight: 400; 
  margin-bottom: 18px;
  text-transform: capitalize;
  font-family:'Open Sans', sans-serif;
}
.donate-form-area h3 {
  font-weight: 400;
  margin-top: 38px;
  color: #444444;
  margin-bottom: 28px;
  text-transform: capitalize;
  font-family:'Open Sans', sans-serif;
}
.donate-form-area .form-group input{
  width: 100%;
  border: 1px solid #f4f4f4;
}

/*check list*/

.chicklet-list {
  background: #fff;
  padding: 30px 30px 20px;
}
.chicklet-list li {
  padding: 0 5px;
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}
.chicklet-list input {
  font-size: 1.4em;
  line-height: 1;
  border: 2px solid #46368b;
  padding: 0.55em 0.55em 0.55em 0.8em;
  color: #3b7840;
}
.chicklet-list input[type=radio] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.chicklet-list label {
  display: block;
  font-size: 16px;
  font-family: 'Roboto Slab', serif;
  font-weight: normal;
  background: #ffffff;
  border: 1px solid #f4f4f4;
  color: #000;
  padding: 8px 27px;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.chicklet-list :checked+label {
  background: #46368b;
  color: #f7f7f7;
  text-shadow: none;
}
.chicklet-list li.other-amount {
  width: 38%;
  float: right;
}
.chicklet-list li span {
  position: absolute;
  left: -30px;
  top: 9px;
  font-size: 16px;
  font-family: 'Roboto Slab', serif;
  color: #303030;
}
.chicklet-list input[type="text"] {
  height: 40px;
}

/*==========*/

.donate-form-area .form-bg {
  background: #fff;
  padding: 30px 30px 15px;
}
.donate-form-area .default-form .form-group {
  margin-bottom: 15px;
}
.donate-form-area .default-form .form-group p {
  margin-bottom: 5px;
}
.donate-form-area .payment-option {
  position: relative;
  margin-top: 20px;
  margin-bottom: 35px;
}
.donate-form-area .payment-option li {
  display: inline-block;
  font-size: 18px;
  color: #303030;
  font-size: 15px;
  margin-right: 10px;
}
.donate-form-area .payment-option .checkbox input{
  height: 15px;
  width: 15px;
}


/*** 

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

***/

/** main header area **/


.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;
  left:0px;
  top:0px;
  width:100%;
  background: linear-gradient(to right, white , #ffffff00);
  z-index:0;
  /*box-shadow: 0 0px 0 2px rgba(238, 238, 238, 0.66);*/
  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;
}
.sticky-header .main-menu .navigation > li > a{
  padding: 22px 0px 0px 10px;
}
.sticky-header .logo-box{
  margin-top: 1px;
}
.sticky-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  top: 22px;
}
.header-lower{
      background: linear-gradient(to right, white , #ffffff00);
  width: 100%;
  z-index:999;
  opacity:1;
  visibility:visible;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  position:fixed;
}
.change
{
	    margin-top: -35px;
}
.header-upper{
  position: relative;
  background: #4a4a4ae0;
  width: 100%;
  padding: 4px 0px;
}
.header-upper .top-left{
  position: relative;
  display: inline-block;
}
.header-upper .top-left li{
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #fff;
  top: 1px;
  margin-right: 45px;
}
.header-upper .top-left li:before{
  position: absolute;
  content: '';
  background: #656669;
  width: 1px;
  height: 20px;
  right: -30px;
  top: 3px;
}
.header-upper .top-left li:last-child:before{
  display: none;
}
.header-upper .top-left li i:before{
  font-size: 14px;
  margin-right: 7px;
}
.header-upper .top-right{
  position: relative;
  float: right;
}
.header-upper .top-right .social-top{
  position: relative;
  display: inline-block;
  margin-left: 16px;
  top: 1px;
}

.header-upper .top-right .social-top li a{
  position: relative;

  color: #fff;
  line-height: 26px;
  font-size: 14px;
}
.header-upper .top-right .social-top li a:hover{
  color: #999;
}
.header-upper .top-right .social-top li{
  position: relative;
  display: inline-block;
  margin: 0px 0px 0px 26px;
}
.logo-box{ 
   
    height: 63px;
    margin-top: 0px;
    margin-left: -12px;
    margin-bottom: 0px;
        background-size: 170px;

}
.logo-box a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main-header .info-box{
  position: relative;
  display: inline-block;
}
.main-header .menu-bar{
  position: relative;
  float: right;
  right: 2px;
}
.header-upper .search-box-area .search-toggle i:before{
  font-size: 14px;
  color: #cfcfcf;
  margin: 0px;
  transition: all 500ms ease;
}
.header-upper .search-box-area .search-toggle:hover i:before{
  color: #46368b;
  transition: all 500ms ease;
}
.header-upper .search-box-area{
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: -8px;
  top: 1px;
}
.header-upper .search-box-area:before{
  position: absolute;
  content: '';
  background: #656669;
  width: 1px;
  height: 20px;
  top: 3px;
  right: -21px;
}
.header-upper .search-box-area .search-box {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 35px;
  transition: all 500ms ease;
  visibility: hidden;
}
.header-upper .search-box-area .form-group{
  position: relative;
}
.header-upper .search-box-area .form-group button{
  position: absolute;
  top: 2px;
  right: 0px;
  width: 46px;
  height: 46px;
  color: #fff;
  background: #46368b;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  z-index: 10;
}
.header-upper .search-box-area input{
  width: 250px;
  height: 50px;
  border: 2px solid #46368b;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 9;
}
.search-box-area .search-box.now-visible {
  top: 35px;
  right: 0px;
  opacity: 1;
  visibility: visible;
  z-index: 9;
  transition: all 500ms ease;
}

.main-menu{
  position:relative;
  display: inline-block;
  right: 32px;
}
.sticky-header .main-menu {
  right: 25px;
}
.menu-bar .btn-box{
  position: relative;
  display: inline-block;
  right: -2px;
  top: -3px;
}
.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation{
  position:relative;
  margin:0px;
}

.main-menu .navigation > ul > li{
  position:relative;
 
  margin-left: 25px;
}
.navbar-default .navbar-nav > .active > a
{
	background-color:#fff0 !important;
	color:#000 !important;

}
.navbar-default .navbar-nav > .active > a:hover
{
	background-color:#fff0 !important;
}
.main-menu .navigation > li > a > i:before{
  margin-right: 5px;
  font-size: 16px;
}
.main-menu .navigation > ul > li > a{
  position:relative;
  display:block;
  font-size:16px;
  color: #000 !important;
  line-height: 26px;
          padding: 22px 0px 0px 10px;

  text-align: center;
  font-family: 'Open Sans', sans-serif;
  opacity:1;
  -webkit-transition:all 500ms ease;
      font-weight: 500;

}
.main-menu .navigation > ul > li > a:hover
{
  color: #ffc700 !important;
  transition-duration: .3s;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn:hover
{
  color: #ffc700 !important;
  transition-duration: .3s;
}
.sub-menu1
{
  padding-left: 9%;

}
.service-column1 {
    margin: 5% 0;
}

.main-menu .navigation > li:hover > a,.main-menu .navigation > li.current > a,
.main-menu .navbar-collapse > ul li.dropdown:hover .dropdown-btn span:before,
.main-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span:before{
  color: #46368b;
  transition: all 500ms ease;
}

.main-menu .navigation > li:hover > a:after{
  opacity:1;
}

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:130%;
  margin-top: 0px;
  width:220px;
  padding:0px;
  z-index:100;
  display:none;
  background:#222;
  border-top:3px solid #46368b;
  transition:all 1000ms ease;
  -moz-transition:all 1000ms ease;
  -webkit-transition:all 1000ms ease;
  -ms-transition:all 1000ms ease;
  -o-transition:all 1000ms ease;
}
.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}
.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 15px;
  line-height:28px;
  font-weight:600;
  font-size:14px;
  font-family: 'Open Sans', sans-serif;
  text-transform:capitalize;
  color: #ffffff;
  border-bottom: 1px solid #46368b;
  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:last-child >a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li:hover > a{
  color: #46368b;
  padding:10px 15px 10px 17px;
  transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#ffffff;
  transition:all 500ms ease;  
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:100%;
  transition:all 500ms ease;  
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  display: inline-block;
  position: absolute;
  top: 22px;
  right: -15px;
  cursor: pointer;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn span:before{
  color: #222;
  font-size: 14px;
}


/** main-slider **/

.main-slider{
  position: relative;
      top: -150px;
}

#slide-1687-layer-4,#slide-1688-layer-4,#slide-1689-layer-4{
  padding: 0px !important;
  border: none;
}
#slide-1687-layer-4:hover,
#slide-1688-layer-4:hover,
#slide-1689-layer-4:hover{
  background: none !important;
}

.home_boxed .tp-leftarrow.tparrows.uranus,
.home_boxed .tp-rightarrow.tparrows.uranus{
  display: none !important;
}
.main-slider .tp-btn a{
  margin: 0px 3px;
}
.main-slider .btn-two {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
      border-radius: 31px;

}
.main-slider .btn-two:hover{
  color: #fff;
  background: #46368b;
  border: 2px solid #46368b;
  transition: all 900ms ease;
}
.main-slider .btn-one {
  border: 2px solid #46368b;
}
.main-slider .btn-one:hover{
  color: #46368b;
  background: transparent;
  border: 2px solid #46368b;
  transition: all 900ms ease;
}
.btn-two-yell
{
 font-style: italic !important;
 text-transform: capitalize !important;
}
.btn-two-yell:hover
{
  background-color: #ffc700 !important;
  transition-duration: .3s !important;
  border-color: #ffc700 !important;
}

/** about section **/

.about-section{
  position: relative;
  padding: 0px 0px 81px 0px; 
  background-color: #fff;
}
.about-section .section-title h2:before{
  background: url(../images/home/shap1.png);
  left: 0px;
  margin-left: 0px;
  background-repeat: no-repeat;
  bottom: -39px; 
}
.about-section .text p{
  margin-bottom: 33px;
  text-align:justify;
}
.about-section .btn-one{
  padding: 12px 38px 12px 39px;
  margin-right: 9px;
      border-radius: 31px;

}
.about-section .btn-two{
  padding: 12px 38px 12px 39px;
  margin-left: 9px;
      border-radius: 31px;

}
.video-gallery {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-left: 8px;
  margin-top: -56px;
}
.video-gallery img {
 
      width: 100%;
    padding-top: 10%;
}
.video-gallery .overlay-gallery {
  background-color: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  transition: all 500ms ease;
}
.video-gallery .overlay-gallery .icon-holder{
  display: table;
  height: 100%;
  width: 100%;    
}
.video-gallery .overlay-gallery .icon-holder .icon{
  display: table-cell;
  vertical-align: middle;    
}
.video-gallery .overlay-gallery .icon-holder .icon a img{
  width: auto;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}

.video-gallery:hover .overlay-gallery {
  background-color: rgba(78, 205, 102, 0.7);
}
.video-gallery:hover img {
  transform: scale(1.1);
}
.video-gallery .overlay-gallery .icon-holder .icon a:hover img{
  transform: scale(1.1);
}


/** cta-section **/

.cta-section{
  position: relative;
  background: url(../images/home/cta-bg.jpg);
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

}
.cta-section:before{
  position: absolute;
  content: '';
  background: #000000a3;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .7;
}
.cta-section .section-title h2{
  font-size: 44px;
  margin-bottom: 82px;
}
.cta-section .title-head{
  margin-bottom: 4px;
}
.white .section-title h2{
  color: #fff;
}
.white .title-head{
   
}
.white .section-title h2:before{
  background: url(../images/home/cta-shap.png);
  margin-left: -50px;
  bottom: -53px;
}
.cta-section .btn-one{
  font-size: 15px;
  font-family:'Open Sans', sans-serif;
  font-weight: 500;
  padding: 12px 34px 12px 34px;
}


/** service-section **/

.service-section{
  position: relative;
  padding-bottom: 80px;
}
.service-section .single-item{
  position: relative;
  transition: all 500ms ease;
    margin-bottom: 20px;
}
.service-section .single-item img{
  width: 100%;
}
.service-section .single-item .lower-content{
  position: relative;
  padding: 0px 42px 8px 42px;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.service-section .single-item:hover .lower-content{
  border: 1px solid #fff;
  transition: all 500ms ease;
}
.service-section .single-item .lower-content .icon-box{
  position: relative;
  width: 80px;
  height: 80px;
  line-height: 95px;
  background: #46368b;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: -40px;
  margin-bottom: 20px;
}
.service-section .single-item .lower-content .icon-box i:before{
  font-size: 36px;
  color: #fff;
  margin: 0px;
}
.service-section .single-item .button{
  position: initial;
  top: 31px;
}
.service-section .single-item .button a{
 font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #222;
  padding: 10px 27px 9px 27px;
}
.service-section .single-item:hover .button a{
  background: #46368b;
  border: 1px solid #46368b;
  color: #fff;
}
.service-section .single-item:hover{
  box-shadow: 0 0 10px 5px #ebebeb;
  transition: all 500ms ease;
}
.service-section .section-title h2{
  margin-bottom: 68px;
}
.service-section .single-item .lower-content h3 a{
  margin-bottom: 15px;

}
.service-section .single-item .lower-content h3 a{
  
    font-size: 15px;
   
    line-height: 20px;

}
.text li {
    list-style: circle;
    color: #525252;
    margin-bottom: 4px;
        font-size: 16px;
}
 .about-section1
 {
  padding-top: 0px !important;
 }

/** fact-counter **/

.fact-counter{
  position: relative;
  background: url(../images/home/counter-bg.jpg);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 79px 0px 72px 0px;
}
.fact-counter:before{
  position: absolute;
  content: '';
  background: #000000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .4;
}
.fact-counter .icon-box{
  position: relative;
  margin-bottom: 8px;
}
.fact-counter .icon-box i:before{
  font-size: 42px;
  color: #46368b;
  margin: 0px;
}
.fact-counter .count-outer span{
  position: relative;
  font-size: 55px;
  line-height: 60px;
  font-family: 'Lato', sans-serif;
  color: #fff;
  margin-bottom: 9px;
  display: block;
}
.fact-counter .text{
  color: #fff;
}
.fact-counter .counter-column:nth-child(1) .single-item{
  float: left;
}
.fact-counter .counter-column:nth-child(2) .single-item{
  padding: 0px 31px 0px 0px;
}
.fact-counter .counter-column:nth-child(3) .single-item{
  padding: 0px 0px 0px 45px;
}
.fact-counter .counter-column:nth-child(4) .single-item{
  float: right;
}


/** image-gallery **/

.image-gallery{
  position: relative;
  padding-bottom: 70px;
}
.image-gallery .single-item .img-box{
  position: relative;
  margin-bottom: 30px;
}
.image-gallery .single-item .shadow-box{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -120px 35px 0px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 500ms ease;
}
.image-gallery .single-item:hover .shadow-box{
  opacity: 1;
  transition: all 500ms ease;
}
.image-gallery .single-item .img-box img{
  width: 100%;
}
.image-gallery .gallery_menu{
  position: relative;
  margin-bottom: 42px;
  margin-top: 22px;
}
.image-gallery .gallery_menu li{
  position: relative;
  display: inline-block;
  margin: 0px 18px;
  font-size: 16px;
  font-family:'Open Sans', sans-serif;
  line-height: 27px;
  color: #222;
  transition: all 500ms ease;
  cursor: pointer;
}
.image-gallery .gallery_menu li.active{
  color: #46368b;
  transition: all 500ms ease;
}
.image-gallery .gallery_menu li:before{
  position: absolute;
  content: '';
  background: #222;
  width: 1px;
  height: 14px;
  top: 5px;
  right: -20px;
  transform: rotate(15deg);
}
.image-gallery .gallery_menu li:last-child:before{
  display: none;
}
.image-gallery .gallery-content h3{
  color: #fff;
}
.image-gallery .single-item{
  position: relative;
  transition: all 500ms ease;
}
.image-gallery .single-item .gallery-content{
  position: absolute;
  left: 30px;
  bottom: 15px;
  transition: all 500ms ease;
  opacity: 0;
}
.image-gallery .single-item:hover .gallery-content{
  opacity: 1;
  transition: all 500ms ease;
}


/** testiomnial section **/

.testimonial-section{
  position: relative;
  background: url(../images/testimonial/bg.jpg);
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 78px;
}
.testimonial-section:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .75;
}
.ms-staff-carousel .ms-nav-next,
.ms-staff-carousel .ms-nav-prev{
  display: none;
}
.ms-inner-controls-cont, .ms-container{
  position: absolute;
  margin: 0 auto;
  left: 50%;
  margin-left: -25px;
  bottom: 35px;
  z-index: 1;
}
.testimonial-section .ms-info .text{
  position: relative;
  font-size: 25px;
  font-family:'Open Sans', sans-serif;
  line-height: 39px;
  font-style: italic;
  color: #fff;
  margin-bottom: 20px;
}
.testimonial-section .ms-info .author h4{
  color: #fff;
  font-style: italic;
}
.testimonial-section .ms-info{
  position: relative;
  margin-bottom: 0px;
}
div#masterslider{
  height: 250px !important;
}
.testimonial-section .white .section-title h2:before{
  bottom: -39px;
}
.testimonial-section .section-title h2{
  margin-bottom: 78px;
}


/** news section **/

.news-section{
  position: relative;
}
.news-section .single-item{
  position: relative;
  transition: all 500ms ease;
}
.news-section .single-item .lower-content{
  position: relative;
  padding: 24px 25px 35px 30px;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.news-section .single-item:hover .lower-content{
  border: 1px solid #fff;
  transition: all 500ms ease;
}
.news-section .single-item:hover{
  transition: all 500ms ease;
  box-shadow: 0 0 10px 5px #ebebeb;
}
.news-section .single-item .lower-content .date{
  position: relative;
  font-size: 19px;
  line-height: 27px;
  font-family: 'Grand Hotel', sans-serif;
  color: #46368b;
  margin-bottom: 5px;
}
.news-section .single-item .lower-content .date span{
  color: #222;
}
.news-section .single-item .lower-content .btn-two{
  color: #222;
  padding: 10px 20px 9px 20px;
}
.news-section .single-item:hover .lower-content .btn-two{
  background: #46368b;
  color: #fff;
}
.news-section .single-item img{
  width: 100%;
}
.news-section .news-title{
  margin-bottom: 88px;
}
.news-section .single-item p{
  margin-bottom: 28px;
}


/** brand-section **/

.brand-section{
  position: relative;
  padding: 50px 0px;
  background: #f5f5f5;
  width: 100%;
}
.brand-section .owl-controls{
  display: none;
}
.brand-section .brand-slider li {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.brand-section p {
    color: #000;
    font-size: 13px;
        text-transform: uppercase;
        text-align: center;
    
    }
.brand-section ul
{
  padding-top:5%;
}
/** newsletter-section **/

.newsletter-section{
  position: relative;
  padding: 48px 0px 50px 0px;
  background: #46368b;
  width: 100%;
}
.newsletter-section .text{
  font-size: 40px;
  line-height: 47px;
  color: #fff;
  font-family:'Open Sans', sans-serif;
}
.newsletter-section .subscribe-form input{
  position: relative;
  width: 380px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  padding: 15px 20px;
  height: 50px;
  color: #fff;
  margin-bottom: 0px;
  background: transparent;
}
.newsletter-section ::-webkit-input-placeholder { /* Chrome */
  color: #fff;
}

.newsletter-section :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.newsletter-section ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.newsletter-section :-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff;
  opacity: 1;
}
.newsletter-section .btn-two{
  float: right;
  color: #222;
  padding: 13px 46px 13px 46px;
}
.newsletter-section .btn-two:hover{
  border: 1px solid #fff;
  color: #fff;
}

.logo-box:hover {
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    transition-duration: .3s;
}
/** main-footer-section **/


.main-footer{
  position: relative;
  background: url(../images/footer/bg.jpg);
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0px  0px 0px 0px;
}
.footer-top{
  position: relative;
  padding: 0px  0px 5px 0px;
}
.main-footer:before{
  position: absolute;
  content: '';
  background: #ffffff;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 1;
}
.footer-logo{
  margin-bottom: 21px;
}
.main-footer p{
  color: #45368a;
  margin-bottom: 25px;
}
.main-footer .logo-wideget .footer-social{
  position: relative;
}
.main-footer .logo-wideget .footer-social li{
  position: relative;
  display: inline-block;
  margin-right: 2px;
}
.main-footer .logo-wideget .footer-social li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #44368a;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #939991;
  border-radius: 50%;
  transition: all 500ms ease;
}
.main-footer .logo-wideget .footer-social li a:hover{
  color: #fff;
  background: #46368b;
  border: 1px solid #46368b;
  transition: all 500ms ease;
}
.main-footer .footer-title h4{
  color: #544794;
    margin-bottom: 27px;
    margin-top: 25px;
}
.main-footer .link-wideget{
  position: relative;
  margin-left: 61px;
  margin-right: -5px;
}
.main-footer .link-wideget .list li a{
  position: relative;
  display: block;
  color: #45368a;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  margin-bottom: 11px;
  padding: 0px 0px 0px 13px;
}
.main-footer .link-wideget .list li a:hover,
.main-footer .link-wideget .list li a:hover:before{
  color:  #ffcc00;
  transition: all 500ms ease;
}
.main-footer .link-wideget .list li a:before{
  position: absolute;
  content: "\f105";
  font-family: 'FontAwesome';
  color: #c0c6ca;
  left: 0px;
  top: 0px;
  transition: all 500ms ease;
}
.main-footer .gallery-wideget{
  position: relative;
  padding: 0px 28px 0px 63px;
}
.main-footer .gallery-wideget .img-list li{
  position: relative;
  display: inline-block;
  margin: 5px 4px;
}
.main-footer .tag-wideget .tag-list{
  position: relative;
  left: 0px;
}
.main-footer .tag-wideget .tag-list li{
  display: inline-block;
}
.main-footer .tag-wideget .tag-list li a{
  position: relative;
  display: inline-block;
  padding: 4px 14px 3px 13px;
  border: 1px solid #737b72;
  color: #c0c6ca;
  font-size: 13px;
  margin-bottom: 10px;
  margin-left: 4px;
  transition: all 500ms ease;
}
.main-footer .tag-wideget .tag-list li a:hover{
  color: #fff;
  background: #46368b;
  border: 1px solid #46368b;
  transition: all 500ms ease;
}
.main-footer .tag-wideget{
  margin-left: 24px;
}
.main-footer .tag-wideget .footer-title h4{
  margin-bottom: 32px;
}

.footer-bottom{
  position: relative;
  padding: 23px 0px;
  border-top: 1px solid #171616;
      background: #000;
}
.footer-bottom p{
  color: #fff;
  }
.footer-bottom:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .7;
}
.footer-bottom .copyright a{
  color: #46368b;
}
.footer-bottom .copyright p{
  margin-bottom: 0px;
}


/*** 

====================================================================
                        about page
====================================================================


***/

.page-title{
  position: relative;
  background: url(../images/about/bg.jpg);
  width: 100%; 
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    padding: 116px 0px 143px 0px;
    margin-top: 80px ; 
	
}
.page-header {
    padding-bottom: 9px;
    margin: 0px 0 0px;
    border-bottom: 1px solid #fff;
	line-height:0;
	display:none;
}
.service-details {
    position: relative;
    padding: 0px 0px 67px 0px;
}
.page-title:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%; 
  left: 0px;
  top: 0px; 
  opacity: .4;
}
.page-title .title{
  position: relative;
  font-size: 45px;
  font-family:'Open Sans', sans-serif;
  line-height: 52px;
  color: #fff;
  font-weight: 500;
  margin-bottom: -2px;
}
.bread-crumb,
.bread-crumb a{
  position: relative;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  font-weight: 600;
}
.bread-crumb a{
  color: #fff;
}
.bread-crumb span{
  color: #46368b;
}

/** team section **/

.our-team{
  position: relative;
  padding-bottom: 82px;
}
.our-team .img-content{
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
.our-team .team-social-area{
  position: absolute;
  bottom: -200px;
  background: #46368b;
  width: 100%;
  padding: 15px 0px 15px 0px;
  transition: all 900ms ease;
}
.our-team .single-item:hover .team-social-area{
  bottom: 0px;
  transition: all 900ms ease;
}
.our-team .team-social-area .curve {
  position: absolute;
  left: 0px;
  top: -20px;
  display: block;
  width: 100%;
  height: 40px;
  background: #46368b;
  transform: skewY(5deg);
  -webkit-transform: skewY(-8deg);
}
.our-team .team-social-area li{
  position: relative;
  display: inline-block;
  margin: 0px 4px;
}
.our-team .team-social-area li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  height: 43px;
  width: 43px;
  line-height: 43px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 1;
  transition: all 500ms ease;
}
.our-team .team-social-area li a:hover{
  background: #fff;
  border: 1px solid #fff;
  color: #46368b;
  transition: all 500ms ease;
}
.our-team img{
  width: 100%;
}
.our-team .lower-content h3{
  margin-bottom: 0px;
}
.our-team .lower-content p{
  color: #46368b;
  font-style: italic;
}
.our-team .team-title{
  margin-bottom: 88px;
}


/*** 

====================================================================
                        servicei page
====================================================================


***/

.service-page{
  position: relative;
  padding: 100px 0px 50px 0px;
}
.service-page .single-item{
  margin-bottom: 72px;  
}

.service-details{
  position: relative;
  padding: 100px 0px 67px 0px;
}
.service-details .content-style-one .icon-box{
  position: relative;
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #46368b;
  text-align: center;
  border-radius: 50%;
  margin-top: -40px;
  left: 30px;
}
.service-details .content-style-one .icon-box i:before {
  font-size: 36px;
  color: #fff;
  margin: 0px;
}
.sidebar-catagories .list{
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 15px 29px 14px 29px;
}
.sidebar-catagories .list p{
  margin-bottom: 0px;
}
.sidebar-catagories .list li a{
  position: relative;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 0px 8px 25px;
}
.sidebar-catagories .list li a:before{
  position: absolute;
  content: "\f0da";
  font-family: 'FontAwesome';
  color: #848484;
  font-size: 15px;
  left: 1px;
  top: 9px;
}
.sidebar-catagories .list li:first-child a{
  border-bottom: 1px solid #46368b; 
}
.sidebar-catagories .list li:last-child a{
  border-bottom: none;
}
.sidebar-catagories .list li a.active{
  background: #46368b;
  color: #fff;
  padding: 9px 0px 7px 47px;
  border-bottom: 1px solid #46368b;
}
.sidebar-catagories .list li a.active p{
  color: #fff;
}
.sidebar-catagories .list li a.active:before{
  left: 22px;
  color: #fff;
}
.service-details .content-style-one .title{
  position: relative;
  font-size: 30px;
  font-family:'Open Sans', sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 14px;
  margin-top: 29px;
}
.service-details .content-style-one img{
  width: 100%;
}
.service-details .content-style-one{
  margin-bottom: 27px;
}
.service-details .service-details-content p{
  margin-bottom: 26px;
      text-align: justify;
}
.service-details .content-style-two{
  margin-bottom: 14px;
}

.accordion-box{
  position: relative;
  background: #fff;
  padding: 10px 0px 12px 0px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
  opacity: 0;
}
.accordion-box .accordion .acc-btn .toggle-icon .plus{
  position: relative;
  right: -5px;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus {
  opacity: 0;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
  opacity: 1;
  right: 5px;
  position: relative;
}
.accordion-box .accordion .acc-btn{
  position: relative;
}
.accordion-box .accordion .acc-btn .toggle-icon{
  position: absolute;
  right: 25px;
  top: 15px;
  cursor: pointer;
  text-align: center;
  color: #848484;
  font-size: 13px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon{
  color: #fff;
}
.accordion-box .accordion .acc-content.collapsed {
  display: block;
}
.accordion-box .accordion .acc-btn .acc-title{
  position: relative;
  font-size: 18px;
  font-family:'Open Sans', sans-serif;
  line-height: 26px;
  background: #f5f5f5;
  color: #222;
  padding: 14px 50px 15px 30px;
  cursor: pointer;
  transition: all 500ms ease;
}
.accordion-box .accordion .acc-btn.active .acc-title{
  position: relative;
  background: #46368b;
  color: #fff;
  transition: all 500ms ease;
}
.accordion-box .accordion .acc-content.collapsed{
  position: relative;
  display: block;
  border-bottom: 1px solid #e5e5e5;
}
.accordion-box .accordion .acc-content{
  display: none;
  padding: 22px 30px 12px 29px;
  border: 1px solid #e5e5e5;
  border-top: none;
}
.accordion-box .accordion{
  margin-bottom: 10px;
}
.accordion-box .accordion p{
  margin-bottom: 11px;
}


/*** 

====================================================================
                         project
====================================================================


***/

.project-details{
  position: relative;
  padding: 100px 0px 70px 0px;
}
.project-details img{
  width: 100%;
}
.project-details .title{
  position: relative;
  font-size: 30px;
  font-family:'Open Sans', sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 14px;
}
.project-details .project-details-content p{
  margin-bottom: 26px;
}
.project-details .project-details-content .img-box{
  margin-bottom: 43px;
}

.project-details .project-details-content .button .prev,
.project-details .project-details-content .button .next{
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.project-details .project-details-content .button .next{
  float: right;
}
.project-details .project-details-content .button .prev a,
.project-details .project-details-content .button .next a{
 font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.project-details .project-details-content .button .prev i:before{
  margin-right: 7px;
}
.project-details .project-details-content .button .next i:before{
  margin-left: 7px;
}
.project-details .sidebar-content .title{
  position: relative;
  font-size: 22px;
  font-family:'Open Sans', sans-serif;
  line-height: 31px;
  color: #222;
  margin-bottom: 5px;
}
.project-details .sidebar-content{
  position: relative;
  margin-top: -6px;
}
.project-details .sidebar-content .list strong{
  font-weight: 400;
  color: #222;
}
.project-details .sidebar-content .list li{
  position: relative;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0px 12px 0px;
}
.project-details .image-gallery{
  padding-bottom: 0px;
}
.project-details .project-details-content{
  margin-bottom: 86px;
}
.project-details .image-gallery .title{
  margin-bottom: 22px;
}


/*** 

====================================================================
                         team page
====================================================================


***/

.team-page{
  position: relative;
  padding-bottom: 50px;
}
.team-page .single-item{
  margin-bottom: 43px;
}


/*** 

====================================================================
                         event page
====================================================================


***/


.event-section{
  position: relative;
  padding: 100px 0px 70px 0px;
}
.event-section .single-item{
  position: relative;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.event-section .single-item:hover{
  box-shadow: 0 0 10px 5px #ebebeb;
  transition: all 500ms ease;
}
.event-section .single-item .img-box{
  position: relative;
}
.event-section .single-item .img-box .date{
  position: absolute;
  font-size: 14px;
  background: transparent;
  color: #222;
  overflow: hidden;
  width: 70px;
  height: 70px;
  left: 30px;
  bottom: -35px;
  text-align: center;
  z-index: 9;
}
.event-section .single-item .img-box .date p{
  z-index: 9;
  color: #fff;
  margin-bottom: 0px;
  line-height: 0px;
  font-size: 14px;
}
.event-section .single-item .img-box .date:after {
  position: absolute;
  content: "";
  background: #46368b;
  width: 560%;
  height: 490%;
  transform: rotate(223deg);
  left: 0;
  top: -77px;
}

.event-section .single-item .img-box .date:before {
  width: 16px;
  height: 16px;
  pointer-events: none;
  position: absolute;
  content: '';
  z-index: 9;
  top: 0;
  left: 0;
  background: white;
  background: linear-gradient(315deg, #41b357 45%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.event-section .single-item .img-box .date h3{
  color: #fff;
  line-height: 49px;
  margin-bottom: 0px;
  z-index: 9;
}
.event-section .single-item .lower-content{
  position: relative;
  padding: 57px 10px 22px 30px;
  border: 1px solid #e5e5e5;
  border-top: none;
  transition: all 500ms ease;
}
.event-section .single-item:hover .lower-content{
  border: 1px solid #fff;
  border-top: none;
  transition: all 500ms ease
}
.event-section .single-item .lower-content .meta{
  position: relative;
  margin-bottom: 15px;
}
.event-section .single-item .lower-content .meta li{
  position: relative;
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}
.event-section .single-item .lower-content .meta li i:before{
  font-size: 14px;
  margin-right: 4px;
}
.event-section .single-item:hover .lower-content .button a{
  color: #46368b;
}
.event-section .single-item .lower-content h3{
  margin-bottom: 0px;
}
.event-section .single-item .lower-content p{
  margin-bottom: 14px;
}

.event-section img{
  width: 100%;
}
.event-details{
  position: relative;
  padding-bottom: 45px;
}
.event-details .title{
  position: relative;
  font-size: 30px;
  font-family:'Open Sans', sans-serif;
  line-height: 35px;
  color: #222;
}
.event-details .event-details-content .single-item:hover{
  box-shadow: none;
}
.event-details .event-details-content .single-item:hover .lower-content{
  border: 1px solid #e5e5e5;
  border-top: none;
}
.event-details .event-details-content .single-item .lower-content p {
    margin-bottom: 26px;
}
.event-details .single-item .lower-content{
  padding: 60px 10px 7px 30px;
}

.our-team .title{
  position: relative;
  font-size: 30px;
  font-family:'Open Sans', sans-serif;
  line-height: 35px;
  color: #222;
  margin-bottom: 23px;
}
.event-details .google-map-area {
  position: relative;
  margin-bottom: 30px;
}
.event-details #contact-google-map {
  height: 270px;
  width: 100%;
}
.event-details .sidebar-content{
  position: relative;
  margin-top: -5px;
}
.event-details .sidebar-content .title{
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 5px;
}
.event-details .sidebar-content .event-meta{
  margin-bottom: 44px;
}
.event-details .sidebar-content .event-meta .single-meta{
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0px 2px 0px;
}
.event-details .sidebar-content i:before{
  font-size: 13px;
  margin-right: 10px;
}
.event-details .sidebar-content strong{
  font-weight: 400;
  color: #222;
}
.event-details .sidebar-content p{
  position: relative;
  display: inline-block;
}
.event-details .sidebar-content .event-location .single-location{
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0px 2px 0px;
}
.event-details .sidebar-content .event-location{
  margin-bottom: 12px;
}
.event-details .sidebar-content .btn-one{
  display: block;
}


/*** 

====================================================================
                        error-page
====================================================================

***/

.error-section{
  position: relative;
  padding: 0px 0px 120px 0px;
}
.error-section .error-title{
  position: relative;
  font-size: 100px;
  color: #46368b;
  font-family:'Open Sans', sans-serif;
  font-weight: bold;
  line-height: 120px;
  margin-bottom: 45px;
  text-shadow: 5px 5px 5px #ccc;
}
.error-section p{
  margin-bottom: 53px;
}


/*** 

====================================================================
                        our-blog / blog-page
====================================================================

***/

.blog-page{
  position: relative;
  padding: 100px 0px;
}
.our-blog .sidebar-details .single-item{
  position: relative;
  margin-bottom: 40px;
}
.our-blog .sidebar-details .single-item .lower-content{
  padding: 25px 25px 40px 30px;
}
input,
textarea{
  position: relative;
  width: 100%;
  height: 50px;
  padding: 15px 20px;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
input:focus,
textarea:focus{
  border: 1px solid #46368b;
  transition: all 500ms ease;
}
.blog-page .sidebar{
  position: relative;
  margin-top: -13px;
}
.blog-page .sidebar .sidebar-title{
  position: relative;
  font-size: 22px;
  font-family:'Open Sans', sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 22px;
}
.blog-page .sidebar .search-box{
  position: relative;
  margin-bottom: 14px;
}
.blog-page .sidebar .search-box button{
  position: absolute;
  top: 13px;
  right: 14px;
  font-size: 15px;
  color: #222;
  z-index: 1;
  background: transparent;
}
.blog-page .sidebar-catagories{
  margin-bottom: 29px;
}
.blog-page .sidebar-catagories .list{
  border: none;
  padding: 0px 0px 14px 0px;
}
.blog-page .sidebar-catagories .list li a{
  padding: 10px 0px 11px 25px;
}
.blog-page .sidebar-catagories .list li a.active{
  padding: 8px 0px 8px 48px;
}
.blog-page .sidebar .sidebar-catagories .sidebar-title{
  margin-bottom: 4px;
}
.blog-page .sidebar-catagories .list li a:before{
  left: 0px;
  top: 10px;
}
.blog-page .sidebar-catagories .list li a.active:before{
  left: 22px;
}
.blog-page .sidebar-post .single-post{
  position: relative;
  padding: 0px 0px 18px 95px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.blog-page .sidebar-post .single-post .img-box{
  position: absolute;
  left: 0px;
  top: 5px;
}
.blog-page .sidebar-post .single-post h5{
  margin-bottom: 1px;
  line-height: 20px;
}
.blog-page .sidebar-post .single-post i:before{
  font-size: 13px;
  margin-right: 10px;
}
.blog-page .sidebar-catagories .list li:last-child a{
  border-bottom: 1px solid #e5e5e5;
}
.blog-page .sidebar .sidebar-post .sidebar-title{
  margin-bottom: 17px;
}


/*** 

====================================================================
                        blog-details / blog-page
====================================================================

***/

.blog-details{
  position: relative;
}
.blog-details .single-item .date{
  position: relative;
  font-size: 19px;
  line-height: 27px;
  font-family: 'Grand Hotel', sans-serif;
  color: #46368b;
  margin-bottom: 5px;
}
.blog-details .single-item .date span{
  color: #222;
}
.blog-details .single-item .img-box{
  margin-bottom: 26px;
}
.blog-details .single-item .img-box img{
  width: 100%;
}
.blog-details .single-item .title{
  position: relative;
  font-size: 30px;
  font-family:'Open Sans', sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 14px;
}
.blog-details .single-item{
  margin-bottom: 37px;
}
.blog-details .single-item  p{
  margin-bottom: 26px;
}
.blog-details .post-share-option{
  position: relative;
  margin-bottom: 77px;
}
.blog-details .post-share-option .text{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family:'Open Sans', sans-serif;
  line-height: 26px;
  color: #222;
  margin-right: 10px;
}
.blog-details .post-share-option .post-social{
  position: relative;
  display: inline-block;
}
.blog-details .post-share-option .post-social li{
  display: inline-block;
  margin: 0px 4px 0px 3px;
}
.blog-details .post-share-option .post-social li a{
  position: relative;
  display: inline-block;
  font-size: 13px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.blog-details .post-share-option .post-social li a:hover,
.blog-details .post-share-option .post-social li a.active{
  color: #fff;
  background: #46368b;
  border: 1px solid #46368b;
  transition: all 500ms ease;
}
.blog-details .comment-area{
  position: relative;
  margin-bottom: 67px
}
.blog-details .comment-area .single-comment{
  position: relative;
  padding: 0px 0px 0px 104px;
  margin-bottom: 23px;
}
.blog-details .comment-area .single-comment .img-box{
  position: absolute;
  left: 0px;
  top: 10px;
}
.blog-details .comment-area .single-comment h5{
  margin-bottom: 0px;
  display: inline-block;
}
.blog-details .comment-area .single-comment .comment-time{
  position: relative;
  display: inline-block;
  font-size: 13px;
}
.blog-details .comment-area .single-comment .comment-title{
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.blog-details .comment-area .single-comment .button a{
  color: #46368b;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}
.blog-details .comment-title{
  position: relative;
  font-size: 22px;
  font-family:'Open Sans', sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 15px;
}
.blog-details .comment-area .single-comment p{
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 9px;
}
textarea{
  height: 160px;
  resize: none;
  margin-bottom: 24px;
}
.blog-details .comment-form .comment-title{
  margin-bottom: 22px;
}
.blog-details .comment-form .btn-one{
  padding: 12px 32px 12px 32px;
}


/*** 

====================================================================
                        contact page
====================================================================

***/

.contact-section{
  position: relative;
}
.contact-section .contact-title{
  position: relative;
  font-size: 30px;
  font-family:'Open Sans', sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 22px;
}
.contact-section .contact-info .title{
  position: relative;
  font-size: 22px;
  line-height: 30px;
  font-family:'Open Sans', sans-serif;
  color: #222;
  margin-bottom: 8px;
}
.contact-section .contact-info .single-info{
  position: relative;
  padding: 0px 0px 0px 57px;
  margin-bottom: 28px;
}
.contact-section .contact-info .single-info .icon-box{
  position: absolute;
  left: 0px;
  top: 10px;
}
.contact-section .contact-info .single-info .icon-box i:before{
  font-size: 38px;
  color: #46368b;
  margin: 0px; 
}
.contact-section input{
  height: 45px; 
  margin-bottom: 20px; 
  width: 48%;
    float: left; 
    margin-right: 2%;
}
.contact-section textarea {
    height: 200px;
    border-radius: 0;
    width: 98%;
}
.contact-section .btn-one{
  padding: 12px 33px 12px 33px;
}
.contact-section .contact-info{
  position: relative;
  top: 10px;
}
.map-section .google-map-area {
  position: relative;
  margin-bottom: 0px;
}
#contact-google-map {
  height: 420px;
  width: 100%;
}


#owl-demo-1 .item {
    float: left;
    padding: 0 15px;
    width: 100%;
}
#owl-demo-1 .owl-controls .owl-page span {
    background: #999999;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: block;
    height: 10px;
    margin: 0 4px;
    width: 10px;
    outline: 1px solid transparent;
    outline-offset: 2px;
}#owl-demo-1 .owl-controls .owl-page.active span {
    background-color: transparent;
    outline: 1px solid #514492;
    outline-offset: 2px;
    -moz-outline-radius: 100%;
    -webkit-outline-radius: 100%;
}
.owl-theme .owl-controls {
    margin-top: 10px !important;
    text-align: center;
}

.fbox-3 {
  position: relative;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 33px 20px 0px 20px;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    min-height: 200px;
}

.fbox-3 .box-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
  opacity: 0; 
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.fbox-3 span { 
  color: #7f45b5;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  font-size: 60px;
}

.fbox-3:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.fbox-3:hover h5 {
  color: #222;
}


.fbox-3.purple-hover:hover { border-top: 1px solid #783bb1; }
.fbox-3.purple-hover:hover .box-line { background-color: #783bb1; opacity: 1; }
.fbox-3.purple-hover:hover > span { color: #783bb1; }
.wide-70 { padding-top: 100px; padding-bottom: 70px; }
.fbox-3 i:before {
    font-size: 60px;
    /* margin-top: 48px; */
}
.owl-pagination
{
  visibility: hidden !important;
}
.dropbtn {
      background-color: #4caf5000;
    color: white;
    /* padding: 16px; */
    font-size: 14px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #393535;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
}

.dropdown-content a {
    color: black;
    padding: 12px 0;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {color: #ddd !important}

.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content.dropdown a {
    margin-left: 20%;
}
.fbox-3 img {
    width: 100px;
    margin-bottom: 10%;
}
h5.h5-md {
    font-size: 14px;
        font-weight: 600;
}
span.mm img {
    width: 146px;
}
span.ss img {
    width: 81px;
    margin-bottom: 10px;
}
span.vv img {
    width: 78px;
}


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

.footer {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px solid #ffffff;
}
a.logo.navbar-btn.pull-left img {
    height: 63px;
}
.navbar-nav {
    margin: 0px;
}


li.contact-mob {
    padding: 9% 0;
    padding-left: 35px;
}

.owl-item img {
    margin: 0 auto;
    display: flex;
}


header#page-header {
    margin-top: 6%;
}
img.se {
    width: 130px !important;
    margin-bottom: 10% !important;
    margin-top: 11% !important;

}

.page-title-com {
   
    background: url(../images/about/bgg2.jpg) !important;

}
.page-title-ab {
   
    background: url(../images/about/bgg.jpg) !important;

}
.page-title-con {
   
    background: url(../images/about/bgg3.jpg) !important;
	height: 350px;

}
.page-title-con:before {
    position: absolute;
    content: '';
    background: #fff0 !important;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: .4;
}

.video-section .pattern-overlay {
background-color: rgba(71, 71, 71, 0);
padding: 110px 0 32px;
    min-height: 634px;
/* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
text-align:center;
color:#fff;
}
.video-section h1{
font-size:110px;
font-family: 'Buenard', serif;
font-weight:bold;
text-transform: uppercase;
margin: 40px auto 0px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
font-size: 25px;
font-weight:lighter;
margin: 0px auto 15px;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}



.owl-buttons {
  display: none !important;
}
.owl-carousel:hover .owl-buttons {
  display: block !important;
}

.owl-item {
  text-align: center !important;
}

.owl-theme .owl-controls .owl-buttons div {
  background: transparent !important;
  color: #869791 !important;
  font-size: 40px !important;
  line-height: 300px !important;
  margin: 0 !important;
  padding: 0 60px !important;
  position: absolute !important;
  top: 0 !important;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0!important;
  padding-left: 20px !important;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0 !important;
  padding-right: 20px !important;
}


.surveyModalContainer {position:fixed; background-image:url(http://www.getikuw.com/assets/images/icons/20150304_icon_insp-learn-bulb_70-302x500-05.png); background-repeat:no-repeat; background-position:20px -20px; left:50%; top:-100%; transform: translate(-50%, -50%); z-index: 1500; border-radius:10px; border:10px solid #FFF; padding:0px; text-align:center; background-color:#FFF; box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.4); display:none; opacity:0; max-width:700px;}
.surveyModalTitle {padding:20px 45px 20px 24px; border-bottom:1px solid #ddd; margin:0; color:#FFF; font-size:36px; background:#ff8000; font-weight:300; box-sizing:border-box; text-align:left;}
.surveyModalText {font-size:14px; text-align:center; margin:0 auto; line-height:18px;}
.surveyModalText a {text-decoration:none; color:#4FAEDD;}
.surveyModalBody {text-align:center; padding:20px 20px 20px 20px; color:#4D4D4D; font-size:22px; line-height:28px; box-sizing:border-box;}
.surveyModalFooter {padding:0px 0 0px 0px; text-align:center;}
.surveyModalFine {padding:20px 20px; margin:20px auto 0 auto;text-align:left; font-size:13px; letter-spacing:0px; border-top:1px solid #ddd; line-height:18px; box-sizing:border-box;}

.surveyButton {width:80px; height:80px; margin:0px auto 10px auto; content:'';  background-position:0px 0px; background-size:cover; background-repeat:no-repeat;}
.surveyButton:hover {background-position:-80px 0px;}


#surveyCloseButton {box-sizing:border-box; background:#FF8000; display:block; width:30px; height:30px; border-radius:15px; position:absolute; top:10px; right:10px;  z-index:60; cursor:pointer;}
/* ---- MODAL CLOSE X STATIC----*/
#surveyCloseButton:before {background:#F2F2F2; content:''; display:block; width:20px; height:2px; position:absolute; top:14px; transform:rotate(45deg); border-radius:1px; right:5px;-webkit-animation: in1 .3s;}
#surveyCloseButton span {background:#F2F2F2; content:''; display:block; width:20px; height:2px; position:absolute; top:14px;  transform:rotate(135deg); border-radius:1px; right:5px;-webkit-animation: in2 .3s;}
/* ---- MODAL CLOSE X HOVER ----*/
#surveyCloseButton:hover:before {background:#4D4D4D; -webkit-animation: out1 .3s;}
#surveyCloseButton:hover span {background:#4D4D4D; -webkit-animation: out2 .3s;}
/* ---- MODAL CLOSE X ANIMATION ----*/
#surveyCloseButton:hover:before, #surveyCloseButton:hover span {-webkit-transition:none .3s ease 0s; transition:none .3s ease 0s; -webkit-transition-property:transform, top, bottom, right, opacity; transition-property:transform, top, bottom, right, opacity;}
@-webkit-keyframes in1 {
    from   { -webkit-transform: rotate(45deg); }
    to { -webkit-transform: rotate(225deg);}
}
@-webkit-keyframes in2 {
    from   { -webkit-transform: rotate(135deg); }
    to { -webkit-transform: rotate(315deg);}
}
@-webkit-keyframes out1 {
    from   { -webkit-transform: rotate(225deg); }
    to { -webkit-transform: rotate(45deg); }
}
@-webkit-keyframes out2 {
    from   { -webkit-transform: rotate(315deg); }
    to { -webkit-transform: rotate(135deg); }
}
.btn-one-hover:hover {
    color: #46368b !important;
    background: transparent;
    border: 1px solid #46368b;
    transition: all 900ms ease;
}
#surveyModalAuto {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1001; display:none;}
 .page-title-res{
 background: url(../images/about/res-slider.jpg) !important;
}

.content-style-one .title {
    /* font-size: 22px; */
    position: relative;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    line-height: 37px;
    color: #222;
    margin-bottom: 14px;
}
.res-section {
    position: relative;
    padding: 0px 0px 81px 0px;
    background-color: #fff;
}
.res-pic img {
    height: 510px !important;
    object-fit: cover;
}


.res-process .title
{
	  /* font-size: 22px; */
    position: relative;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    line-height: 37px;
    color: #222;
    margin-bottom: 14px;
}

.flex-caption p {
    color: #fff;
    
    text-align: center;
}
.flex-caption a {
    margin: 0 auto;
    
    display: table;
}
.fbox-4 img {
    width: 166px !important;
    margin-bottom: 0% !important;
	    
}
.fbox-4 
{
	max-height: 200px !important;
}
.pdf-link {
    font-size: 24px;
    
}
form#webform-client-form-30 .form-group {
    width: 48%;
    margin-right: 2%;
    float: left;
}
.single-item .img-box img {
    height: 250px;
    object-fit: cover;
}


.page-title-gippsland {
    position: relative;
    background: url(../images/about/gippsland-banner.jpg) !important;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 116px 0px 143px 0px;
    margin-top: 80px;
}