/* Css Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Header Style One / Header Style Two / Header Style Three
5. Main Slider
6. Welcome Section
7. About Style One / Norma / Light Version
8. Sponsors Style One
9. Team Style One
10. Testimonials Style One
11. Contact Style One
12. Parallax Section
13. News Section
14. Main Footer / Style One / Style Two / Style Three
15. Latest Work
16. Two Column Fluidga
17. Team Style Two
18. Testimonial Style Two
19. Sponsors Style Two
20. Combo Section
21. Newsletter Style One
22. About Style Two / Normal / Light Version
23. Testimonials Style Three
24. Contact Style Two
25. Newsletter Style One
26. Map Section
27. Services / Services Single
28. Sidebar
29. Sidebar Widgets
30. Content Side
31. Portfolio Three Column
32. Portfolio Four Column
33. Portfolio Single
34. Blog Grid View
35. Blog List View
36. Blog Single
37. Comments Area
38. Comment Form
39. Styled Pagination
40. Contact Us



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



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


@import url(font-awesome.css);
@import url(flaticon.css);
@import url(animate.css);
@import url(owl.css);
@import url(masterslider.css);
@import url(revolution-slider.css);
@import url(ms-vertical.css);
@import url(polyglot-language-switcher.css);
@import url(navigation.css);
@import url(bootstrap.css);
@import url(bootstrap.min.css);
@import url(layers.css);
@import url(settings.css);
@import url(jquery.fancybox.css);
@import url(hover.css);
@import url(jquery-ui.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: 'Rasa', serif;
  font-weight:normal;
  margin:0px;
  background:none;
  line-height:1.6em;
}

input,button,select,textarea{
  font-family: 'Assistant', 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;
  
}
label{
  display: none !important;
}
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;  
}

.btn-style-one{
  position: relative;
  color: #ffffff;
  font-size: 16px;
  background: #181d37;
  border: 1px solid #181d37;
  font-family: 'Rasa', serif;
  font-weight: 600;
  line-height: 26px;
  padding: 10px 30px;
  display: inline-block;
  transition:all 500ms ease;
}
.btn-style-one:hover{
  color: #181d37;
  background: transparent;
  border: 1px solid #181d37;
  transition:all 500ms ease;
}

.btn-style-two{
  position: relative;
  color: #ffffff !important;
  font-size: 16px;
  text-align: center !important;
  background: #f8b239 !important;
  border: 1px solid #f8b239 !important;
  font-family: 'Rasa', serif;
  font-weight: 600;
  line-height: 26px;
  display: inline-block;
  padding: 10px 30px;
  transition:all 500ms ease;
}
.btn-style-two:hover{
  color: #222222 !important;
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  transition:all 500ms ease;
}
.btn-style-three{
  position: relative;
  color: #222222 !important;
  font-size: 16px;
  font-family: 'Rasa', serif;
  background: #ffffff !important;
  text-align: center;
  display: inline-block;
  border: 1px solid #ffffff !important;
  line-height: 26px;
  font-weight: 600;
  padding: 10px 30px;
  transition:all 500ms ease;
}
.btn-style-three:hover{
  position: relative;
  color: #ffffff !important;
  background: #f8b239 !important;
  border: 1px solid #f8b239 !important;
  font-weight: 600;
  transition:all 500ms 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:#ffffff;
  font-size:12px;
  line-height:32px;
  width:34px;
  height:34px;
  border: 1px solid #6699ff;
  background: #6699ff;
  text-align:center;
  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;
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.62);
}

.scroll-to-top:hover{
  background:#ffffff;
  color:#6699ff;
  transition:all 500ms ease;
}
.section-title{
  position: relative;
  font-size: 32px;
  font-family: 'Roboto',sans-serif;
  line-height: 34px;
  color: #222;
  padding: 0px;
  margin: 0px;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 20px;
}
.link-btn{
  position: relative;
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 23px;
  font-weight: bold;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
  background: #6633ff;
  padding: 15px 30px;
  border: 1px solid #6633ff;
  border-radius: 25px;
  box-shadow: 0px 5px rgba(63, 191, 197, 0.35);
  transition: all 500ms ease;
}
.link-btn:hover{
  background: #fff;
  color: #6633ff;
  transition: all 500ms ease;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}




/*** 

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

***/
/** header area **/

.header-upper{
  position: relative;
  background: #6699ff;
  width: 100%;
  padding: 11px 0px;
}
.header-upper .top-left li{
  display: inline-block;
  margin-right: 45px;
}
.header-upper .top-left li a{
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  font-family: 'open sans',sans-serif;
  margin: 0px;
  margin-left: 6px;
}
.header-upper .top-left li i:before{
  color: #fff;
  margin-right: 2px;
}
.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;
  padding: 0px;
  margin: 0px;
}
.header-upper .top-right .social-link a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 27px;
    margin-left: 17px;
    color: #fff;
    transition: all 500ms ease;
}
.header-upper .top-right .social-link a:hover{
  color: #848484;
  transition: all 500ms ease;
}
.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  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;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  background: #ffffff;
  z-index:0;
  box-shadow: 0px 2px #f5f5f5;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}


.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.header-lower .logo{
  position: relative;
  padding: 24px 0px 34px 0px;
  display: inline-block;
}
.sticky-header .logo{
  position: relative;
  padding: 24px 0px 34px 0px;
  display: inline-block;
}

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

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

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

.main-menu .navigation > li{
  position:relative;
  display: inline-block;
  margin-right: 0px;
  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:14px;
  color: #222;
  line-height: 25px;
  font-weight:700;
  padding:38px 19px;
  text-align: center;
  text-transform:uppercase;
  font-family: 'Roboto', sans-serif;
  opacity:1;
  -webkit-transition:all 500ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
  color: #ffffff;
  background: #6633ff;
  border-radius: 25px;
  padding: 7px 18px;
  opacity:1;
}
.main-menu .navigation > li:hover > a{
  color: #6633ff;
  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:130%;
  margin-top: 9px;
  width:220px;
  padding:0px;
  z-index:100;
  display:none;
  background:#6633ff;
  border-top:3px solid #6633ff;
  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.current > ul{
  margin-top: 40px;
}
.sticky-header .main-menu .navigation > li.current > ul{
  margin-top: 42px;
}
.sticky-header .main-menu .navigation > li > ul{
  margin-top: 11px;
}

.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: #6699ff;
  font-size:16px;
  font-family: 'Roboto', 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: #6699ff;
  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{
  position:absolute;
  display: none;
  right: 0px;
  top: 10px;
  border:none;
  font-size:16px;
  line-height:28px;
  color:#ffffff;
  cursor:pointer;
  z-index:5;
}
.more-option {
    display: inline-block;
    position: absolute;
    top: 32px;
    right: 0px;
    border-radius: 5px;
}
.sticky-header .more-option{
  border: 1px solid #222;
}
.more-option li {
    padding: 10px 0px;
    position: relative;
    display: inline-block;
}
.more-option .seach-toggle {
    background: transparent;
    border-radius: 0;
    color: #848484;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    text-align: center;
    padding: 8px 13px;
    transition: all 500ms ease;
}
.more-option .seach-toggle:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.more-option .search-box {
    opacity: 0;
    position: absolute;
    right: 125px;
    top: 321%;
    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 #6633ff;
    color: #f8b239;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 50px;
}
.more-option .search-box .form-group button, .nav_right_area .search-box .form-group input[type="submit"] {
    background: #6633ff;
    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: 212%;
    right: 0%;
    opacity: 1;
    visibility: visible;
}

/** service section **/

.feature-section{
  position: relative;
  padding-bottom: 65px;
}
.feature-section .single-item{
  position: relative;
  margin-bottom: 30px;
}
.feature-section .icon{
  position: relative;
  display: inline-block;
  padding: 33px 34px;
  top: -48px;
}
.feature-section .icon-box{
  position: relative;
  display: inline-block;
  left: -52px;
  top: -60px;
}
.feature-section .icon:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  transform: rotate(45deg);
  box-shadow: 5px 5px 0px 6px #e8f9fa;
}
.feature-section .icon:after{
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 80px;
  height: 80px;
  background: #6699ff;
  border-radius: 10px;
  transform: rotate(45deg);
  box-shadow: 0 0 0px 5px rgba(255, 255, 255, 0.84);
}
.feature-section .icon-box i:before{
  margin: 0px;
  color: #fff;
  font-size: 40px;
  left: 0px;
  top: 0px;
}
.feature-section .single-content a{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  color: #222;
  line-height: 26px;
  display: block;
  margin-top: 0px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.feature-section .single-content a:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.feature-section .single-content{
  position: relative;
  margin-top: 15px;
  margin-bottom: 30px;
  left: -18px;
}
.feature-section .single-content p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 23px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/** about-section **/

.about-section{
  position: relative;
  padding-top: 100px;
  padding-bottom: 75px;
  background: #fafafa;
}
.about-section p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  margin-bottom: 15px;
}
.about-section .welcome-content p{
  padding-right: 42px;
}
.about-section h2.section-title{
  margin-bottom: 27px;
}
.about-section .welcome-btn{
  margin-top: 45px;
  margin-bottom: 20px;
}
.about-section img{
  width: 100%;
  margin-top: 10px;
  margin-bottom: 25px;
}
.about-section h4{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 26px;
  color: #222;
  margin: 0px;
  margin-bottom: 6px;
}

/** hours-section **/

.hours-section{
  position: relative;
  background: url(../images/home/hours-bg.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.hours-section .hours-content{
  position: relative;
  padding-top: 95px;
  padding-bottom: 85px;
  left: -15px;
  padding-left: 80px;
}
.hours-section .hours-content:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  background: #1dbabe;
  width: 500%;
  height: 100%;
  opacity: .8;
}
.hours-section .hours-content p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  margin: 0px;
  margin-bottom: 28px;
}
.hours-section .sediul{
  position: relative;
  padding-right: 115px;
}
.hours-section .sediul .text{
  font-size: 14px;
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
  margin: 0px;
  line-height: 25px;
  margin-bottom: 15px;
}
.hours-section .sediul h5{
  font-size: 14px;
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
  margin: 0px;
  line-height: 25px;
  margin-bottom: 15px;
}
.hours-section .sediul span{
  float: right;
  font-weight: 500;
}
.hours-section .sediul i:before{
  font-size: 10px;
  font-weight: 700;
  margin-right: 5px;
}
.hours-section .sediul .text h5{
  font-family: 'Roboto',sans-serif;
  display: inline-block;
  float: right;
  padding-right: 83px;
  margin-bottom: 0px;
}
.hours-section h2.section-title{
  color: #fff;
}
.hours-section .ours-btn a.link-btn{
  background: #fff;
  color: #8e8e8e;
  border: none;
  padding: 16px 31px;
  box-shadow: 0px 5px #4dd2d8;
}
.hours-section .ours-btn a.link-btn:hover{
  color: #4dd2d8;
  box-shadow: none;
}
.hours-section .ours-btn{
  margin-top: 50px;
  margin-bottom: 30px;
}

/** service-section **/

.service-section{
  position: relative;
  padding: 95px 0px 30px 0px;
}
.hexagon {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 95px;
  width: 84px;
  background: #e5e5e5;
  transition: all 500ms ease;
}
.hexagon:before, .double:after {
  position: absolute;
  content: '';
}
.hexagon:before {
  top: 1px;  /* border width */
  left: 1px;  /* border width */
  height: calc(100% - 2px);  /* 100% - (2 * border width) */
  width: calc(100% - 2px);  /* 100% - (2 * border width) */
  background: #fff;
  z-index: -1;
}
.hexagon, .hexagon:before, .double:after {
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 101% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.service-section .icon-box i:before{
  left: 0px;
  top: 0px;
  font-size: 40px;
  color: #6633ff;
  display: inline-block;
  margin-top: 34px;
}
.service-section .single-item{
  position: relative;
  display: inline-block;
  padding: 0px 0px 30px 112px;
  margin-bottom: 40px;
}
.service-section .single-item:hover .hexagon{
  background: #6633ff;
  transition: all 500ms ease;
}
.service-section p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 22px;
  margin-bottom: 20px;
}
.service-section .title{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 22px;
  margin-bottom: 65px;
}
.service-section h2.section-title{
  margin-bottom: 10px;
}
.service-section .single-item a{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 26px;
  color: #222;
  margin-bottom: 5px;
  display: inline-block;
  transition: all 500ms ease;
}
.service-section .single-item a:hover{
  color: #6633ff;
  transition: all 500ms ease;
}

/** testimonial-section **/

.testimonial-section{
  position: relative;
  background: url(../images/home/testimonial-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  color: #fff;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.testimonial-section:before{
  position: absolute;
  content: '';
  background: #6633ff;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .8;
}
.testimonial-section .testimonial-content{
  position: relative;
  padding: 87px 75px 0px 75px;
}
.testimonial-section .testimonial-content h2.section-title{
  color: #fff;
  margin-bottom: 10px;
}
.testimonial-section .testimonial-content .title{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  margin-bottom: 33px;
}
.testimonial-section .testimonial-content h4{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 28px;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 40px;
}
.testimonial-section .testimonial-content .testimonial-autor h4{
  font-weight: 500;
  font-style: normal;
  margin-bottom: 0px;
}
.testimonial-section .testimonial-content .testimonial-autor span{
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 25px;
  display: inline-block;
}
.testimonial-section .img-box {
    position: relative;
    margin-top: 0px;
    left: 50%;
    margin-left: -60px;
}
.testimonial-slider.owl-carousel.owl-theme.owl-loaded {
    margin-bottom: -60px;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 195px;
    right:-44px;
    background: none;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover{
  background: none;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover{
  background: none;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
    position: absolute;
    top: 195px;
    left: -42px;
    background: none;
    font-size: 25px;
    font-weight: 700;
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/** our-team **/

.our-team{
  position: relative;
  padding-top: 150px;
  padding-bottom: 0px;
}
.our-team .team-content{
  position: relative;
  background: url(../images/home/team.png);
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
}
.our-team h2.section-title{
  margin-bottom: 10px;
}
.our-team .section-head .title{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 21px;
  margin-bottom: 45px;
}
.our-team .team-detail{
  padding: 145px 0px;
  opacity: 0;
  transition: all 1500ms ease;
}
.our-team .single-content{
  position: relative;
  padding: 5px;
  left: 50%;
  margin-left: -100px;
  display: inline-block;
  background: rgba(28, 201, 206, 0.5);
  right: 10px;
  border-radius: 5px;
  z-index: 1;
  transition: all 1500ms ease;
}
.our-team .team-content:hover .team-detail{
  opacity: 1;
  transition: all 1500ms ease;
}
.our-team .inner-box{
  background: #fff;
  padding: 30px 65px 28px 25px;
  transition: all 500ms ease;
}
.our-team .single-content:before{
  position: absolute;
  content: '';
  background: #fff;
  top: 25px;
  right: 0px;
  width: 20px;
  height: 20px;
  z-index: -1;
  box-shadow: 5px -5px rgba(28, 201, 206, 0.52);
  transform: rotate(45deg);
}
.our-team .single-content h4{
  font-size: 22px;
  font-family: 'Roboto',sans-serif;
  color: #222;
  line-height: 30px;
  font-weight: 700;
  margin: 0px;
  z-index: 1;
  transition: all 500ms ease;
}
.our-team .single-content .text{
  font-size: 13px;
  font-family: 'opensans',sans-serif;
  line-height: 22px;
  color: #848484;
  margin-bottom: 7px;
  transition: all 500ms ease;
}
.our-team .single-content li{
  display: inline-block;
}
.our-team .single-content a{
  font-size: 14px;
  color: #848484;
  margin-right: 10px;
  transition: all 500ms ease;
}
.our-team .single-content a:hover{
  color: #6633ff;
  transition: all 500ms ease;
}

/** cta-section **/

.cta-section{
  position: relative;
  background: url(../images/home/cta-bg.jpg);
  padding: 75px 0px 93px 0px;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
}
.cta-section:before{
  position: absolute;
  content: '';
  background: #6633ff;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .8;
}
.cta-section h2.section-title{
  color: #fff;
  font-style: italic;
}
.cta-section .text{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #fff;
  margin-bottom: 36px;
}
.cta-btn a.link-btn{
  background: #fff;
  border: 1px solid#fff;
  color: #848484;
  left: -5px;
  box-shadow: 0px 5px #4ed2da;
}
.cta-btn a.link-btn:hover{
  color: #6633ff;
  transition: all 500ms ease;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/** news-section **/

.news-section{
  position: relative;
  padding: 95px 0px 100px 0px;
}
.news-section img{
  width: 100%;
}
.news-section .img-box{
  padding-right: 20px;
}
.news-section .news-content{
  margin-left: -22px;
  margin-top: 22px;
  padding: 0px 30px 0px 0px;
}
.news-section h2.section-title{
  margin-bottom: 8px;
}
.news-section .section-head .text{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  margin-bottom: 45px;
}
.news-section .news-content h3{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 28px;
  color: #222;
  font-weight: 500;
  margin-bottom: 3px;
  display: block;
  transition: all 500ms ease;
}
.news-section .news-content h3:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.news-section .news-content i:before{
  font-size: 14px;
  color: #6633ff;
  margin-right: 10px;
}
.news-section .news-content .text{
  position: relative;
  font-size: 14px;
  color: #848484;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  margin-bottom: 17px;
  display: inline-block;
  transition: all 500ms ease;
}
.news-section .news-content p{
  font-size: 14px;
  color: #848484;
  font-family: 'opensans',sans-serif;
  line-height: 26px;
  margin-bottom: 17px;
  transition: all 500ms ease;
}
.news-section .news-content a:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.news-section .news-content .news-btn a{
  font-size: 14px;
  color: #6633ff;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  font-weight: 600;
  margin: 0px;
  transition: all 500ms ease;
}
.news-section .news-content .news-btn i:before{
  margin-left: 5px;
}

/** sponsor-section **/

.sponsor-section{
  position: relative;
  background: #6633ff;
  width: 100%;
  height: 100%;
  padding: 28px 0px 28px 0px;
}
.sponsor-section .owl-controls{
  display: none;
}
.sponsor-section img{
  width: 150px;
  margin: 0 auto;
}
.sponsor-section .sponsors-slider{
  position: static;
  padding: 0px;
  margin: 0px;
}

/** footer-section **/

.footer-section{
  position: relative;
  background: url(../images/home/footer-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  padding: 95px 0px 0px 0px;
  color: #fff;
}
.footer-section .footer-top{
  padding-bottom: 62px;
}
.footer-section .footer-bottom p{
  margin-bottom: 0px;
}
.footer-section:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .6;
}
.footer-section h4{
  font-size: 20px;
  font-family: 'Roboto',sans-serif;
  line-height: 28px;
  color: #fff;
  display: block;
  margin-bottom: 30px;
}
.footer-section p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 24px;
  margin-bottom: 15px;
}
.footer-section .time-hour{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 24px;
  margin-bottom: 15px;
}
.footer-section .copyright{
  position: relative;
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #fff;
  line-height: 24px;
  margin-bottom: 0px;
}
.footer-section .first-colmn .contact-info p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 22px;
  margin-bottom: 15px;
  display: block;
}
.footer-section .first-colmn a{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 24px;
  margin-bottom: 15px;
  color: #fff;
  transition: all 500ms ease;
}
.footer-section .first-colmn a:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.footer-section .second-colmn{
  position: relative;
  padding-left: 40px;
}
.footer-section .second-colmn a{
  display: block;
  color: #fff;
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 23px;
  margin-bottom: 14px;
  transition :all 500ms ease;
}
.footer-section .second-colmn a:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.footer-section .second-colmn i{
  margin-right: 8px;
}
.footer-section .third-colmn{
  position: relative;
  padding: 0px 50px;
}
.footer-section .third-colmn span{
  float: right;
}
.footer-section .time-hour{
  margin-bottom: 0px;
}
.footer-section .third-colmn span.color{
  color: #6633ff;
}
.footer-section .third-colmn .single-item{
  border-bottom: 1px solid #494949;
  padding: 14px 0px;
}
.footer-section .third-colmn .single-item:last-child{
  border-bottom: none;
}
.footer-section .third-colmn h4{
  margin-bottom: 13px;
}
.footer-section .four-colmn input{
  width: 100%;
  font-size: 14px;
  border: 1px solid rgba(245, 245, 245, 0.0);
  padding: 8px;
  margin-bottom: 10px;
  border-radius: 3px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  border-radius: 3px;
  background: rgba(245, 245, 245, 0.11);
}
.footer-section .four-colmn textarea{
  width: 100%;
  padding: 10px;
  margin-bottom: 2px;
  border-radius: 3px;
  border: 1px solid rgba(245, 245, 245, 0.0);
  resize: none;
  height: 90px;
  transition: all 500ms ease;
  background: rgba(245, 245, 245, 0.11);
}
.footer-section ::-webkit-input-placeholder { /* Chrome */
  color: #ffffff;
}
.four-colmn h4{
  margin-bottom: 35px;
}

.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 .footer-bottom{
  border-top: 1px solid #fff;
  padding: 30px;
}
.footer-section 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: #6633ff;
  padding: 12px 35px;
  border-radius: 25px;
  transition: all 500ms ease;
}
.footer-section button:hover{
  position: relative;
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 23px;
  font-weight: bold;
  text-transform: capitalize;
  color: #6633ff;
  margin: 0px;
  background: #fff;
  padding: 12px 35px;
  border-radius: 25px;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transition: all 500ms ease;
}
.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: #6633ff;
    background-color: rgba(28, 28, 28, 0.53);
}

/*** 

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

***/

.page-title{
  position: relative;
  background: url(../images/about/about-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 50px 0px;
  color: #fff;
}
.page-title:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: .45;
}
.page-title .bread-crumb{
  position: relative;
}
.page-title .about-content h1{
  position: relative;
  font-size: 45px;
  font-family: 'Roboto',sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  display: inline-block;
  line-height: 43px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.49);
  padding-bottom: 10px;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
.page-title .about-content li{
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
.page-title .about-content li:after{
  position: absolute;
  content: "\f111";
  font-family: 'FontAwesome';
  right: -14px;
  bottom: 0px;
  font-size: 6px;
  line-height: 23px;
  color: #fff;
}
.page-title .about-content li:last-child:after{
  display: none;
}
.page-title .about-content i:before{
  font-size: 7px;
  color: #fff;
  margin: 0px 5px;
  padding-bottom: 0px;
}
.page-title .bread-crumb a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: 'opensans',sans-serif;
  color: #fff;
  line-height: 25px;
  transition: all 500ms ease;
}
.page-title .bread-crumb li{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: 'opensans',sans-serif;
  color: #fff;
  line-height: 25px;
  transition: all 500ms ease;
}
.page-title .bread-crumb a:hover{
  color: #6699ff;
  transition: all 500ms ease;
}




/*** 

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

***/

.service-detail{
  position: relative;
  padding: 100px 0px 70px 0px;
}
.service-detail p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 25px;
  margin-bottom: 20px;
  padding: 0px 30px 0px 0px;
  display: inline-block;
}
.service-detail h4{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 28px;
  color: #222;
  margin-bottom: 20px;
}
.service-detail .first-row img{
  width: 100%;
  margin-bottom: 32px;
}
.service-detail .first-row{
  position: relative;
  padding-bottom: 32px;
}
.service-detail .second-row p{
  margin-bottom: 16px;
}
.service-detail .first-row p {
  left: -15px;
}
.service-detail .second-row li{
  position: relative;
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 21px;
  margin-bottom: 10px;
  display: inline-block;
  transition: all 500ms ease;
  margin-left: 5px;
  padding-left: 19px;
}
.service-detail .second-row li:before{
    content: "\f192";
    font-family: 'FontAwesome';
    font-size: 14px;
    left: 0px;
    line-height: 20px;
    position: absolute;
}
.service-detail .second-row{
  position: relative;
  padding-bottom: 30px;
}
.service-detail .second-row .second-style{
  display: block;margin-left: 20px;
}
.service-detail .third-row p{
  padding-right: 20px;
  line-height: 27px;
}
.service-detail .third-row h4{
  margin-bottom: 16px;
}
.service-detail .third-row{
  position: relative;
  padding-bottom: 30px;
}
.service-detail .third-row img{
  width: 100%;
  margin-top: 10px;
}
.service-detail .single-item{
  position: relative;
  border: 1px solid #e5e5e5;
  width: 165px;
  height: 163px;
  margin-left: 5px;
  display: inline-block;
  border-radius: 5px;
  transition: all 1500ms ease;
}
.service-detail .single-item h4{
  position: absolute;
  left: 35px;
  bottom: 0px;
}
.service-detail .right-area{
  position: relative;
  padding: 0px 0px 0px 25px;
  margin-bottom: 46px;
}
.service-detail .hexagon{
  height: 82px;
  width: 74px;
  top: 25px;
  left: 42px;
  padding: 28px 0px;
}
.service-detail .hexagon i:before{
  color: #6633ff;
  font-size: 36px;
}
.service-detail .single-item:hover{
  background: #6633ff;
  border: 1px solid #6633ff;
  transition: all 1500ms ease;
  box-shadow: 0px 0px 5px 5px rgba(229, 229, 229, 0.48);
}
.service-detail .single-item a{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 28px;
  color: #222;
  transition: all 500ms ease;
}
.service-detail .single-item:hover a{
  color: #fff;
  transition: all 500ms ease;
}
.service-detail .appointment-form{
  margin-left: 30px;
  border: 1px solid#e5e5e5;
}

/*** 

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

***/

.image-gallery{
  position: relative;
  padding: 100px 0px 112px 0px;
}
.image-gallery .single-item{
  position: relative;
  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: #6633ff;
    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 {
    position: relative;
    overflow: hidden;
}
.image-gallery .search-link i{
    top: -10px;
    font-size: 18px;
    left: -130%;
    position: relative;
}
.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:before{
  position: absolute;
  content: "";
  border: 2px solid#fff;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  left: -56px;
  top: -21px;
  border-radius: 50%;
}
.image-gallery .inner-box:hover .search-link {
    text-align: center;
    left: 52%;
    top: 44%;
    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 .content{
    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 .content{
    opacity: 1;
    text-align: center;
    left: 0px;
    top: 60%;
    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 .content h4{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 28px;
  color: #fff;
}
.image-gallery .img-btn{
  margin-top: 31px;
}



/*** 

====================================================================
                        doctors-page
====================================================================

***/

.doctor-section{
  position: relative;
  padding: 95px 0px 85px 0px;
}
.doctor-section .single-content a{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 28px;
  color: #222;
  margin-top: 25px;
  font-weight: 500;
  display: inline-block;
  transition: all 500ms ease;
}
.doctor-section .single-content a:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.doctor-section .single-content span{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #6633ff;
  font-style: italic;
  display: inline-block;
  margin-bottom: 4px;
}
.doctor-section p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  margin-bottom: 15px;
}
.doctor-section .single-content{
  position: relative;
  padding: 0px 10px;
}
.doctor-section h2.section-title{
  margin-bottom: 2px;
}
.doctor-section .section-head .text{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  margin-bottom: 85px;
}





/*** 

====================================================================
                        doctor-profile-page
====================================================================

***/
.single-doctor{
  position: relative;
  padding: 70px 0px 0px 0px;
  background: #f5f5f5;
  width: 100%;
  height: 100%;
}
.single-doctor h2.section-title{
  margin-bottom: 5px;
}
.single-doctor .img-box img{
  float: right;
}
.single-doctor .single-item span{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #6633ff;
  display: inline-block;
  margin-bottom: 18px;
  font-style: italic;
  font-weight: 500;
  transition: all 500ms ease;
}
.single-doctor .single-item p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  margin-bottom: 29px;
  transition: all 500ms ease;
}
.single-doctor .single-social a{
  position: relative;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  color: #848484;
  margin-right: 8px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 37px;
  height: 37px;
  display: inline-block;
  transition: all 500ms ease;
}
.single-doctor .single-social a:hover{
  background: #6633ff;
  border: 1px solid #6633ff;
  color: #fff;
}
.single-doctor .single-item{
  padding: 160px 100px 0px 50px;
}


/** .doctior-experience **/



.doctors-experience{
  position: relative;
  padding: 95px 0px 80px 0px;
}
.doctors-experience p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  margin-bottom: 10px;
}
.doctors-experience .experience-inner{
  position: relative;
  margin-top: 30px;
}
.doctors-experience .experience-inner .box-title p{
  line-height: 35px;
  margin-bottom: 0px;
}
.doctors-experience .experience-area{
  position: relative;
  padding-right: 30px;
}
.doctors-experience .education-area h4{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 28px;
  color: #222;
  margin-bottom: 0px;
}
.doctors-experience .education-area{
  padding-left: 30px;
}
.doctors-experience .education-area .single-item{
  padding-right: 70px;
  margin-bottom: 15px;
}
.doctors-experience .education-area p{
  margin-bottom: 36px;
}
.doctors-experience .education-area .single-item p{
  margin-bottom: 10px;
  line-height: 24px;
}

.progress {
  height: 8px;
  width: 100%;
}
.progress-item {
  margin-top: 22px;
}
.progress-item .progress {
  background-color: #f0f0f0;
  border-radius: 8px;
  margin-bottom: -5px;
  overflow: visible;
}
.progress-item .progress-bar {
  background-color: #6633ff;
  border-radius: 5px;
  font-size: 14px;
  height: 8px;
  line-height: 18px;
  position: relative;
  text-align: left;
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
}
.progress-bar .value-holder {
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  position: absolute;
  text-align: center;
  top: -30px;
  width: 36px;
  right: -36px;
  height: 36px;
}
.progress-bar .value-holder .value {
  color: #848484;
  font-size: 14px;
  line-height: 33px;
  font-family: 'opensans',sans-serif;
}
.progress {
  background: #f0f0f0;
  box-shadow: none;
}


/*** 

====================================================================
                        faq-page
====================================================================

***/

.faq-section{
  position: relative;
  background: #f5f5f5;
  padding: 95px 0px 63px 0px;
}
.faq-section .single-item{
  position: relative;
  padding: 0px 30px 17px 0px;
}
.faq-section .single-item h4{
  font-size: 20px;
  font-family: 'Roboto',sans-serif;
  line-height: 28px;
  color: #222;
  font-weight: 500;
  margin-bottom: 20px;
}
.faq-section .single-item p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  margin-bottom: 14px;
}

/** accrodian-section **/

.accrodian-section{
  position: relative;
  padding: 92px 0px 90px 0px;
}

.accordion-box .acc-btn i.plus{
  opacity: 1;
}
.accordion-box .acc-btn i.minus{
  opacity: 0;
}
.accordion-box .acc-btn.active i.plus{
  opacity: 0;
}
.accordion-box .acc-btn.active i.minus{
  opacity: 1;
}
.accordion-box .acc-btn i.plus{
  color: #313131;
  transition: all 500ms ease;
}
.accordion-box .acc-btn i.minus{
  color: #fff;
  transition: all 500ms ease;
}
.acc-content.collapsed {
    display: block;
}
.acc-content {
    display: none;
}
.accrodian-section p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  margin-bottom: 0px;
  transition: all 500ms ease;
}
.accrodian-section .accrodian-head p{
  margin-bottom: 25px;
}
.faq-contact-section .accordion-box .acc-btn {
  position: relative;
}
.accordion-box .acc-btn i.minus{
  position: absolute;
  right: 18px;
  top: 15px;
}
.accordion-box .acc-btn i.plus{
  position: absolute;
  right: 18px;
  top: 15px;
}
.accrodian-section .acc-btn h4{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  line-height: 27px;
  color: #222;
  display: block;
  border: 1px solid #e5e5e5;
  padding: 16px 0px 15px 30px;
  transition: all 500ms ease;
  border-radius: 3px;
  cursor: pointer;
}
.accrodian-section .acc-btn.active h4{
  color: #fff;
  background: #6633ff;
  border: 1px solid #6633ff;
  transition: all 500ms ease;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.accrodian-section .accordion{
  margin-bottom: 10px;
}
.accrodian-section .acc-content p{
  padding: 35px 30px 33px 30px;
  border: 1px solid #e5e5e5;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: none;
  transition: all 500ms ease;
}




/*** 

====================================================================
                        bloge-page
====================================================================

***/

.blog-section{
  position: relative;
  background-repeat: repeat;
  padding: 100px 0px 50px 0px;
}
.blog-section .single-item{
  position: relative;
  margin-bottom: 50px;
}
.blog-section .img-box img{
  width: 100%;
  transition: all 500ms ease;
}
.blog-section .single-item:hover img {
  
}
.blog-section h4{
  font-size: 18px;
  font-family: 'Roboto',sans-serif;
  color: #222;
  font-weight: 500;
  transition: all 500ms ease;
  line-height: 26px;
  margin-bottom: 5px;
  transition: all 500ms ease; 
}
.blog-section h4:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.blog-section .single-item .blog-content i:before{
  color: #6633ff;
  margin-right: 10px;
}
.blog-section .single-item .blog-content span{
  display: inline-block;margin-bottom: 15px;
}
.blog-section .single-item .blog-content .text{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  display: inline-block;
  margin-bottom: 14px;
  transition: all 500ms ease;
}
.blog-section .single-item .blog-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  display: inline-block;
  margin-bottom: 14px;
  transition: all 500ms ease;
}
.blog-section .single-item .blog-content a.blog-link{
  color: #6633ff;
  font-weight: 600;
  transition: all 500ms ease;
}
.blog-section .single-item .blog-content .blog-link i:before{
  margin-left: 7px;
}
.blog-section .img-box{
  padding: 0px 20px 0px 0px;
}
.blog-section .blog-content{
  padding: 23px 55px 0px 0px;
  margin-left: -20px;
}
.single-post .img-box{
  padding: 0px;
}
.single-post .blog-single-section{
  padding-right: 70px;
}
.blog-section .form-group{
  width: 100%;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 10px 18px;
  margin-bottom: 44px;
}
.blog-section .form-group button{
  background: transparent;
  color: #848484;
  margin-left: 20px;
}
.blog-section .categories a,
.blog-section .archives a{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  display: block;
  margin-bottom: 10px;
  transition: all 500ms ease;
}
.blog-section .categories a:hover,
.blog-section .archives a:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.blog-section .categories i:before,
.blog-section .archives i:before{
  margin: 0px 7px 0px 0px;
}
.blog-section .categories .sidbar-title h4{
  margin-bottom: 17px;
}
.blog-section .categories{
  margin-bottom: 42px;
}
.blog-section .recent-post .single-item{
  position: relative;
  padding: 0px 0px 0px 95px;
  margin-bottom: 20px;
  top: 26px;
}
.single-post .recent-post .single-item{
  position: relative;
  padding: 0px 0px 0px 95px;
  margin-bottom: -20px;
  top: -26px;
}
.blog-section .recent-post .img-box img{
  position: absolute;
  left: 0px;
  top: 4px;
  width: 80px;
  height: 75px;
}
.blog-section .sidbar-title h4{
  position: relative;
  margin-bottom: 0px;
}
.blog-section .recent-post{
  padding-bottom: 43px;
}
.blog-section .recent-post h5{
  font-size: 16px;
  font-family: 'Roboto',sans-serif;
  line-height: 24px;
  color: #343434;
  transition: all 500ms ease;
  margin-bottom: 0px;
}
.blog-section .recent-post .post-content{
  top: 0px;
  margin-top: 0px;
}
.blog-section .recent-post h5:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.blog-section .recent-post span{
  font-size: 13px;
  font-family: 'opensans',sans-serif;
  line-height: 23px;
  color: #848484;
  transition: all 500ms ease;
}
.blog-section .archives h4{
  margin-bottom: 15px;
}
.blog-section .popular-tag h4{
  margin-bottom: 25px;
}
.blog-section .archives{
  margin-bottom: 35px;
}
.blog-section .popular-tag .tag-content a{
  font-size: 14px;
  font-family: 'Roboto',sans-serif;
  line-height: 24px;
  color: #848484;
  padding: 5px 12px;
  border:  1px solid #dddddd;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
  border-radius: 25px;
  transition: all 1000ms ease;
}
.blog-section .popular-tag .tag-content a:hover{
  color: #fff;
  background: #6633ff;
  border: 1px solid #6633ff;
  transition: all 1000ms ease;
}


/*** 

====================================================================
                        single-post-page
====================================================================

***/

.single-post{
  position: relative;
  padding: 100px 0px 100px 0px
}
.single-post h3{
  font-size: 22px;
  font-family: 'Roboto',sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 0px;
  transition: all 500ms ease;
}
.single-post .img-box{
  margin-bottom: 45px;
}
.single-post .first-row .meta-option li{
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 25px;
  transition: all 500ms ease;
}
.single-post .first-row span{
  margin-bottom: 15px;
  display: inline-block;
}
.single-post .first-row a:hover{
  color: #6633ff;
  transition: all 500ms ease;
}
.single-post .first-row i:before{
  color: #6633ff;
  margin: 0px 8px 0px 0px;
}
.single-post p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #848484;
  margin-bottom: 30px;
  padding-right: 12px;
}
.single-post .second-row h4:hover,
.single-post .post-form h3:hover{
  color: #222;
}
.single-post .second-row h4{
  margin-bottom: 15px;
}
.single-post .second-row p{
  margin-bottom: 35px;
}
.single-post .first-row{
  padding: 0px 0px 10px 0px;
}
.single-post .second-row .content-text{
  margin-top: 5px;
}
.single-post .second-row .content-text p{
  margin-bottom: 28px;
  padding-right: 0px;
}
.single-post .second-row{
  padding-bottom: 80px;
}
.single-post .second-row img{
  width: 100%;
}
.single-post .comment-form textarea{
  width: 100%;
  padding: 10px;
  border: 1px solid #dddddd;
  height: 130px;
  resize: none;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}

.single-post input[type="text"]:focus, .single-post input[type="number"]:focus, .single-post input[type="email"]:focus, .single-post input[type="password"]:focus, .single-post input[type="date"]:focus, .single-post input[type="datetime"]:focus, .single-post input[type="url"]:focus, .single-post input[type="time"]:focus, .single-post select:focus, .single-post textarea:focus {
    border-color: #6633ff;
    background: rgba(238, 238, 238, 0.62);
    transition: all 500ms ease;
}
.single-post .comment-form input{
  width: 100%;
  padding: 10px;
  border: 1px solid #dddddd;
  height: 50px;
  resize: none;
  border-radius: 5px;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.single-post .comment-form 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: #6633ff;
  padding: 14px 35px;
  border: 1px solid #6633ff;
  border-radius: 25px;
  box-shadow: 0px 5px rgba(63, 191, 197, 0.35);
  transition: all 500ms ease;
}
.single-post .comment-form button:hover{
  background: #fff;
  color: #6633ff;
  transition: all 500ms ease;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.single-post .comment-form h3{
  margin-bottom: 22px;
}




/*** 

====================================================================
                        contact-page
====================================================================

***/

.contact-section{
  position: relative;
  padding: 95px 0px 85px 0px;
}
.contact-section input{
  width: 100%;
  padding: 10px 10px;
  border: 1px solid #e7e7e7;
  margin-bottom: 30px;
  line-height: 28px;
  border-radius: 5px;
  transition: all 500ms ease;
}
.contact-section textarea{
  width: 100%;
  padding: 10px 10px;
  height: 110px;
  resize: none;
  border: 1px solid #e7e7e7;
  margin-bottom: 20px;
  border-radius: 5px;
  transition: all 500ms ease;
}
.contact-section 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: #6633ff;
    text-transform: uppercase;
    padding: 13px 31px;
    border: 1px solid #6633ff;
    border-radius: 25px;
    box-shadow: 0px 5px rgba(63, 191, 197, 0.35);
    transition: all 500ms ease;
}
.contact-section button:hover {
    background: #fff;
    color: #6633ff;
    transition: all 500ms ease;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.contact-section .contact-head p{
  font-size: 14px;
  font-family: 'Roboto',sans-serif;
  color: #848484;
  line-height: 25px;
  margin-bottom: 42px;
}
.contact-section h2.section-title{
  margin-bottom: 17px;
}
.contact-section .single-item{
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  background: #f9f9f9;
  padding: 32px 0px 21px 97px;
  margin-bottom: 10px;
  display: block;
}
.contact-section .single-item:hover{
  display: block;
}
.contact-section .single-item .icon-box{
  position: absolute;
  left: 30px;
  top: 35px;
}
.contact-section .single-item .icon-box i{
  padding: 0px;
  height: 45px;
  width: 45px;
  line-height: 0px;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
}
.contact-section .contact-right{
  position: relative;
  padding: 55px 0px 0px 0px;
}
.contact-section .single-item .icon-box i:before{
  font-size: 14px;
  color: #6699ff;
}
.contact-section .single-item h5{
  font-size: 16px;
  color: #222;
  font-family: 'Roboto',sans-serif;
  line-height: 26px;
  margin-bottom: 6px;
}
.contact-section .single-item p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 25px;
  margin-bottom: 0px;
}
.contact-section .single-item a{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 25px;
  display: inline-block;
  margin-bottom: 0px;
  transition: all 500ms ease;
}
.contact-section .single-item a:hover{
  color: #6699ff;
  transition: all 500ms ease;
}
.contact-section .contact-left{
  position: relative;
  padding: 0px 40px 0px 0px;
}
.contact-section input[type="text"]:focus, .contact-section input[type="number"]:focus, .contact-section input[type="email"]:focus, .contact-section input[type="password"]:focus, .contact-section input[type="date"]:focus, .contact-section input[type="datetime"]:focus, .contact-section input[type="url"]:focus, .contact-section input[type="time"]:focus, .contact-section select:focus, .contact-section textarea:focus {
    border-color: #6633ff;
    background: rgba(238, 238, 238, 0.62);
    transition: all 500ms ease;
}
.google-map-area {
    position: relative;
}
#contact-google-map {
    height: 480px;
    width: 100%;
}




/*** 

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

***/

.error-section{
  position: relative;
  padding: 212px 0px
}
.error-section .error-title{
  position: relative;
  font-size: 180px;
  color: #e5e5e5;
  font-family: 'Roboto',sans-serif;
  font-weight: bold;
  line-height: 120px;
  margin-bottom: 45px;
}
.error-section .error-title:before{
  position: absolute;
  content: '4';
  left: 154px;
  top: -8px;
  width: 100%;
  height: 100%;
  color: #222;
}
.error-section .error-title:after{
  position: absolute;
  content: '4';
  right: 176px;
  top: -8px;
  width: 100%;
  height: 100%;
  color: #222;
}
.error-section .error-title i:before{
  color: #6633ff;
  font-size: 98px;
  margin: 0px;
  border: 8px solid #6633ff;
  padding: 39px 39px;
  border-radius: 50%;
  box-shadow: 6px 6px 20px 8px rgb(237, 237, 237);
}
.error-section .icon-box{
  top: -36px;
  margin-right: -22px;
  margin-left: -38px;
  position: relative;
  display: inline-block;
}
.error-section p{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #848484;
  line-height: 25px;
  margin-bottom: 53px;
  letter-spacing: 1px;
  display: block;
}
.error-section a{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  color: #6633ff;
  line-height: 25px;
  text-decoration: underline;
  margin-bottom: 15px;
}
.error-section .error-btn a{
    position: relative;
    font-size: 14px;
    font-family: 'opensans',sans-serif;
    line-height: 23px;
    text-decoration: none;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
    margin: 0px;
    background: #6633ff;
    padding: 15px 30px;
    border: 1px solid #6633ff;
    border-radius: 25px;
    box-shadow: 0px 5px rgba(63, 191, 197, 0.35);
    transition: all 500ms ease;
}
.error-section .error-btn a:hover{
    background: #fff;
    color: #6633ff;
    transition: all 500ms ease;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}





/*** 

====================================================================
                        appointment form
====================================================================

***/

.appointment-form{
  position: relative;
  background: #fff;
  padding-bottom: 30px;
}
.appointment-form form{
  width: 340px;
  padding: 0px 30px;
}
.appointment-form input{
  display: block;
  width: 100%;
  border: 1px solid#e5e5e5;
  padding: 10px;
  margin-bottom: 10px;
}
.appointment-form select{
  display: block;
  width: 100%;
  border: 1px solid#e5e5e5;
  padding: 15px;
  margin-bottom: 10px;
  cursor: pointer;
}
.appointment-form textarea{
  height: 85px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  resize: none;
  width: 100%;
  margin-bottom: 20px;
}
.appointment-form h2{
  font-size: 24px;
  font-family: 'Roboto',sans-serif;
  color: #fff;
  line-height: 30px;
  font-weight: 700;
  background: #6633ff;
  padding: 34px 0px;
  text-align: center;
  display: block;
  margin-bottom: 30px;
  border-bottom-right-radius: 40%;
  border-bottom-left-radius: 40%;
}
.appointment-form .appoinment-btn button{
  font-size: 14px;
  font-family: 'opensans',sans-serif;
  line-height: 25px;
  color: #fff;
  font-weight: 700;
  padding: 13px 30px;
  background: #303333;
  border-radius: 25px;
  box-shadow: 0px 5px #dfe0e0;
  transition: all 500ms ease;
}
.appointment-form .appoinment-btn button:hover{
  background: #6633ff;
  box-shadow: 0px 5px #d9f3f3;
  transition: all 500ms ease;
}


.hephaistos.tparrows.tp-leftarrow{
  top: 0px;
  margin-left: 30px;
  border-radius: 50%;
  opacity: .2;
}
.hephaistos.tparrows.tp-leftarrow:hover{
  opacity: .8;
  background: #6699ff;
}
.hephaistos.tparrows.tp-rightarrow{
  top: 0px;
  margin-right: 30px;
  border-radius: 50%;
  opacity: .2;
}
.hephaistos.tparrows.tp-rightarrow:hover{
  opacity: .8;
  background: #6699ff;
}
.main-banner img{
  width: 100%;
}