/* Css Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Welcome Section
7. About Section
8. Service Section
9. Cta section
10. Team Section
11. Gallery section 
12. Testimonial
13. Brand section
14. News section
15. Google map area
16. Footer section
17. About Page
18. Service Detail
19. member Detail
20. Team Page 
21. Faq Page
22. Image Gallery
23. Blog Classic
24. Blog Single
25. Contact Page
26. Error Page
**********************************************/


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


@import url(../css/font-awesome.css);
@import url(../css/flaticon.css);
@import url(../css/animate.css);
@import url(../css/owl.css);
@import url(../css/bootstrap.css);
@import url(../css/bootstrap.min.css);
@import url(../css/jquery.fancybox.css);


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



/*** 

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

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


/*** 

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

 ***/


body {
  font-size:15px;
  color:#777777;
  line-height:1.8em;
  font-weight:400;
  background:#ffffff;
  font-family: 'Rasa', serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

a{
  text-decoration:none;
  cursor:pointer;
  color:#f8b239;
}

a:hover,a:focus,a:visited{
  text-decoration:none;
  outline:none;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Rubik', sans-serif;
  font-weight:normal;
  margin:0px;
  background:none;
  line-height:1.6em;
}

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

p{
  position:relative;
  line-height:1.8em;  
}

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

.page-wrapper{
  position:relative;
  margin:0 auto;
  width:100%;
  min-width:300px;
  overflow: hidden;
  
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

.theme-btn{
  display:inline-block;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  font-family: 'Assistant', sans-serif;
}

.centered{
  text-align:center;  
}

.anim-3,.anim-3-all *{
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;  
}

.anim-5,.anim-5-all *{
  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;  
}

.anim-7,.anim-7-all *{
  transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -webkit-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;  
}


.theme-btn .fa{
  position:relative;
  top:2px;
  padding-left:7px;
}

.theme_color{
  color:#fbca00;  
}

.light-font{
  font-weight:300;  
}

.regular-font{
  font-weight:400;  
}

.semibold-font{
  font-weight:600;  
}

.bold-font{
  font-weight:700;  
}

.padd-top-10{
  padding-top:10px !important;  
}

.padd-top-20{
  padding-top:20px !important;  
}

.padd-top-30{
  padding-top:30px !important;  
}

.padd-top-40{
  padding-top:40px !important;  
}

.padd-top-50{
  padding-top:50px !important;  
}

.padd-top-60{
  padding-top:60px !important;  
}

.padd-top-70{
  padding-top:70px !important;  
}

.padd-left-10{
  padding-left:10px !important; 
}

.padd-left-20{
  padding-left:20px !important; 
}

.padd-left-30{
  padding-left:30px !important; 
}

.padd-left-40{
  padding-left:40px !important; 
}

.padd-left-50{
  padding-left:50px !important; 
}

.padd-left-60{
  padding-left:60px !important; 
}

.padd-left-70{
  padding-left:70px !important; 
}

.padd-bott-10{
  padding-bottom:10px !important; 
}

.padd-bott-20{
  padding-bottom:20px !important; 
}

.padd-bott-30{
  padding-bottom:30px !important; 
}

.padd-bott-40{
  padding-bottom:40px !important; 
}

.padd-bott-50{
  padding-bottom:50px !important; 
}

.padd-bott-60{
  padding-bottom:60px !important; 
}

.padd-bott-70{
  padding-bottom:70px !important; 
}

.padd-bott-90{
  padding-bottom:90px !important; 
}

.padd-bott-100{
  padding-bottom:100px !important;  
}

.padd-right-10{
  padding-right:10px !important;  
}

.padd-right-20{
  padding-right:20px !important;  
}

.padd-right-30{
  padding-right:30px !important;  
}

.padd-right-40{
  padding-right:40px !important;  
}

.padd-right-50{
  padding-right:50px !important;  
}

.padd-right-60{
  padding-right:60px !important;  
}

.padd-right-70{
  padding-right:70px !important;  
}

.margin-top-10{
  margin-top:10px !important; 
}

.margin-top-20{
  margin-top:20px !important; 
}

.margin-top-30{
  margin-top:30px !important; 
}

.margin-top-40{
  margin-top:40px !important; 
}

.margin-top-50{
  margin-top:50px !important; 
}

.margin-top-60{
  margin-top:60px !important; 
}

.margin-top-70{
  margin-top:70px !important; 
}

.margin-bott-10{
  margin-bottom:10px !important;  
}

.margin-bott-20{
  margin-bottom:20px !important;  
}

.margin-bott-30{
  margin-bottom:30px !important;  
}

.margin-bott-40{
  margin-bottom:40px !important;  
}

.margin-bott-50{
  margin-bottom:50px !important;  
}

.margin-bott-60{
  margin-bottom:60px !important;  
}

.margin-bott-70{
  margin-bottom:70px !important;  
}

.no-padd-bottom{
  padding-bottom:0px !important;  
}

.no-padd-top{
  padding-top:0px !important; 
}

.no-margin-bottom{
  margin-bottom:0px !important; 
}

.no-margin-top{
  margin-bottom:0px !important; 
}

.no-padd-left{
  padding-left:0px !important;  
}

.no-padd-right{
  padding-right:0px !important; 
}

.bg-lightgrey{
  background-color:#f6f6f6 !important;  
}

.no-bg{
  background:none !important; 
}

.text-uppercase{
  text-transform:uppercase !important;  
}

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

/*** 

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

***/

.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  color:#071740;
  font-size:12px;
  line-height:32px;
  width:34px;
  height:34px;
  border: 1px solid #a29afb;
  background: #a29afb;
  text-align:center;
  opacity: .3;
  z-index:100;
  cursor:pointer;
  display:none;
  border-radius:17px;
  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:hover{
  background:#a29afb;
  color:#071740;
  opacity: .9;
  transition:all 500ms ease;
}
a.btn-style-one{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-style: 'Rubik',sans-serif;
  color: #fff;
  line-height: 25px;
  border: 1px solid #a29afb;
  padding: 14px 35px;
  background: #a29afb;
  border-radius: 25px;
  transition: all 500ms ease;
}
a.btn-style-one:hover{
  color: #a29afb;
  background: transparent;
  border: 1px solid#a29afb;
  transition: all 500ms ease;
}
.section-title{
  position: relative;
  font-size: 36px;
  font-family: 'Rubik',sans-serif;
  line-height: 36px;
  color: #071740;
  margin-bottom: 15px;
}
.title{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: 'Open Sans',sans-serif;
  color: #848484;
  line-height: 25px;
  margin-bottom: 15px;
}



/*** 

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

***/

/** header area **/

.header-upper{
  position: relative;
  width: 100%;
  padding: 16px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.header-upper .top-left li {
  display: inline-block;
  margin-right: 36px;
  color: #d4dae3;
  font-size: 14px;
  line-height: 32px;
  font-family: 'Open Sans',sans-serif;
}
.header-upper .top-left li i:before{
  color: #a29afb;
  margin-right: 8px;
}
.header-upper .top-right .social-link{
  padding: 0px;
  margin: 0px;
  list-style: none;
  float: right;
}
.header-upper .top-right .social-link li{
  display: inline-block;
    margin-left: 7px;
}
.header-upper .top-right .social-link a {
  position: relative;
  font-size: 13px;
  line-height: 31px;
  text-align: center;
  height: 32px;
  width: 32px;
  color: #d4dae3;
  border: 1px solid #979ba1;
  border-radius: 50%;
  display: inline-block;
  transition: all 500ms ease;
}
.header-upper .top-right .social-link li a:hover{
  background: #a29afb;
  border: 1px solid #a29afb;
  color: #fff;
  transition: all 500ms ease;
}
.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  margin-bottom: -166px;
  font-family: 'Roboto', serif;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.main-header .outer-box{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
}

.header-lower .logo{
  position: relative;
  padding: 10px 0px 0px 0px;
  display: inline-block;
}
.stricky-fixed .logo{
  padding-top: 7px;
}
.sticky-header .logo{
  position: relative;
  padding: 25px 0px 25px 0px;
  display: inline-block;
}

.main-menu{
  position:relative;
  display: inline-block;
  float: right;
  right: 46px;
}

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

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

.main-menu .navigation > li{
  position:relative;
  display: inline-block;
  margin-left: 16px;
  margin-bottom: 0px;
}
.main-menu .navigation > li:last-child{
  margin-right: 0px;
}

.main-menu .navigation > li > a > i:before{
  margin-right: 5px;
  font-size: 16px;
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:15px;
  color: #d4dae3;
  line-height: 25px;
  font-weight:500;
  padding:18px 17px 19px 10px;
  text-align: center;
  text-transform:capitalize;
  font-family: 'Rubik', sans-serif;
  opacity:1;
  -webkit-transition:all 500ms ease;
}
.sticky-header .main-menu .navigation > li > a{
  line-height: 60px;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #a29afb;
  background: none;
  transition: all 500ms ease;
}

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

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:100%;
  width:220px;
  padding:0px;
  z-index:100;
  display:none;
  background:#a29afb;
  border-top:3px solid #a29afb;
}
.sticky-header .main-menu .navigation > li > ul{
  margin-top: 0px;
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  border-bottom:1px solid rgba(255,255,255,0.30);
}
.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:400;
  background: #071740;
  font-size:15px;
  font-family: 'Rubik', sans-serif;
  text-transform:capitalize;
  color: #ffffff;
  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 > a{
  background: #fff;
  color: #a29afb;
  transition:all 500ms ease;
  padding: 10px 15px 10px 18px;
}


.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%;  
}
.main-menu ul li.dropdown{
  position: relative;
}
.main-menu li.dropdown:before{
  position:absolute;
  content: "\f107";
  font-family: 'FontAwesome';
  right: 2px;
  top: 17px;
  font-size:15px;
  color:#d4dae3;
  cursor:pointer;
  transition: all 500ms ease;
}
.main-menu li.current.dropdown:before,
.main-menu li.dropdown:hover:before{
  color: #a29afb;
}
.sticky-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  top: 32px;
}
.more-option {
  display: inline-block;
  position: absolute;
  top: 19px;
  right: 0px;
  border-radius: 5px;
}
.sticky-header .more-option{
  top: 36px;
}
.more-option li {
  padding: 10px 0px;
  position: relative;
  display: inline-block;
}
.more-option .seach-toggle {
  background: transparent;
  border-radius: 0;
  color: #d4dae3;
  border-left: 1px solid #d4dae3;
  cursor: pointer;
  display: block;
  font-size: 15px;
  line-height: 21px;
  position: relative;
  text-align: center;
  padding: 0px 15px 0px 20px;
  transition: all 500ms ease;
}
.more-option .seach-toggle:hover{
  color: #a29afb;
  transition: all 500ms ease;
}
.more-option .search-box {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 44px;
  transition: all 500ms ease 0s;
  visibility: hidden;
}
.more-option li {
  padding: 10px 0px;
  position: relative;
  display: inline-block;
}
.more-option .search-box .form-group {
  position: relative;
  padding: 0px;
  margin: 0px;
  width: 100%;
  min-width: 250px;
}
.more-option .search-box .form-group input[type="search"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #071740;
  color: #071740;
  display: block;
  font-size: 13px;
  line-height: 24px;
  position: relative;
  transition: all 500ms ease 0s;
  width: 100%;
  height: 40px;
  padding: 10px 50px 10px 20px
}
.more-option .search-box .form-group button, .nav_right_area .search-box .form-group input[type="submit"] {
  background: #071740;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0px;
  width: 40px;
  transition: all 500ms ease 0s;
}
.more-option .search-box.now-visible {
  top: 44px;
  right: 0px;
  opacity: 1;
  visibility: visible;
}
.more-option .search-box{
  background: #fff;
  padding: 15px;
  border: 1px solid #f5f5f5;
}

/*========= mobile-menu ==============*/

.mobile-menu .dropdown-btn {
  position: absolute;
  right: 15px;
  top: 0;
  width: 30px;
  height: 43px;
  border-left: 1px solid #ffffff;
  cursor: pointer;
  display: block;
  z-index: 5;
}
.mobile-menu .dropdown-btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  width: 100%;
  left: 7px;
}

.mobile-menu,
.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  background: #000000;
}

.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  display: none;
}

.mobile-menu > li > a,
.mobile-menu > li > ul > li > a,
.mobile-menu > li > ul > li > ul > li > a{
  padding:10px 20px;
  font-family: 'Montserrat', sans-serif;
  line-height:22px;
  color:#ffffff;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  border-top: 1px solid #fff;
}


/* Mainmenu fixed style */
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.theme_menu.stricky-fixed {
  margin: 0;
  position: fixed;
  background: #071740;
  padding: 0px 0px 0px 0px;
  top:0;
  left:0;
  width: 100%;
  z-index: 99999;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);
}


/** main slider **/

.main-slider{
  position: relative;
}

.main-slider .banner-carousel{
  position: relative;
}

.main-slider .slide-item{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 428px 0px 185px 0px;
}

.main-slider .slide-item .image-layer{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transition: all 6000ms linear;
  -moz-transition: all 6000ms linear;
  -ms-transition: all 6000ms linear;
  -o-transition: all 6000ms linear;
  transition: all 6000ms linear;
}

.main-slider .active .slide-item .image-layer{
  -webkit-transform:scale(1.15);
  -ms-transform:scale(1.15);
  transform:scale(1.15);
}

.main-slider .image-layer:before{
  position: absolute;
  content: '';
  background: rgba(49, 86, 163, 0.8);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
}
.main-slider .banner-title{
  position: relative;
  font-size: 55px;
  color: #fff;
  font-family: 'Rubik',sans-serif;
  font-weight: 500;
  line-height: 60px;
  margin-bottom: 27px;
  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(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}
.main-slider .active .banner-title{
  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 .banner-text{
  position: relative;
  font-size: 16px;
  font-family: 'Open Sans',sans-serif;
  line-height: 28px;
  color: #fff;
  margin-bottom: 34px;
  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(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.main-slider .active .banner-text{
  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 .btn-style-one{
  transition: all 500ms ease;
  font-family: 'Rubik',sans-serif;
  padding: 13px 38px 10px 38px;
}
.main-slider .banner-btn{
  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: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.main-slider .active .banner-btn{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 1500ms;
}

/* slide nav */

.slide-nav .owl-nav {
  padding: 0px;
  top: 55%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .5s ease;
}
.slide-nav:hover .owl-nav {
  transform: scale(1);
  opacity: 1;
}
.slide-nav .owl-nav .owl-next,
.slide-nav .owl-nav .owl-prev {
  position: relative;
  width: 55px;
  height: 55px;
  line-height: 55px;
  background:  transparent;
  text-align: center;
  border: 2px solid #ffffff;
  font-size: 18px;
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.slide-nav .owl-nav .owl-next:hover,
.slide-nav .owl-nav .owl-prev:hover{
  border: 2px solid #a29afb;
  background: #a29afb;
}
.slide-nav .carousel-outer:hover .owl-nav .owl-next,
.slide-nav .carousel-outer:hover .owl-nav .owl-prev {
  opacity: 1;
  visibility: visible;
}
.slide-nav .owl-nav .owl-prev {
  left: 50px;
  float:  left;
}
.slide-nav .owl-nav .owl-next {
  right: 50px;
  float:  right;
}

.slide-nav .owl-dots{
  display: none !important;
}


/** welcome section **/

.welcome-section{
  position: relative;
  padding: 95px 0px;
}
.welcome-section .welcome-title{
  position: relative;
  padding-bottom: 33px;
}
.welcome-section h2.section-title{
  margin-bottom: 11px;
}
.welcome-section .icon-box{
  border: 2px solid #e5e5e5;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  margin: 0 auto;
  transition: all 500ms ease;
}
.welcome-section .icon-box i:before{
  font-size: 24px;
  color: #a29afb;
  margin: 0px;
  line-height: 62px;
  transition: all 900ms ease;
}
.welcome-section .single-item:hover i:before{
  color: #fff;
  transition: all 900ms ease;
}
.welcome-section .single-content h3{
  font-size: 24px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  margin-bottom: 15px;
  margin-top: 26px;
  transition: all 500ms ease;
}
.welcome-section .single-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 15px;
  padding: 0px 15px 0px 40px;
  transition: all 500ms ease;
}
.welcome-section .single-item{
  position: relative;
  padding: 40px 0px 25px 0px;
  transition: all 900ms ease;
}
.welcome-section .single-item:hover{
  background: #a29afb;
  color: #fff;
  border-radius: 5px;
  margin-right: -10px;
  margin-left: -10px;
  padding: 40px 10px 25px 10px;
  box-shadow: 8px 8px 12px 0px rgba(162, 154, 251, 0.58);
  transition: all 900ms ease;
}
.welcome-section .single-item:hover p{
  color: #fff;
  transition: all 500ms ease;
}
.welcome-section .single-item:hover h3{
  color: #fff;
  transition: all 500ms ease;
}

/** about-section **/

.about-section{
  position: relative;
  padding: 100px 0px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
.about-section:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .8;
}
.about-section .img-box{
  position: relative;
  padding: 0px 20px 0px 40px;
}
.about-section .img-box img{
  position: relative;
  width: 100%;
  border-radius: 5px;
}
.about-section .img-box:before{
  position: absolute;
  content: '';
  border: 2px solid #a29afb;
  left: 20px;
  top: 20px;
  right: 0px;
  bottom: 0px;
  width: 548px;
  border-radius: 5px;
  height: 335px;
}
.about-section h2.section-title{
  margin-bottom: 17px;
}
.about-section .about-content{
  position: relative;
  padding-top: 35px;
}
.about-section .about-content h4{
  font-size: 18px;
  font-family: 'Rubik',sans-serif;
  line-height: 28px;
  color: #071740;
  margin-bottom: 16px;
}
.about-section .about-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 14px;
}
.about-section .about-content a{
  font-size: 15px;
  font-family: 'Rubik',sans-serif;
  line-height: 25px;
  font-weight: 500;
  color: #a29afb;
  transition: all 500ms ease;
}
.about-section .about-content a:hover{
  color: #071740;
}
.about-section .about-content i:before{
  font-size: 14px;
  margin-left: 5px;
}

/** service-section **/

.service-section{
  position: relative;
  padding: 95px 0px 70px 0px;
}
.service-section .service-content i:before{
  margin: 0px;
  font-size: 18px;
  color: #a29afb;
  margin-right: 16px;
}
.service-section .service-content{
  position: relative;
  padding: 0px 0px 16px 30px;
}
.service-section .service-content .text{
  margin-top: 23px;
  margin-bottom: 14px
}
.service-section .service-content a{
  font-size: 20px;
  font-family: 'Rubik',sans-serif;
  color: #071740;
  line-height: 30px;
  display: inline-block;
  transition: all 900ms ease;
}
.service-section .single-item .service-content a:hover{
  color: #a29afb;
  transition: all 900ms ease;
}
.service-section .single-item .img-box{
  position: relative;
  overflow: hidden;
}
.service-section img{
  transition: all 500ms ease;
  transform: scale(1.0);
  width: 100%;
}
.service-section .single-item:hover img{
  transform: scale(1.1);
}
.service-section .title{
  margin-bottom: 48px;
}
.service-section h2.section-title{
  margin-bottom: 12px;
}
.service-section .single-item{
  position: relative;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 30px;
  transition: all 900ms ease;
}
.service-section .single-item:hover{
  border: 1px solid #fff;
  box-shadow:  8px 8px 8px rgba(0, 0, 0, 0.05);
}
.service-section .service-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  transition: all 900ms ease;
}

/** cta-section **/

.cta-section{
  position: relative;
  background: url(../images/home/cta-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 90px 0px;
  width: 100%;
}
.cta-section:before{
  position: absolute;
  content: '';
  background: #a29afb;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: .9;
}
.cta-section h2.section-title{
  color: #fff;
  display: inline-block;
  line-height: 44px;
  margin-bottom: 0px;
}
.cta-section a{
  position: relative;
  font-size: 15px;
  line-height: 26px;
  font-family: 'Rubik',sans-serif;
  color: #222222;
  display: inline-block;
  float: right;
  background: #fff;
  padding: 12px 32px 11px 32px;
  top: 19px;
  border-radius: 25px;
  text-transform: uppercase;
  font-weight: 500;
  transition: all 500ms ease;
}
.cta-section a:hover{
  color: #fff;
  background: #222;
  transition: all 500ms ease;
}

/** team-section **/

.team-section{
  position: relative;
  padding: 98px 0px 120px 0px;
}
.team-section .title{
  margin-bottom: 103px;
}
.team-section .single-item{
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0px 35px;
  transition: all 900ms ease;
}
.team-section .single-item:hover{
  box-shadow: 8px 8px 9px rgba(0, 0, 0, 0.09);
  border: 1px solid transparent;
  transition: all 900ms ease;
}
.team-section .img-box{
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  margin-top: -56px;
  margin-bottom: 33px;
}
.team-section .single-item h4{
  font-size: 20px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  display: inline-block;
  transition: all 500ms ease;
}
.team-section .single-item h4:hover{
  color: #a29afb;
  transition: all 500ms ease;
}
.team-section .single-item .text{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 24px;
  color: #848484;
  margin-bottom: 16px;
}
.team-section .single-item p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 34px;
}
.team-section .single-item .social-link{
  position: relative;
  margin-bottom: -25px;
}
.team-section .single-item .social-link  a{
  position: relative;
  font-size: 13px;
  color: #848484;
  background: #fff;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 45px;
  width: 45px;
  height: 45px;
  border-radius: 5px;
  display: inline-block;
  z-index: 1;
  transition: all 500ms ease;
}
.team-section .single-item .social-link a:hover{
  background: #a29afb;
  border: 1px solid #a29afb;
  color: #fff;
  box-shadow: 8px 8px 9px rgba(0, 0, 0, 0.09);
  transition: all 500ms ease;
}
.team-section h2.section-title{
  margin-bottom: 12px;
}

/** gallgery-section **/

.gallery-section{
  position: relative;
  background: #f5f5f8;
  padding: 95px 0px 93px 0px;
  width: 100%;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; 
}
.gallery-section:before{
  position: absolute;
  content: '';
  background: url(../images/gallery/gallery-bg.png);
  width: 475px;
  height: 100%;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
}
.gallery-section h2.section-title{
  margin-bottom: 17px;
}
.gallery-section  p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 22px;
}
.gallery-section .advice{
  padding-right: 10px;
}
.gallery-section input[type='text'],
.gallery-section input[type='email'],
.gallery-section textarea{
  width: 100%;
  padding: 10px;
  border: 1px solid #d9d9d9;
  background: #f7f7f7;
  height: 50px;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.gallery-section textarea{
  height: 130px;
  resize: none;
  margin-bottom: 11px;
}
.gallery-section input:focus,
.gallery-section textarea:focus{
  border: 1px solid #a29afb;
}
.form-group{
  margin-bottom: 0px;
}
.gallery-section button{
  font-size: 15px;
  font-family: 'Rubik',sans-serif;
  color: #fff;
  line-height: 25px;
  font-weight: 500;
  padding: 13px 36px;
  background: #a29afb;
  border-radius: 25px;
  transition: all 500ms ease;
}
.gallery-section button:hover{
  color: #a29afb;
  background: #fff;
  transition: all 500ms ease;
}
.gallery-section .our-gallery .img-box{
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius: 5px;
  float: left;
  width: 180px;
  height: 130px;
  margin: 0px 10px 10px 0px;
}
.gallery-section .our-gallery .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.gallery-section .our-gallery .img-box:hover img{
  transform: scale(1.1);
}

/** testimonial **/

.testimonial{
  position: relative;
  padding: 95px 0px ;
}
.testimonial .testimonial-content .text{
  font-size: 17px;
  font-family: 'Open Sans',sans-serif;
  line-height: 28px;
  color: #848484;
  margin-bottom: 37px;
}
.testimonial .testimonial-content .testimonial-author .text{
  font-size: 18px;
  font-family: 'Rubik',sans-serif;
  line-height: 28px;
  color: #071740;
  margin-bottom: 0px;
}
.testimonial .testimonial-content .testimonial-author span{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 25px;
  color: #a29afb;
}
.testimonial h2.section-title{
  margin-bottom: 12px;
}
.testimonial .title{
  margin-bottom: 55px;
}

.testimonial .client-thumb-outer{
  position:relative;
  max-width:280px;
  margin:0 auto;
  overflow:hidden;
  margin-bottom: 20px;
}
.testimonial .client-thumb-outer .client-thumbs-carousel{
  position: relative;
  max-width: 90px;
  margin: 0 auto;
}
.testimonial .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
  overflow:visible;
}
.testimonial .client-thumb-outer .client-thumbs-carousel .thumb-item{
  position:relative;
  border-radius:50%;
  -o-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.testimonial .client-thumb-outer .thumb-item .thumb-box{
  width:75px;
  height:75px;
  cursor:pointer;
  overflow: hidden;
  border-radius:50%;
}
.testimonial .owl-item.active .thumb-item .thumb-box{
  position: relative;
  width: 100px;
  height: 100px;
  top: -13px;
  left: -12px;
}
.testimonial .client-thumb-outer .client-thumbs-carousel .thumb-item img{
  overflow:hidden;
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
}
.testimonial .client-testimonial-carousel{
  padding: 0px 155px;
}
.testimonial .client-thumb-outer .client-thumbs-carousel .owl-nav{
  display: none;
}
.testimonial .owl-nav {
  position: absolute;
  left: 0px;
  top: 6px;
  width: 100%;
}
.testimonial .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
}
.testimonial .owl-nav .owl-next {
  position: absolute;
  right: 0px;
}
.testimonial .owl-nav .owl-prev, .testimonial .owl-nav .owl-next {
  display: inline-block;
  color: #9d9d9d;
  width: 55px;
  height: 55px;
  font-size: 20px;
  line-height: 55px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #e5e5e5;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonial .owl-nav .owl-prev:hover, .testimonial .owl-nav .owl-next:hover{
  border: 2px solid #a29afb;
  color: #a29afb;
}

/** brand-section **/

.brand-section{
  position: relative;
  background: #a29afb;
  width: 100%;
  padding: 50px 15px;
}
.brand-section .owl-nav {
  display: none;
}
.brand-section .owl-theme .owl-controls{
  display: none;
}
.brand-section img{
  display: inline-block !important;
  width: auto;
  max-width: 100%;
}
.brand-section .img-box{
  position: relative;
  text-align: center;
  border: 1px solid #d1cdfd;
  transition: all 500ms ease;
}
.brand-section .img-box:hover{
  border: 1px solid #071740;
}

/** news-section **/

.news-section{
  position: relative;
  padding: 95px 0px 100px 0px;
}
.news-section .title{
  margin-bottom: 48px;
}
.news-section .single-item{
  position: relative;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  transition: all 500ms ease;
}
.news-section .single-item .img-box{
  position: relative;
}
.news-section img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.news-section .single-item:hover img{
  transform: scale(1.1);
}
.news-section .single-item .date{
  position: relative;
  background: #fff;
  left: 29px;
  top: -35px;
  border: 1px solid #e5e5e5;
  padding: 6px 21px;
  border-radius: 5px;
  display: inline-block;
  transition: all 500ms ease;
}
.news-section .single-item .date .text{
  font-size: 22px;
  font-family: 'Open Sans',sans-serif;
  line-height: 30px;
  color: #071740;
  font-weight: 600;
  transition: all 500ms ease;
}
.news-section .single-item .date span{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 23px;
  color: #848484;
  display: inline-block;
  transition: all 500ms ease;
}
.news-section h2.section-title{
  margin-bottom: 12px;
}
.news-section .single-item:hover .date .text{
  color: #fff;
  transition: all 500ms ease;
}
.news-section .single-item:hover .date span{
  color: #fff;
  transition: all 500ms ease;
}
.news-section .single-item:hover .date{
  background: #a29afb;
  color: #fff;
  border: 1px solid #a29afb;
  box-shadow: 5px 5px 8px rgba(162, 154, 251, 0.41);
  transition: all 500ms ease;
}
.news-section .single-item:hover{
  position: relative;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.14);
  border: 1px solid transparent;
  transition: all 500ms ease;
}
.news-section .single-content{
  position: relative;
  padding: 0px 15px 0px 30px;
  margin-top: -15px;
}
.news-section .single-content h4 a{
  font-size: 20px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  margin-bottom: 15px;
  transition: all 500ms ease;
}
.news-section .single-content h4 a:hover{
  color: #a29afb;
  transition: all 500ms ease;
}
.news-section .single-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 24px;
}

.google-map-area {
    position: relative;
}
#contact-google-map {
    height: 300px;
    width: 100%;
}

/** footer-section **/

.footer-section{
  position: relative;
  padding-top: 60px;
  background: #0a142b;
  width: 100%;
}
.footer-section input[type='email']{
  width: 480px;
  padding: 10px 20px;
  height: 55px;
  background: #232c41;
  border-radius: 25px;
  display: inline-block;
  border: 1px solid #0a142b;
  margin-right: 15px;
  transition: all 500ms ease;
}
.footer-section button{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 24px;
  color: #fff;
  padding: 13px 44px;
  text-transform: uppercase;
  font-weight: bold;
  background: #a29afb;
  border-radius: 25px;
  display: inline-block;
  transition: all 500ms ease;
}
.footer-section button:hover{
  color: #0a142b;
  background: #fff;
}
.footer-section ::-webkit-input-placeholder { /* Chrome */
  color: #ffffff;
}

.footer-section :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}

.footer-section ::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
  opacity: 1;
}

.footer-section :-moz-placeholder { /* Firefox 4 - 18 */
  color: #ffffff;
  opacity: 1;
}
.footer-section label.error{
  display: none !important;
}
.footer-section .subscribe-form{
  position: relative;
  padding: 0px 250px 0px 265px;
}
.footer-section input[type="text"]:focus, .footer-section input[type="email"]:focus, .footer-section input[type="password"]:focus, .footer-section input[type="date"]:focus, .footer-section input[type="datetime"]:focus, .footer-section input[type="url"]:focus, .footer-section input[type="time"]:focus, .footer-section select:focus, .footer-section textarea:focus {
    border-color: #a29afb;
    color: #fff;
}
.footer-section .subscribe-widget{
  position: relative;
  border-bottom: 1px solid #232c41;
  padding-bottom: 60px;
}
.main-footer{
  position: relative;
  padding-top: 90px;
  padding-bottom: 100px;
  border-bottom: 1px solid #232c41;
  color: #dee5ee;
}
.main-footer .footer-logo{
  margin-bottom: 19px;
}
.main-footer .logo-widget p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  margin-bottom: 22px;
  padding-right: 10px;
}
.main-footer .logo-widget .footer-social li{
  display: inline-block;
  margin-right: 3px;
}
.main-footer .logo-widget .footer-social li a{
  position: relative;
  text-align: center;
  font-size: 15px;
  color: #dee5ee;
  border: 1px solid #b2b5bc;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  line-height: 40px;
  display: block;
  transition: all 500ms ease;
}
.main-footer .logo-widget .footer-social li a:hover{
  background: #a29afb;
  border: 1px solid #a29afb;
  transition: all 500ms ease;
}
.main-footer h4{
  font-size: 20px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #d4dae3;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.main-footer .link-widget{
  position: relative;
  padding: 0px 0px 0px 53px;
}
.main-footer .link-widget a{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 28px;
  display: block;
  color: #dee5ee;
  margin-bottom: 10px;
  transition: all 500ms ease;
}
.main-footer .link-widget a:hover{
  color: #a29afb;
  text-decoration: underline;
  transition: all 500ms ease;
}
.main-footer .link-widget i{
  margin-right: 6px;
}
.main-footer .contact-widget p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  margin-bottom: 23px;
  padding-right: 10px;
}
.main-footer .contact-widget .single-item{
  position: relative;
  padding: 0px 0px 0px 22px;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 23px;
  color: #dee5ee;
  margin-bottom: 8px;
}
.main-footer .contact-widget .single-item i{
  position: absolute;
  left: 0px;
  top: 0px;
}
.main-footer .contact-widget .single-item i:before{
  color: #a29afb;
  margin: 0px;
}
.footer-bottom{
  position: relative;
  padding: 19px 0px;
}
.footer-menu{
  position: relative;
  float: right;
  padding: 0px;
  margin: 0px;
}
.footer-menu li{
  display: inline-block;
  margin-left: 40px;
}
.footer-menu li a{
  font-size: 15px;
  font-family: 'Rubik',sans-serif;
  line-height: 26px;
  color: #b9c0ca;
}
.footer-menu li.current a{
  color: #8e88df;
}
.footer-bottom .copyright{
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  color: #b9c0ca;
  line-height: 26px;
}
.footer-bottom .copyright a{
  color: #8e88df;
  transition: all 500ms ease;
}
.footer-bottom .copyright a:hover{
  color: #fff;
}


/*** 

====================================================================
                        about-page
====================================================================

***/


.page-title{
  position: relative;
  width: 100%;
  padding: 350px 0px 90px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.page-title:before{
  position: absolute;
  content: "";
  background: #081431;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .7;
}
.page-title .section-head h1{
  font-size: 36px;
  font-family: 'Rubik',sans-serif;
  line-height: 40px;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.bread-crumb{
  position: relative;
  padding: 0px;
  margin: 0px;
}
.bread-crumb li {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: 'Open Sans',sans-serif;
  color: #d4dae3;
  line-height: 26px;
  padding-right: 15px;
  margin-right: 2px;
}
.bread-crumb li:last-child{
  padding-right: 0px;
  margin-right: 0px;
}
.bread-crumb li:first-child:before{
  position: absolute;
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 15px;
  color: #d4dae3;
  top: 1px;
  right: -1px;
}
.bread-crumb li a{
  font-size: 15px;
  font-family: 'Open Sans',sans-serif;
  color: #d4dae3;
  line-height: 26px;
  transition: all 500ms ease;
}
.bread-crumb li a:hover{
  color: #a29afb;
}





/*** 

====================================================================
                        service-detail
====================================================================

***/

.sidebar-page-container{
  position: relative;
}
.service-detail{
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.service-detail .img-box{
  position: relative;
  border-radius: 5px;
}
.sidebar-page-container .content-side{
  padding-top: 100px;
  padding-bottom: 100px;
}
.service-detail .img-box img{
  width: 100%;
}
.service-detail .lower-contant{
  position: relative;
  padding: 35px 54px 6px 70px;
}
.service-detail .lower-contant .icon-box{
  position: absolute;
  left: 11px;
  top: 31px;
}
.service-detail .lower-contant .icon-box i:before{
  color: #a29afb;
}
.service-detail .lower-contant h3{
  font-size: 24px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  margin-bottom: 16px;
}
.service-detail .lower-contant p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 26px;
}
.sidebar-page-container .sidbar-search .form-group input[type='search']{
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 25px;
  padding: 10px 40px 10px 20px;
  height: 50px;
  transition: all 500ms ease;
}
.sidebar-page-container .sidbar-search .form-group input[type='search']:focus{
  border: 1px solid #a29afb;
}
.sidebar-page-container .more-option{
  position: relative;
  top: 0px;
  border-radius: 0px;
  width: 100%;
  margin-bottom: 27px;
}
.sidebar-page-container .more-option button {
  position: absolute;
  top: 10px;
  right: 23px;
  color: #a29afb;
  background: transparent;
}
.sidebar-page-container .service-title h4{
  font-size: 20px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  margin-bottom: 14px;
}
.sidebar-page-container .sidbar{
  padding-top: 100px;
  padding-bottom: 100px;
  height: 1078px;
  padding-left: 50px;
  border-left: 1px solid #e5e5e5;
  margin-left: 20px;
}
.sidebar-page-container .sidbar .list a{
  position: relative;
  display: block;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 9px;
  transition: all 500ms ease;
}
.sidebar-page-container .sidbar .list a:hover{
  color: #a29afb;
  transition: all 500ms ease;
}
.sidebar-page-container .sidbar .list i{
  margin-right: 7px;
}
.sidebar-page-container .sidbar .service{
  position: relative;
  margin-bottom: 38px;
}
.sidebar-page-container  .single-item{
  position: relative;
  padding: 0px 0px 25px 95px;
}
.sidebar-page-container .single-item .img-box{
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  width: 80px;
  height: 75px;
  left: 0px;
  top: 0px;
}
.sidebar-page-container .single-item .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.sidebar-page-container .single-item:hover .img-box img{
  transform: scale(1.1);
}
.sidebar-page-container .single-item h5{
  font-size: 16px;
  font-family: 'Rubik',sans-serif;
  line-height: 25px;
  color: #071740;
  top: -6px;
  transition: all 500ms ease;
}
.sidebar-page-container .single-item h5:hover{
  color: #a29afb;
  transition: all 500ms ease;
}
.sidebar-page-container .single-item span{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 21px;
  color: #a7a7a7;
  transition: all 500ms ease;
}
.sidebar-page-container .single-item span:hover{
  color: #a29afb;
  transition: all 500ms ease;
}
.sidebar-page-container .other-service .service-title h4{
  margin-bottom: 22px;
}




/*** 

====================================================================
                       member detail
====================================================================

***/

.member-info{
  position: relative;
  background: #f5f5f8;
  width: 100%;
  padding: 0px 0px;
}
.member-info .single-item:hover{
  box-shadow: none;
  border: 1px solid #e5e5e5;
}
.member-info .single-item {
  background: #fff;
  top: 208px;
  z-index: 1;
}
.member-info .img-box {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  margin-top: -105px;
  margin-bottom: 43px;
}
.member-info .single-item .social-link  a{
  background: #f5f5f8;
}
.member-info .single-item h2{
  position: relative;
  font-size: 36px;
  font-family: 'Rubik',sans-serif;
  color: #071740;
  line-height: 40px;
  margin-bottom: 7px;
  transition: all 500ms ease;
  display: inline-block;
}
.member-info .single-item .text{
  color: #a29afb;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 16px;
}
.member-info .single-item p{
  line-height: 27px;
  margin-bottom: 45px;
}
.profile-section{
  position: relative;
  padding: 330px 0px 73px 0px;
}
.profile-section .Skills-side{
  position: relative;
  padding: 0px 0px 0px 20px;
}
.Skills-progress {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.Skills-progress .progress {
  height: 6px;
}
.Skills-progress .progress-item {
  margin-top: 5px;
}
.Skills-progress .progress-item .progress {
  background-color: #f0f0f0;
  border-radius: 8px;
  margin-bottom: 27px;
  overflow: visible;
}
.Skills-progress .progress-item .progress-bar {
  background-color: #a29afb;
  border-radius: 8px 0 0 8px;
  font-size: 12px;
  height: 6px;
  line-height: 18px;
  padding-left: 10px;
  position: relative;
  text-align: left;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  width: 0;
}
.Skills-progress .progress-bar .value-holder {
  background-color: #fff;
  font-size: 12px;
  color: #222222;
  position: absolute;
  text-align: center;
  top: -7px;
  width: 20px;
  right: -19px;
  height: 20px;
  border: 3px solid #a29afb;
  border-radius: 50%;
  font-family: 'Open Sans', sans-serif;
}
.Skills-progress .progress-bar .value-holder .value {
  position: relative;
  color: #848484;
  font-size: 14px;
  line-height: 33px;
  top: -32px;
  right: -17px;
}
.perctnt-box {
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  color: #848484;
  position: absolute;
  top: -25px;
  right: -30px;
}
.profile-section .profile-title h2{
  font-size: 30px;
  font-family: 'Rubik',sans-serif;
  line-height: 34px;
  color: #071740;
  margin-bottom: 23px;
}
.profile-section .profile-title p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 27px;
  display: inline-block;
  padding: 0px 30px 0px 2px;
}
.profile-section .Skills-progress .text{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 22px;
  color: #848484;
}
.profile-section .education-side .list li{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  padding: 0px 0px 0px 37px;
  margin-bottom: 8px;
  display: block;
}
.profile-section .education-side .list li:before{
  position: absolute;
  font-family: 'FontAwesome';
  content: "\f046";
  left: 0px;
  line-height: 28px;
  font-size: 22px;
  color: #a49cfb;
}





/*** 

====================================================================
                        team-page
====================================================================

***/

.team-page{
  padding: 155px 0px 0px 0px;
}
.team-page .single-item{
  margin-bottom: 129px;
}




/*** 

====================================================================
                        faq page
====================================================================

***/


.accrodian-section{
  position: relative;
  padding: 100px 0px 70px 0px;
}
.accordion-box {
  position: relative;
}

.accordion-box .content-title{
  position: relative;  
}

.accordion-box .content-title h2{
  position: relative;
  font-size: 30px;
  font-weight: 600;
  color: #222222;
  text-transform: uppercase;
  font-family: 'Mukta Vaani', sans-serif;
  margin-bottom: 25px;
}

.accordion-box .content-title p{
  position: relative;
  font-size: 15px;
  font-weight: 400;
  color: #777777;
  margin-bottom: 40px;
}

.accordion {
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-bottom: 30px;
}

.accordion .acc-btn .left-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  color: #9c9c9c;
  font-size: 20px;
  text-align: center; 
}

.accordion .acc-btn.active .left-icon {
  color: #fff;
}

.accordion .left-icon span {
  position: relative;
  top: 18px;  
}

.accordion .acc-btn {
  color: #222;
  cursor: pointer;
  font-size: 18px;
  line-height: 28px;
  padding: 15px 27px;
  font-family: 'Rubik', sans-serif;
  transition: all 500ms ease;
}

.accordion .acc-btn .toggle-icon {
  color: #9c9c9c;
  display: block;
  font-weight: 200;
  padding: 15px 20px;
  position: absolute;
  right: 21px;
  top: -18px;
}

.accordion .acc-btn .toggle-icon.left {
  color: #9c9c9c;
  display: block;
  font-weight: 100;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 30px;
}

.accordion .acc-btn .toggle-icon .plus::before {
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 500ms ease;
}


.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
  opacity: 0;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus {
  opacity: 0;
}


.accordion-box .accordion .acc-btn .toggle-icon .minus::before {
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 500ms ease;
}


.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
  opacity: 1;
}

.accordion-box .accordion .acc-btn.active {
  color: #fff;
  background: #a29afb;
  display: block;
  padding: 16px 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  transition: all 500ms ease;
}


.accordion-box .accordion .acc-content {
  color: #848484;
  font-family: 'Open Sans',sans-serif;
  display: none;
  font-size: 14px;
  line-height: 26px;
  padding: 5px 15px;
}


.accordion-box .accordion .acc-content.collapsed {
  display: block;
}


.accordion-box .accordion .acc-content p {
  color: #848484;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px
  margin: 0;
  padding: 19px 14px;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
  color: #ffffff;
  position: absolute;
  padding: 13px;
  margin-top: 14px;
  right: -6px;
  top: 20px;
}


/*** 

====================================================================
                        image-gallery
====================================================================

***/

.image-gallery{
  position: relative;
  padding: 100px 0px 70px 0px;
}
.image-gallery .single-item{
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 30px;
}
.image-gallery .overlay-box {
  position: absolute;
  left: 0px;
  top: 0%;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transform: scaleY(0);
}
.image-gallery .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 30px;
  background: #a29afb;
  border-radius: 5px;
  opacity: .7;
}
.image-gallery .inner-box:hover .overlay-box {
  top: 0px;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}
.image-gallery .inner-box:hover{
  box-shadow: 5px 5px 5px rgba(162, 154, 251, 0.34);
  transition: all 500ms ease;
}
.image-gallery .inner-box {
  position: relative;
  overflow: hidden;
}
.image-gallery .search-link i{
  top: -21px;
  left: -120%;
  position: relative;
}
.image-gallery .search-link i:before{
  color: #222;
  font-size: 15px;
  transition: all 500ms ease;
}
.image-gallery .search-link {
  position: absolute;
  left: -50px;
  bottom: 110px;
  width: 40px;
  height: 40px;
  margin: 0px 20px;
  margin-right: 0px;
  color: #fff;
  text-align: center;
  transition: all 500ms ease;
}
.image-gallery .search-link:hover i:before{
  color: #fff;
}
.image-gallery .search-link:before{
  position: absolute;
  content: "";
  border: 2px solid#fff;
  background: #fff;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  left: -53px;
  top: -32px;
  border-radius: 50%;
  transition: all 500ms ease;
}
.image-gallery .search-link:hover:before{
  background: #0a142b;
  border: 2px solid #0a142b;
}
.image-gallery .inner-box:hover .search-link {
  text-align: center;
  left: 52%;
  top: 44%;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease 300ms;
  -ms-transition: all 300ms ease 300ms;
  -o-transition: all 300ms ease 300ms;
  -moz-transition: all 300ms ease 300ms;
}
.image-gallery .img-title{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: all 500ms ease;
  opacity: 0;
}
.image-gallery img{
  width: 100%;
}
.image-gallery .inner-box:hover .img-title{
  opacity: 1;
  text-align: center;
  left: 0px;
  top: 61%;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease 500ms;
  -ms-transition: all 500ms ease 500ms;
  -o-transition: all 500ms ease 500ms;
  -moz-transition: all 500ms ease 500ms;
}
.image-gallery .img-title a{
  font-size: 22px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #fff;
  transition: all 500ms ease;
}
.image-gallery .img-title a:hover{
  color: #222;
}



/*** 

====================================================================
                        bloge-classic
====================================================================

***/


.bloge-classic{
  padding: 0px;
}
.bloge-classic .blog-classic-section{
  padding: 95px 0px;
}
.bloge-classic .single-item{
  position: relative;
  margin-bottom: 50px;
}
.bloge-classic .single-item .date{
  font-size: 22px;
  font-family: 'Open Sans',sans-serif;
  line-height: 30px;
  padding: 8px 22px;
  left: 0px;
  color: #071740;
  font-weight: 600;
}
.bloge-classic .single-item .date span{
  display: block;
}
.bloge-classic .single-item h3{
  font-size: 24px;
  font-family: 'Rubik',sans-serif;
  color: #071740;
  line-height: 30px;
  top: -12px;
  margin-bottom: 4px;
  transition: all 500ms ease;
}
.bloge-classic .single-item h3:hover{
  color: #a29afb;
  transition: all 500ms ease;
}
.bloge-classic .single-item p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  color: #848484;
  line-height: 26px;
}
.bloge-classic .news-contant{
  position: relative;
  padding: 0px 45px 14px 29px;
}
.bloge-classic .styled-pagination ul{
  position: relative;
  padding: 0px;
  margin: 0px;
}
.bloge-classic .styled-pagination ul li{
  display: inline-block;
  margin-right: 6px;
}
.bloge-classic .styled-pagination ul li a{
  font-size: 18px;
  font-family: 'Open Sans',sans-serif;
  line-height: 42px;
  color: #848484;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  width: 45px;
  height: 45px;
  text-align: center;
  display: inline-block;
  transition: all 500ms ease;
}
.bloge-classic .styled-pagination ul li a:hover,
.bloge-classic .styled-pagination ul li a.active{
  color: #fff;
  background: #a29afb;
  border: 1px solid #a29afb;
  box-shadow: 5px 5px 8px rgba(162, 154, 251, 0.41);
  transition: all 500ms ease;
}
.bloge-classic .more-option {
  position: relative;
  top: 0px;
  border-radius: 0px;
  width: 100%;
  margin-bottom: 27px;
}
.bloge-classic .sidbar-search .form-group input[type='search'] {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 25px;
  padding: 10px 40px 10px 20px;
  height: 50px;
  transition: all 500ms ease;
}
.bloge-classic .sidbar-search .form-group input:focus{
  border: 1px solid #a29afb;
}
.bloge-classic .more-option button {
  position: absolute;
  color: #a29afb;
  top: 10px;
  right: 23px;
  background: transparent;
}
.bloge-classic .sidber{
  position: relative;
  height: 3925px;
  padding-left: 50px;
  margin-left: 22px;
  padding-top: 95px;
  padding-bottom: 95px;
}
.bloge-classic .sidber:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  background: #e5e5e5;
  width: 1px;
  height: 100%;
}
.bloge-classic .sidebar-title h4{
  font-size: 20px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  margin-bottom: 15px;
}
.bloge-classic .blog-cat i{
  margin-right: 8px;
}
.bloge-classic .blog-cat a{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 9px;
  display: block;
  transition: all 500ms ease;
}
.bloge-classic .sidebar-blog-post{
  position: relative;
  padding: 0px 0px 18px 0px;
}
.bloge-classic .sidebar-blog-tags .sidebar-title h4{
  margin-bottom: 22px;
}
.bloge-classic .blog-cat a:hover{
  color: #a29afb;
  transition: all 500ms ease;
}
.bloge-classic .sidebar-blog-post .single-post{
  position: relative;
  padding: 0px 0px 31px 95px;
}
.bloge-classic .sidebar-blog-post .single-post .img-box{
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  width: 80px;
  height: 75px;
  left: 0px;
  top: 0px;
}
.bloge-classic .sidebar-blog-post .single-post .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.bloge-classic .sidebar-blog-post .single-post:hover .img-box img{
  transform: scale(1.1);
}
.bloge-classic .sidebar-blog-category{
  position: relative;
  padding: 0px 0px 29px 0px;
}
.bloge-classic .sidebar-blog-post .sidebar-title h4{
  margin-bottom: 22px;
}
.bloge-classic .sidebar-blog-post .single-post h5{
  font-size: 16px;
  font-family: 'Rubik',sans-serif;
  line-height: 26px;
  top: -7px;
  margin-bottom: 0px;
  color: #071740;
  transition: all 500ms ease;
}
.bloge-classic .sidebar-blog-post .single-post h5:hover{
  color: #a29afb;
  transition: all 500ms ease;
}
.bloge-classic .sidebar-blog-post .single-post span{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 21px;
  color: #848484;
  display: block;
  margin-top: -4px;
}
.bloge-classic .sidebar-blog-tags .blog-tag{
  position: relative;
  padding: 0px 0px 14px 0px;
  margin: 0px;
}
.bloge-classic .sidebar-blog-tags .blog-tag li{
  display: inline-block;
  margin-right: 7px;
}
.bloge-classic .sidebar-blog-tags .blog-tag li a{
  font-size: 14px;
  font-family: 'Roboto',sans-serif;
  line-height: 26px;
  color: #848484;
  border: 1px solid #e5e5e5;
  padding: 6px 19px;
  border-radius: 25px;
  margin-bottom: 15px;
  display: inline-block;
  transition: all 500ms ease;
}
.bloge-classic .sidebar-blog-tags .blog-tag li a:hover{
  color: #fff;
  background: #a29afb;
  border: 1px solid #a29afb;
  box-shadow: 5px 5px 8px rgba(162, 154, 251, 0.41);
  transition: all 500ms ease;
}
.bloge-classic .sidebar-blog-archives .blog-archives {
  position: relative;
  padding: 0px;
  margin: 0px;
}
.bloge-classic .sidebar-blog-archives .blog-archives i{
  margin-right: 8px;
}
.bloge-classic .sidebar-blog-archives .blog-archives a{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 9px;
  display: block;
  transition: all 500ms ease;
}
.bloge-classic .sidebar-blog-archives .blog-archives a:hover{
  color: #a29afb;
  transition: all 500ms ease;
}



/*** 

====================================================================
                        blog-single
====================================================================

***/


.blog-single{
  position: relative;
}
.blog-single .blog-single-section{
  position: relative;
  padding: 98px 0px;
}
.blog-single .news-style-one{
  position: relative;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 0px 0px 0px 0px;
  margin-bottom: 95px;
}
.blog-single .news-style-one .img-box img{
  width: 100%;
}
.blog-single .blog-single-section .lower-box{
  position: relative;
  padding: 59px 35px 14px 27px;
}
.blog-single .blog-single-section .date{
  position: absolute;
  font-size: 22px;
  font-family: 'Open Sans',sans-serif;
  line-height: 30px;
  padding: 8px 22px;
  display: inline-block;
  box-shadow: 5px 5px 8px rgba(162, 154, 251, 0.41);
  top: -35px;
  background: #a29afb;
  border-radius: 5px;
  left: 30px;
  color: #fff;
  font-weight: 600;
}
.blog-single .blog-single-section .date span{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 23px;
  color: #fff;
  display: block;
  transition: all 500ms ease;
}
.blog-single .news-style-one .lower-box h3{
  font-size: 24px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  margin-bottom: 16px;
}
.blog-single .news-style-one .lower-box p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 26px;
}
.blog-single .comment-area{
  position: relative;
  padding: 0px 0px 0px 0px;
}
.blog-single .comment-area .author-thumb{
  position: relative;
  padding: 0px 0px 0px 107px;
}
.blog-single .comment-area .author-thumb .img-box{
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  width: 75px;
  height: 75px;
  left: 0px;
  top: 0px;
}
.blog-single .comment-area .author-thumb .img-box img{
  width: 100%;
}
.blog-single .comment-area .author-thumb .date{
  position: relative;
}
.blog-single .comment-area .author-thumb-two{
  position: relative;
  padding: 0px 0px 10px 89px;
}
.blog-single .comment-area .author-thumb-two .img-box{
  position: absolute;
  width: 61px;
  height: 61px;
  left: 0px;
  top: 0px;
}
.blog-single .comment-area .autor-info{
  position: relative;
  margin-bottom: 77px;
}
.blog-single .comment-area h4{
  font-size: 20px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  margin-bottom: 25px;
  text-transform: capitalize;
}
.blog-single .comment-area .comment-box h4 {
  margin-bottom: 22px;
}
.blog-single .comment-area h5{
  font-size: 16px;
  font-family: 'Rubik',sans-serif;
  line-height: 26px;
  color: #071740;
  margin-bottom: 0px;
  display: block;
  top: -7px;
}
.blog-single .comment-area .comment-info{
  margin-bottom: 16px;
}
.blog-single .comment-area .calender{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 23px;
  color: #848484;
  display: block;
  margin-bottom: 10px;
}
.blog-single .comment-area .calender i:before{
  color: #848484;
  margin-right: 8px;
}
.blog-single .comment-area p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  display: block;
  margin-bottom: 10px;
}
.blog-single .comment-area a{
  font-size: 14px;
  font-family: 'Rubik',sans-serif;
  line-height: 26px;
  text-transform: uppercase;
  color: #a29afb;
  display: inline-block;
  margin-bottom: 10px;
  transition: all 500ms ease;
}
.blog-single .comment-area a:hover{
  color: #071740;
  transition: all 500ms ease;
}
.blog-single .sidber {
  height: 2230px;
}
.blog-single .comment-box textarea{
  width: 100%;
  padding: 10px;
  border: 1px solid #dddddd;
  height: 160px;
  resize: none;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}

.blog-single .comment-box input[type="text"]:focus, 
.blog-single  .comment-box input[type="email"]:focus,
.blog-single .comment-box textarea:focus{
    border: 1px solid #a29afb;
    transition: all 500ms ease;
}
.blog-single .comment-box input[type='text'],
.blog-single .comment-box input[type='email']{
  width: 100%;
  padding: 10px;
  border: 1px solid #dddddd;
  height: 50px;
  resize: none;
  border-radius: 5px;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.blog-single .comment-box button{
  position: relative;
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 23px;
  font-weight: bold;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
  background: #a29afb;
  padding: 14px 35px;
  border: 1px solid #a29afb;
  border-radius: 25px;
  box-shadow: 5px 5px 8px rgba(162, 154, 251, 0.41);
  transition: all 500ms ease;
}
.blog-single .comment-box button:hover{
  background: #fff;
  color: #a29afb;
  border: 1px solid #a29afb;
  box-shadow: none;
  transition: all 500ms ease;
}



/*** 

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

***/


.contact-section{
  position: relative;
  padding: 100px 0px;
}

.contact-section .form-area textarea{
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #dddddd;
  height: 150px;
  resize: none;
  margin-bottom: 20px;
  transition: all 500ms ease;
}

.contact-section .form-area input[type="text"]:focus, 
.contact-section .form-area input[type="email"]:focus,
.contact-section .form-area textarea:focus{
    border: 1px solid #a29afb;
    transition: all 500ms ease;
}
.contact-section .form-area input[type='text'],
.contact-section .form-area input[type='email']{
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #dddddd;
  height: 50px;
  resize: none;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.contact-section .form-area button{
  position: relative;
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 23px;
  font-weight: bold;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
  background: #a29afb;
  padding: 14px 35px;
  border: 1px solid #a29afb;
  border-radius: 25px;
  box-shadow: 5px 5px 8px rgba(162, 154, 251, 0.41);
  transition: all 500ms ease;
}
.contact-section .form-area button:hover{
  background: #fff;
  color: #a29afb;
  border: 1px solid #a29afb;
  box-shadow: none;
  transition: all 500ms ease;
}
.contact-section .form-area h3{
  font-size: 24px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  margin-bottom: 25px;
}
.contact-section .form-area{
  position: relative;
  padding: 0px 20px 0px 0px;
}
.contact-section .info-area h3{
  font-size: 24px;
  font-family: 'Rubik',sans-serif;
  line-height: 30px;
  color: #071740;
  margin-bottom: 18px;
}
.contact-section .info-area .single-info{
  position: relative;
  padding: 0px 0px 20px 37px;
}
.contact-section .info-area .single-info .icon-box{
  position: absolute;
  left: 0px;
  top: 5px;
}
.contact-section .info-area .single-info .icon-box i:before{
  color: #a29afb;
  font-size: 20px;
  margin: 0px;
  transition: all 500ms ease;
}
.contact-section .info-area .single-info:hover .icon-box i:before{
  color: #071740;
}
.contact-section .info-area .single-info .icon-box i.fa-map-marker:before{
  font-size: 26px;
}
.contact-section .info-area .single-info .title{
  font-size: 18px;
  font-family: 'Rubik',sans-serif;
  line-height: 28px;
  color: #071740;
  display: block;
  margin-bottom: 7px;
}
.contact-section .info-area .single-info .text{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  display: block;
}


/*** 

====================================================================
                        error page
====================================================================

***/

.error-section{
 position: relative;
 padding-top: 75px;
 padding-bottom: 130px;
}
.error-section .error-text h1{
 font-size: 200px;
 line-height: 242px;
 font-weight: 400;
 color: #a29afb;
 font-family: 'Rubik', sans-serif;
}
.error-section .error-text h2{
 font-size: 30px;
 line-height: 42px;
 font-weight: 400;
 color: #071740;
 padding-bottom: 10px;
 font-family: 'Rubik', sans-serif;
}
.error-section .error-text p{
 font-size: 14px;
 line-height: 26px;
 font-weight: 400;
 color: #848484;
 font-family: 'Open Sans', sans-serif;
 margin-bottom: 30px;
}
.error-section .link-btn a{
 font-size: 14px;
 line-height: 26px;
 font-weight: 400;
 color: #fff;
 font-family: 'Open Sans', sans-serif;
 background: #a29afb;
 padding: 13px 19px;
 border-radius: 25px;
 border: 1px solid #a29afb;
 transition: all 500ms ease;
}
.error-section .link-btn a:hover{
  background: transparent;
  color: #a29afb;
  transition: all 500ms ease;
}