/*Psychologist HTML5 Template */


/************ TABLE OF CONTENTS ***************
1.  Google Fonts
2.  Reset
3.  Global
4.  Scroll To Top
5.  Preloader
6.  Header Top
7.  Main Header
8.  Search Popup
9.	Rev Slider Wrapper
10.	wellcome Section
11. Vedio Section
12. Service Section
13. Featured Section
14. Team Section
15. Fact Counter Section
16. Blog Section
17. Contact Section
18. Footer Style
19. Title Menu
20. About Section
21. Service Page Style Two
22. Service Details
23. Gallery Page
24. Faq Page
25. Error Section
26. Contact Us
27. Google Map Section
28. Blog Page
29. Styled Pagination
30. Blog Details

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


/*** 

====================================================================
	Google Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');


/*** 

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

 ***/

@import url('font-awesome.min.css');
@import url('flaticon.css');
@import url('animate.min.css');
@import url('owl.css');
@import url('bootstrap.min.css');
@import url('jquery.bxslider.css');
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);
@import url('jquery.fancybox.css');
@import url('hover.css');


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

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

/*** 

====================================================================
	Global style
====================================================================

***/


body {
	font-size:15px;
	color:#777777;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;
}
.page-wrapper{
	overflow: hidden;
}
a{
	text-decoration:none;
	cursor:pointer;
}
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0px;
	font-family: 'Source Sans Pro', sans-serif;
}
input,button,select,textarea{
	font-family: 'Open Sans', sans-serif;
}
p{
	position:relative;
	font-size: 14px;
	line-height:1.8em;
	font-family: 'Open Sans', sans-serif;
}
.strike-through{
	text-decoration:line-through;	
}
.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}
.small-container{
	max-width:680px;
	margin:0 auto;
}
.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;	
}
ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}
.section-title h2{
	position: relative;
	font-size: 48px;
	color: #222222;
	line-height: 60px;
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.section-title h2:before{
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -50px;
	width: 50px;
	height: 3px;
	background: #00c5ff;
	content: '';
}
.section-title p{
	font-size: 15px;
	color: #848484;
	font-weight: 400;
	line-height: 28px;
	font-family: 'Open Sans', sans-serif;
}
.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;	
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #222222;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #222222;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #222222;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #222222;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #222222;
}
.btn-style-one{
	font-size: 17px;
	color: #ffffff;
	line-height: 28px;
	font-weight: 600;
	padding: 10px 24px;
	background: #00c5ff;
	border: 1px solid #00c5ff;
	text-transform: uppercase;
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	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;
}
.btn-style-one:hover{
	color: #00c5ff;
	border: 1px solid #00c5ff;
	background: transparent;
	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;
}

/*** 

====================================================================
	Preloader style
====================================================================

***/

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	height:100%; 
	width: 100%; 
	z-index:99999; 
	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:40px;
	right:40px;
	color:#ffffff;
	font-size:24px;
	line-height: 40px;
	width: 45px;
	height: 45px;
	border: 1px solid #00c5ff;
	background: #00c5ff;
	text-align:center;
	z-index:100;
	cursor:pointer;
	display:none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.scroll-to-top:hover {
    background: #ffffff;
    color: #00c5ff;
    border-color: #00c5ff;
    transition: all 500ms ease;
}

/***

====================================================================
	Header Top
====================================================================

***/

.header-top{
	padding: 11px 0px;
	background: #262c37;
}
.header-top .top-left{
	float: left;
}
.header-top .top-right{
	float: right;
}
.header-top .top-left .contact-links li{
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	color: #d4dae3;
	margin-right: 40px;
	font-family: 'Open Sans', sans-serif;
}
.header-top .top-left .contact-links li i{
	margin-right: 10px;
	color: #00c5ff;
}
.header-top .top-right .social-links{
	position: relative;
	float: left;
}
.header-top .top-right .social-links li{
	display: inline-block;
	margin-right: 24px;
}
.header-top .top-right .social-links li i{
	font-size: 13px;
	color: #d4dae3;
}
.header-top .top-right .social-links li:hover i{
	color: #00c5ff;
}
.search_option {
	position: relative;
	float: right;
	margin-left: 20px;
}
.search_option:before{
	position: absolute;
	content: '';
	height: 20px;
	top: 5px;
	left: -20px;
	border-right: 2px solid #3d434e;
}
.search_option span{
	color: #d4dae3;
	font-size: 14px;
}

/*** 

====================================================================
  Search Popup
====================================================================

***/

.search-popup {
  position: fixed;
  left: 0px;
  top: -100%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.80);
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}
.search-popup.popup-visible {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.search-popup .close-search {
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
}
.search-popup .close-search:hover {
  opacity: 0.70;
}
.search-popup .search-form {
  position: relative;
  padding: 0px 15px 50px;
  padding-top: 200px;
  max-width: 1024px;
  margin: 0 auto;
}
.search-popup .search-form fieldset {
  position: relative;
  border: 5px solid rgb(255, 255, 255);
  -webkit-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.search-popup .search-form fieldset input[type="search"],
.search-popup .search-form fieldset input.form-control {
  position: relative;
  height: 70px;
  padding: 20px 220px 20px 30px;
  background: #ffffff;
  line-height: 30px;
  font-size: 24px;
  color: #233145;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.search-popup .search-form fieldset input[type="submit"] {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
  text-align: center;
  width: 220px;
  padding: 20px 10px 20px 10px;
  color: #ffffff;
  background: #00c5ff;
  line-height: 30px;
  height: 70px;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  -moz-border-radius: 0px 7px 7px 0px;
  -ms-border-radius: 0px 7px 7px 0px;
  -o-border-radius: 0px 7px 7px 0px;
  -webkit-border-radius: 0px 7px 7px 0px;
  border-radius: 0px 7px 7px 0px;
}
.search-popup .search-form fieldset input[type="submit"]:hover {
  background: #334551;
  color: #ffffff;
}
.search-popup h3 {
  font-size: 28px;
  color: #ffffff;
  margin-bottom: 30px;
  text-align: center;
  letter-spacing: 1px;
}
.search-popup .recent-searches {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  font-family: 'Raleway', sans-serif;
}
.search-popup .recent-searches li {
  display: inline-block;
  margin: 0px 10px 10px 0px;
}
.search-popup .recent-searches li a {
  display: block;
  line-height: 24px;
  border: 1px solid #ffffff;
  padding: 8px 20px;
  font-size: 15px;
  color: #ffffff;
  border-radius: 3px;
}
.search-popup .recent-searches li a:hover {
  color: #00c5ff;
  border-color: #00c5ff;
}

/*** 

====================================================================
	Main Header
====================================================================

***/

@-webkit-keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
@keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
.main-header{
	position:relative;
	width:100%;
	z-index: 9999;
	padding: 25px 0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.fixed-header{
	position:fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
	background: #f1f1f1;
	transition:all 500ms ease;
	-webkit-animation-name: menu_sticky;
    animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
    animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);
}
.main-header .logo{
	position: relative;
	float: left;
}
.main-header .header-area{
	position: relative;
	float: right;
	margin-top: 5px;
}
.main-header .header-area .main-menu{
	position: relative;
	float: left;
}
.main-header .link-button{
	float: right;
}
.main-menu .navbar-collapse{
	padding:0px;	
}
.main-menu .navigation{
	position:relative;
	margin:0px;
}
.main-menu .navigation > li{
	position:relative;
	text-align: left;
	padding-right: 10px;
	margin-right: 36px;
	display: inline-block;
}
.main-menu .navigation > li > a{
	position:relative;
	display:block;
	font-size: 15px;
	color:#222222;
	line-height: 26px;
	font-weight:600;
	opacity:1;
	padding: 12px 0px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	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{
	position:absolute;
	left:0px;
	top: 160%;
	width:220px;
	padding:0px;
	z-index:1;
	display:none;
	background:#012f5d;
	border-top:3px solid #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{
	position:relative;
	width:100%;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
}
.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}
.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	line-height:26px;
	font-weight: 600;
	font-size:15px;
	text-transform:uppercase;
	color: #ffffff;
	background: #00c5ff;
	padding: 12px 20px;
	transition:all 500ms ease;
	border: 1px solid #00c5ff;
	font-family: 'Open Sans', sans-serif;
	-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 > a:hover{
	color: #00c5ff;
	background: #ffffff;
	border: 1px dashed #00c5ff;
	transition:all 500ms ease;
}
.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:160%;
	transition:all 500ms ease;	
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	display:block;
	position: absolute;
	right: -8px;
	top: 12px;
	font-size: 20px;
}

/*** 
=============================================
    Rev Slider Wrapper
=============================================
***/

.rev_slider_wrapper .slide-content-box h1 {
  color: #ffffff;
  font-size: 80px;
  line-height: 80px;
  font-weight: 400;
  padding-bottom: 25px;
  font-family: 'Source Sans Pro', sans-serif;
}
.rev_slider_wrapper .slide-content-box p{
  color: #ffffff;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
}
.rev_slider_wrapper .slotholder {
  position: relative;
}
.slotholder:after {
    background: rgba(44, 48, 56, 0.6);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}
.tp-bannertimer {
    display: none;  
}
.rev_slider_wrapper .tparrows {
    background: transparent;
    border: 2px solid #a9abae;
    width: 55px;
    height: 55px;
}
.rev_slider_wrapper .tparrows:before {
    font-family: "FontAwesome";
    font-size: 14px;
    color: #ffffff;
    display: block;
    line-height: 50px;
    text-align: center;
}

/*** 

====================================================================
	wellcome Section
====================================================================

***/

.wellcome-section{
	padding: 90px 0px;
}
.wellcome-section .section-title{
	margin-bottom: 60px;
}
.wellcome-section .item-holder{
	position: relative;
	padding: 30px;
	border: 1px solid #f7f7f7;
}
.wellcome-section .icon-box {
	position: absolute;
	left: 30px;
	top: -30px;
	background: #00c5ff;
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
}
.wellcome-section .icon-box i:before{
	color: #ffffff;
	font-size: 36px;
	margin-left: 0px;
}
.wellcome-section .item-holder h5{
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #222222;
	padding-top: 10px;
	font-family: 'Source Sans Pro', sans-serif;
}
.wellcome-section .item-holder p{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;	
	font-family: 'Open Sans', sans-serif;	
}

/*** 

====================================================================
	Vedio Section
====================================================================

***/

.vedio-section {
	position: relative;
	padding: 180px 0px;
	z-index: 1;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
}
.vedio-section:before{
	position: absolute;
	background: rgba(51, 55, 69, 0.65);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	z-index: -1;
}
.vedio-section h2{
	font-size: 70px;
	line-height: 65px;
	color: #ffffff;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
}
.vedio-section .icon-box{
	position: relative;
	padding-left: 105px;
	margin-top: 25px;
}
.vedio-section .icon-box i{
	position: absolute;
	top: 17px;
	left: 0px;
}
.vedio-section .icon-box i:before{
	margin-left: 0px;
	font-size: 85px;
	color: #ffffff;
}
.vedio-section .icon-box p{
	font-size: 20px;
	color: #ffffff;
	line-height: 28px;
	font-weight: 400;
	vertical-align: middle;
	font-family: 'Source Sans Pro', sans-serif;
}

/*** 

====================================================================
	Service Section
====================================================================

***/

.service-section{
	padding: 90px 0px;
}
.service-section .section-title{
	margin-bottom: 40px;
}
.service-section .image-text{
	position: relative;
	padding: 30px;
	border: 1px solid #f7f7f7;
}
.service-section .item-holder{
    margin-bottom: 30px;
}
.service-section .item-holder img{
    width: 100%;
}
.service-section .item-holder:hover {
    box-shadow: 9px 9px 20px 4px #f7f7f7;
}
.service-section .item-holder h5{
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #222222;
	font-family: 'Source Sans Pro', sans-serif;
}
.service-section .item-holder p{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;	
	font-family: 'Open Sans', sans-serif;	
}
.service-section .owl-theme .owl-controls .owl-nav [class*="owl-"]{
	background: none!important;
}
.service-section .owl-theme .owl-controls .owl-dots{
    display: none!important;
}
.service-section .owl-theme .owl-controls .owl-nav span {
    width: 50px;
    height: 50px;
    background: none;
    line-height: 48px;
    color: #b2b2b2;
    font-size: 16px;
    border: 2px solid #f6f6f6;
    border-radius: 50%;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.service-section .owl-theme .owl-controls .owl-nav span:hover{
	color: #ffffff;
	background: #00c5ff;
	border-color: #00c5ff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

/*** 

====================================================================
	Featured Section
====================================================================

***/


.featured-section{
	position: relative;
	background: #f5f5f8;
}
.featured-section .image-box{
	position: relative;
	margin: 0px -15px;
}
.featured-section .image-box:before{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(38, 44, 55, 0.6);
}
.featured-section .image-box img {
    width: 100%;
}
.featured-section .bx-wrapper{
	margin-bottom: 0px;
	overflow: hidden;
}
.featured-section .content-box{
	position: relative;
	margin: 0px -15px;
	padding: 100px 80px 100px 70px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
}
.featured-section .slider-pager .list-inline{
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.featured-section .slider-pager .list-inline li a.active img{
	position: relative;
	opacity: 1;
	padding: 0;
	transition:all 500ms ease;
}
.featured-section .slider-pager .list-inline li a img{
	position: relative;
	width: 80px;
	height: 80px;
	padding: 5px;
	opacity: .35;
	border-radius: 50%;
	transition:all 500ms ease;
}
.featured-section .bx-wrapper .bx-viewport{
	position: relative;
	background: none;
	border: none;
	left: 0px;
	margin-top: 20px;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.featured-section .bx-wrapper .bx-viewport p{
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	color: #222222;
}
.featured-section .bx-wrapper .bx-viewport h5{
	position: relative;
	font-size: 24px;
	color: #222222;
	margin-top: 25px;
	padding-top: 30px;
	text-transform: capitalize;
}
.featured-section .bx-wrapper .bx-viewport h5:before{
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	width: 50px;
	height: 3px;
	background: #e5e5e5;
}


/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position: relative;
	padding : 90px 0px 70px;
}
.team-section .section-title{
	position: relative;
	margin-bottom: 40px;
}
.team-section .image-holder{
	margin-bottom: 30px;
}
.team-section .image-holder img{
	width: 100%;
}
.team-section .image-box{
	position: relative;
	overflow: hidden;
}
.team-section .social-links{
	position: absolute;
	bottom: -46px;
	left: 0px;
	width: 100%;
	background: rgba(0, 197, 255, 0.95);
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.team-section .image-holder:hover .social-links{
	bottom: 0px;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.team-section .social-links li{
	display: inline-block;
	padding: 12px 15px;
}
.team-section .social-links li i{
	font-size: 16px;
	color: #ffffff;
}
.team-section .image-holder .image-text {
	border: 1px solid #f6f6f6;
}
.team-section .image-holder .image-text h5{
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #222222;
	padding-top: 20px;
}
.team-section .image-holder .image-text p{
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	color: #848484;
	font-style: italic;
	padding-bottom: 15px;
	font-family: 'Open Sans', sans-serif;
}


/*** 

====================================================================
  Fact Counter Section
====================================================================

***/

.fact-counter{
    position:relative;
    padding: 80px 0px 40px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    overflow:hidden;
    color:#ffffff;
}
.fact-counter .auto-container{
    position:relative;
    z-index:1;
}
.fact-counter .column{
    position:relative;
    margin-bottom:40px;
    z-index:5;
}
.fact-counter .item {
	position: relative;
	background: #363c46;
	padding: 15px 40px;
}
.fact-counter .column .icon{
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.fact-counter .column .icon i:before{
    font-size: 50px;
    line-height:70px;
    color: #00c5ff;
    margin-left: 0px;
}
.fact-counter .count-outer{
    position:relative;
    font-size: 50px;
    font-weight: 600;
    padding-left: 70px;
    color: #00c5ff;
    padding-bottom: 25px;
    font-family: 'Source Sans Pro', sans-serif;
}
.fact-counter .column .counter-title{
    position:relative;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    line-height: 28px;
    padding: 15px 0px;
    font-family: 'Open Sans', sans-serif;
}


/*** 

====================================================================
	Blog Section
====================================================================

***/

.blog-section{
	position: relative;
	margin-top: 90px;
	padding-bottom: 60px;
	z-index: 1;
}
.blog-section .section-title{
	position: relative;
	margin-bottom: 40px;
}
.blog-section .item-holder{
	position: relative;
	margin-bottom: 40px;
	transition: all 500ms ease;
}
.blog-section .item-holder:hover{
	transition: all 500ms ease;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.33);
}
.blog-section .item-holder .image-box{
	position: relative;
}
.blog-section .item-holder img{
	position: relative;
	width: 100%;
}
.blog-section .item-holder .image-box .date-box{
	position: absolute;
	bottom: -20px;
	left: 30px;
}
.blog-section .item-holder .date-box span{
	font-size: 16px;
	color: #ffffff;
	line-height: 18px;
	font-weight: 400;
	padding: 8px 20px;
	background: #00c5ff;
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
}
.blog-section .item-holder .content-text{
	position: relative;
	padding: 0px 30px;
	margin-top: 40px;
	border: 1px solid #f7f7f7;
	border-top: none;
}
.blog-section .content-text .sec-title h5{
	position: relative;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blog-section .content-text .sec-title h5:before{
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	width: 50px;
	height: 2px;
	background: #55d8ff;
}
.blog-section .content-text .text p{
	font-size: 14px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	padding-bottom: 15px;
}
.blog-section .item-holder .blog-info{
	border-top: 1px solid #f6f6f6;
}
.blog-section .item-holder .blog-info li{
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	color: #848484;
	padding: 12px 0px;
	margin-right: 10px;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
}
.blog-section .item-holder .blog-info li i{
	font-size: 13px;
	margin-right: 8px;
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section{
	position: relative;
	z-index: 1;
	margin-top: 190px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
}
.contact-section .section-title{
	margin-bottom: 40px;
}
.contact-section .contact-area{
	padding: 80px 100px;
	margin-top: -100px;
	margin-bottom: 100px;
	background-size: cover!important;
	background-repeat: no-repeat !important;
	box-shadow: 0 0 20px 5px #f7f7f7;
}
.contact-section .contact-form .form-group{
	margin-bottom: 30px;
}
.contact-section .contact-form .form-group.text-center{
	margin-bottom: 0px;
}
.contact-section .contact-area form input[type="text"],
.contact-section .contact-area form input[type="email"],
.contact-section .contact-area form textarea{
  color: #848484;
  display: block;
  font-size: 14px;
  height: 50px;
  padding: 0 20px;
  width: 100%;
  font-weight: 400;
  text-transform: capitalize;
  font-family: 'Open Sans', sans-serif;
  border: 1px solid #f6f6f6;
  transition: all 500ms ease;
}
.contact-area .form-group select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    height: 50px;
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #f6f6f6;
    background: #ffffff;
    cursor: pointer;
}
.contact-area .form-group option{
    font-weight: normal;
    display: block;
    white-space: pre;
    height: 50px;
    padding: 20px;
}
.contact-area .form-group option:hover{
	background: #7b64cb;
}
.contact-section .contact-area form button{
	margin-top: 20px;
	display: inline-block;
}

	
/*** 

====================================================================
	Footer Style
====================================================================

***/

.main-footer{
	position: relative;
	z-index: 1;
	border-top: 5px solid #00c5ff;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.main-footer:before{
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(38, 44, 55, 0.95);
}
.main-footer .footer-top{
	padding: 90px 0px;
}

.footer-top .sec-title h6{
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	line-height: 30px;
	padding: 20px 0px;
	text-transform: capitalize;
	font-family: 'Source Sans Pro', sans-serif;
}
.footer-top p{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #d4dae3;
	margin-top: -5px;
}
.footer-top .about-widget{
	margin-right: -25px;
}
.footer-top .footer-logo{
	margin-top: 10px;
    margin-bottom: 25px;
}
.footer-top .social-links{
	padding-top: 10px;
}
.footer-top .social-links  li {
	display: inline-block;
	margin-right: 10px;
}
.footer-top .social-links  li i{
	font-size: 14px;
	line-height: 35px;
	width: 38px;
	height: 38px;
	color: #d4dae3;
	text-align: center;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.35);
	transition:all 500ms ease;
}
.footer-top .social-links  li:hover i{
	background: #00c5ff;
	border-color: #00c5ff;
	transition:all 500ms ease;
}

.footer-top .menu-link ul{
	margin-top: -10px;
}
.footer-top .menu-link li {
	padding: 6px 0px;
}
.footer-top .menu-link li a{
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: #d4dae3;
	font-family: 'Open Sans', sans-serif;
	transition:all 500ms ease;
}
.footer-top .menu-link li:hover a{
	color: #00c5ff;
	text-decoration: underline;
	transition:all 500ms ease;
}
.footer-top .menu-link li i{
	margin-right: 8px;
}
.footer-top .gallery-widget{
	position: relative;
	margin: 0px 45px;
}
.footer-top .gallery-widget .image{
	position:relative;
	float:left;
	width:29%;
	margin: 5px;
	overflow: hidden;
}
.footer-top .gallery-widget .image img{
	position:relative;
	width:100%;	
}
.footer-top .gallery-widget .image .lightbox-image{
	position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0px;
    left: 0px;
    display: flex;
    z-index: 99;
    align-items: center;
    justify-content: center;
    background: -moz-linear-gradient(left, rgba(122,102,203,1) 0%, rgba(72,189,197,0.74) 100%);
    background: -webkit-linear-gradient(left, rgba(122,102,203,1) 0%,rgba(72,189,197,0.74) 100%);
    background: linear-gradient(to right, rgba(122, 102, 203, 0.8) 0%,rgba(72,189,197,0.74) 100%);
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    transform: scale(0, 0);
}
.footer-top .gallery-widget .image .lightbox-image i{
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
}
.footer-top .gallery-widget .image:hover .lightbox-image{
	-webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);	
}
.footer-top .newsletter-cloumn input{
	height: 50px;
	width: 100%;
	padding: 0px 20px;
	background: #ffffff;
	margin-bottom: 20px;
}
.footer-top input::-webkit-input-placeholder {
    color: #848484!important;
}
.footer-bottom{
	padding: 13px 0px;
	border-top: 1px solid #474b5a;
}
.footer-bottom .copyright-text p{
	font-size: 14px;
	font-weight: 400;
	color: #d4dae3;
	line-height: 26px;
	margin-bottom: 0px;
	letter-spacing: .5px;
	padding: 6px 0px;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
}
.footer-bottom .copyright-text a{
	color: #00c5ff;
}


/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title{
	padding: 30px 0px;
	position: relative;
	z-index: 1;
	background: #f7f7f7;
}
.page-title .title h4{
	font-size: 30px;
	font-weight: 600;
	line-height: 60px;
	color: #222222;
	text-transform: capitalize;
}
.page-title .title-manu li{
	font-size: 15px;
	line-height: 26px;
	font-weight: 600;
	color: #00c5ff;
	margin-left: 15px;
	padding: 17px 0px;
	display: inline-block;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
}
.page-title .title-manu li a{
	color: #222222;
	transition: all 500ms ease;
}
.page-title .title-manu li a:hover{
	color: #00c5ff;
	transition: all 500ms ease;
}

/*** 

====================================================================
	Title Menu
====================================================================

***/

.title-menu{
	position: relative;
	padding: 15px 0px;
	background: #f5f5f8;
}
.title-menu li{
	font-size: 15px;
	line-height: 30px;
	font-weight: 600;
	padding-right: 4px;
	color: #848484;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
}
.title-menu li a{
	color: #848484;
	-o-transition:all 0.5s ease;
}
.title-menu li a:hover{
	color: #f5b946;
	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;
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section{
	margin: 100px 0px;
}
.about-section .section-title h2:before{
	left: 0;
	margin-left: 0px;
}
.about-section img{
	width: 100%;
}
.about-section .content-box{
	margin: 25px 15px;
}
.about-section .content-box p{
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: #848484;
	padding-bottom: 10px;
}

/*** 

====================================================================
	Service Page Style Two
====================================================================

***/

.service-section.style-two{
	padding: 70px 0px;
}
.service-section.style-two .item-holder{
	margin-bottom: 30px;
}

/*** 

====================================================================
	Service Details
====================================================================

***/

.service-details{
	margin: 100px 0px;
}
.service-details .service-memu h4{
	font-size: 30px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.service-details .service-memu li{
	border-bottom: 1px solid #f6f6f6;
	transition:all 0.5s ease;
}
.service-details .service-memu li a{
	font-size: 14px;
	line-height: 26px;
	font-weight: 600;
	color: #848484;
	padding: 12px 0px;
	display: inline-block;
	text-transform: capitalize;
	transition:all 0.5s ease;
	font-family: 'Open Sans', sans-serif;
}
.service-details .service-memu li:hover a{
	color: #00c5ff;
	transition:all 0.5s ease;
}
.service-details .service-memu li:hover{
	background: #f5f5f8;
	padding-left: 20px;
	border-bottom: 1px solid #f5f5f8;
	transition:all 0.5s ease;
}
.service-details .service-memu li i{
	margin-right: 10px;
}
.service-details .right-side{
	margin-left: 20px;
}
.service-details .image-box img{
	width: 100%;
}
.service-details .image-box h3{
	font-size: 40px;
	font-weight: 600;
	line-height: 40px;
	color: #222222;
	margin-top: 45px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.service-details .image-box p{
	padding-bottom: 15px;
}
.service-details .content-text h4{
	font-size: 30px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-top: 10px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.service-details .content-text li{
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: #848484;
	padding: 5px 0px;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
}
.service-details .content-text li i{
	font-size: 12px;
	width: 14px;
	height: 14px;
	line-height: 13px;
	color: #ffffff;
	margin-right: 10px;
	background: #00c5ff;
	border-radius: 50%;
	text-align: center;
}
.service-details .text h4{
	font-size: 30px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-top: 40px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

/*** 

====================================================================
	Gallery Page
====================================================================

***/

.team-section.style-two .image-box .lightbox-image{
	position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0px;
    left: 0px;
    display: flex;
    z-index: 99;
    align-items: center;
    justify-content: center;
    background: rgba(40, 40, 52, 0.7);
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    transform: scale(0, 0);
}
.team-section.style-two .image-box .lightbox-image i{
	color: #f6b129;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #ffffff
}
.team-section.style-two .image-holder:hover .lightbox-image{
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}
.team-section.style-two .image-holder{
	margin-bottom: 45px;
}

/*** 

====================================================================
	Faq Page
====================================================================

***/

.faq-section {
	margin: 100px 0px;
}
.faq-section .section-title{
	margin-bottom: 40px;
}
.faq-section .faq-container{
	margin: 0px 100px;
}
.faq-section .left-side{
	margin-right: 20px; 
}
.faq-section .right-side{
	margin-right: 20px; 
}
.faq-section .faq-area h5{
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	color: #222222;
	margin-bottom: 15px;
}
.faq-section .faq-area p{
	color: #848484;
	padding-bottom: 25px;
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section{
	padding: 200px 0px;
}
.error-section h1{
	font-size: 70px;
	line-height: 26px;
	font-weight: 400;
	color: #343434;
	margin-top: 22px;
	margin-bottom: 30px;
}
.error-section p{
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	color: #848484;
}
.error-section .search-box{
	position: relative;
    height: 48px;
    width: 470px;
    margin-top: 48px;
    margin-bottom: 50px;
    border: 1px solid #f9f9f9;
}
.error-section .search-box input{
	color: #222222;
    width: 100%;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
}
.error-section .search-box button{
	position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #848484;
    background: transparent;
}

/*** 

====================================================================
	Contact Us 
====================================================================

***/

.contact-us {
	margin: 100px 0px;
}
.contact-us .sec-title h3{
	font-size: 40px;
	line-height: 26px;
	color: #222222;
	margin-bottom: 15px;
}
.contact-us .sec-title p{
	font-size: 14px;
	line-height: 26px;
	color: #848484;
	padding-bottom: 10px;
}
.contact-us .contact-form .form-group{
	margin-bottom: 32px;
}
.contact-us .contact-form .form-group.button{
	margin-bottom: 0px;
}
	.contact-us .contact-form input {
		font-size: 15px;
		font-weight: 400;
		line-height: 26px;
		color: #848484;
		width: 100%;
		padding: 10px 20px;
		border: 1px solid #c3c3c3;
	}
	.contact-us .contact-form textarea {
		font-size: 15px;
		font-weight: 400;
		line-height: 26px;
		color: #848484;
		width: 100%;
		height: 130px;
		padding: 10px 20px;
		box-shadow: none;
		resize: none;
		border-radius: 0px;
		border: 1px solid #c3c3c3;
	}
.contact-us .contact-info{
	margin-left: 20px;
	padding: 50px 30px;
	background: #262c37;
}
.contact-us .contact-info h4{
	font-size: 30px;
    color: #ffffff;
    line-height: 38px;
    margin-bottom: 20px;
}
.contact-us .contact-info .item{
	position: relative;
	padding-left: 40px;
	margin-bottom: 25px;
}
.contact-us .contact-info .item:last-child{
	margin-bottom: 0px;
}
.contact-us .contact-info .item strong{
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	text-transform: capitalize;	
	font-family: 'Source Sans Pro', sans-serif;
}
.contact-us .contact-info .item p{
	font-size: 15px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 400;
	margin-top: 10px;
}
.contact-us .contact-info .item i{
	position: absolute;
	top: 5px;
	left: 0px;
	color: #00c5ff;
	font-size: 24px;
}

/*** 

====================================================================
	Google Map Section 
====================================================================

***/

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

/*** 

====================================================================
	Blog Page
====================================================================

***/

.blog-section.style-two{
	margin: 100px 0px;
	padding-bottom: 0px;
}
.blog-section.style-two .right-side{
	margin-left: 20px;
}
.blog-section.style-two .search-box{
  position: relative;
  margin-bottom: 30px;
}
.blog-section.style-two .search-box input{
  position: relative;
  height: 50px;
  width: 100%;
  color: #848484;
  padding: 0px 15px;
  background: #ffffff;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #f6f6f6;
  border-radius: 5px;
  font-family: 'Open Sans', sans-serif;
}
.blog-section.style-two .search-box button{
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
}
.blog-section.style-two .search-box button i{
  font-size: 14px;
  color: #222222;
}
.blog-section.style-two h4{
	font-size: 24px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.blog-section.style-two .categories-memu li{
	border-bottom: 1px solid #f6f6f6;
	transition:all 0.5s ease;
}
.blog-section.style-two .categories-memu li a{
	font-size: 14px;
	line-height: 26px;
	font-weight: 600;
	color: #848484;
	padding: 12px 0px;
	display: inline-block;
	text-transform: capitalize;
	transition:all 0.5s ease;
	font-family: 'Open Sans', sans-serif;
}
.blog-section.style-two .categories-memu li:hover a{
	color: #00c5ff;
	transition:all 0.5s ease;
}
.blog-section.style-two .categories-memu li:hover{
	background: #f5f5f8;
	padding-left: 20px;
	border-bottom: 1px solid #f5f5f8;
	transition:all 0.5s ease;
}
.blog-section.style-two .categories-memu li i{
	margin-right: 10px;
}
.blog-section.style-two .sidbar-blog {
	margin-top: 30px;
}
.blog-section.style-two .blog_details{
	margin-top: 30px;
}
.blog-section.style-two .sidbar-blog .blog_item{
    position: relative;
    padding-left: 100px;
    margin-bottom: 25px;
    overflow: hidden;
}
.blog-section.style-two .sidbar-blog .blog-img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 85px;
    height: 85px;
}
.blog-section.style-two .sidbar-blog i{
	margin-right: 10px;
}
.blog-section.style-two .sidbar-blog p{
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #848484;
}
.blog-section.style-two .sidbar-blog h6{
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
    margin-bottom: 10px;
}
.blog-section.style-two .archives-links{
	margin-top: 40px;
}
.blog-section.style-two .archives-links li{
	font-size: 14px;
	font-weight: 400;
	color: #848484;
	line-height: 26px;
}
.blog-section.style-two .archives-links li{
	font-size: 14px;
	font-weight: 600;
	line-height: 26px;
	padding: 5px 0px;
}
.blog-section.style-two .archives-links li a{
	color: #848484;
}
.blog-section.style-two .gallery-width{
	margin-top: 30px;
}
.blog-section.style-two .gallery-width .image{
	position:relative;
	float:left;
	width:29%;
	margin: 5px;
	overflow: hidden;
}
.blog-section.style-two .gallery-width .image img{
	position:relative;
	width:100%;	
}
.blog-section.style-two .gallery-width .lightbox-image{
	position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0px;
    left: 0px;
    display: flex;
    z-index: 99;
    align-items: center;
    justify-content: center;
    background: -moz-linear-gradient(left, rgba(122,102,203,1) 0%, rgba(72,189,197,0.74) 100%);
    background: -webkit-linear-gradient(left, rgba(122,102,203,1) 0%,rgba(72,189,197,0.74) 100%);
    background: linear-gradient(to right, rgba(122, 102, 203, 0.8) 0%,rgba(72,189,197,0.74) 100%);
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    transform: scale(0, 0);
}
.blog-section.style-two .gallery-width .lightbox-image i{
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
}
.blog-section.style-two .gallery-width .image:hover .lightbox-image{
	-webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);	
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination{
	margin-top: 10px;
}
.styled-pagination li{
	position:relative;
	display:inline-block;
	margin-right: 5px;
}
.styled-pagination li a{
	position: relative;
	display: block;
	line-height: 45px;
	font-size: 18px;
	width: 45px;
	height: 45px;
	color: #848484;
	font-weight: 600;
	text-align: center;
	background: #ffffff;
	border: 1px solid #f6f6f6;
	font-family: 'Open Sans', sans-serif;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}
.styled-pagination li a.prev,
.styled-pagination li a.next{
	font-size:18px;	
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;
	background:#00c5ff;
	border-color: #00c5ff;	
	transition:all 500ms ease;
}

/*** 

====================================================================
	Blog Details
====================================================================

***/

.blog-section.style-three .media-links {
	margin-top: 20px;
	border-top: 1px solid #f6f6f6;
}
.blog-section.style-three .media-links .social-links li{
	display: inline-block;
    font-size: 13px;
    line-height: 28px;
    font-weight: 400;
    color: #848484;
    padding: 12px 0px;
    margin-right: 15px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.blog-section.style-three .media-links .social-links li i{
	color: #a2a2a2;
}
.blog-section.style-three .media-links .social-links li:hover i{
	color: #00c5ff;
}
.blog-section.style-three .item-holder{
	margin-bottom: 60px;
}
.blog-section.style-three .comment-area{
	margin-bottom: 80px;
}
.blog-section.style-three .comment-area h5{
	position: relative;
	font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 20px;
}
.blog-section.style-three .comment-area .item{
	position: relative;
	padding-left: 100px;
	margin-bottom: 20px;
}
.blog-section.style-three .comment-area .item.reply{
	position: relative;
	padding-left: 80px;
	margin-left: 100px;
}
.blog-section.style-three .comment-area .image-box{
	position: absolute;
	top: 5px;
	left: 0px;
}
.blog-section.style-three .comment-area .item h6{
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: #222222;
}
.blog-section.style-three .comment-area .item span{
	font-size: 14px;
	font-weight: 400;
	color: #848484;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
}
.blog-section.style-three .comment-area .item i{
	margin-right: 10px;
}
.blog-section.style-three .comment-area .item p{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;
}
.blog-section.style-three .form-area h5{
	position: relative;
	font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 20px;
}
.blog-section.style-three .form-group{
	margin-bottom: 20px;
}
.blog-section.style-three .form-group input{
	height: 50px;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	box-shadow: none;
	padding: 10px 20px;
	display: inline-block;
	border: 1px solid #f6f6f6;
	font-family: 'Open Sans', sans-serif;
}
.blog-section.style-three .form-group textarea{
	height: 160px;
	border-radius: 0px;
	box-shadow: none;
	padding: 10px 20px;
	resize: none;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #f6f6f6;
}

.mobil-header
{

	display:none;

}

.wellcome-section {
	padding: 80px 0;
	background: #f9f9f9;
}

.section-title h2 {
	font-size: 36px;
	font-weight: 800;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
}

	.section-title h2::before {
		content: "";
		display: block;
		width: 80px;
		height: 4px;
		
		border-radius: 4px;
		background: linear-gradient(90deg, #00c6ff, #0072ff);
	}

.section-title p {
	margin: 20px auto;
	font-size: 16px;
	line-height: 1.8;
	color: #555;
}

.item-holder {
	background: #fff;
	padding: 30px 25px;
	margin: 15px 0;
	border-radius: 12px;
	text-align: center;
	transition: all 0.3s ease;
	box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

	.item-holder:hover {
		transform: translateY(-8px);
		box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	}

	.item-holder .icon-box {
		width: 70px;
		height: 70px;
		margin: 0 auto 20px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(135deg, #00c6ff, #0072ff);
		color: #fff;
		font-size: 28px;
		transition: all 0.3s ease;
	}

.item-holder:hover .icon-box {
	background: linear-gradient(135deg, #0072ff, #00c6ff);
	transform: scale(1.1);
}

.item-holder h5 {
	font-size: 20px;
	margin-bottom: 12px;
	font-weight: 700;
	color: #333;
}

.item-holder p {
	color: #666;
	font-size: 15px;
	line-height: 1.6;
}

.icon-box {
	border-radius: 50%;
}
.item-holder:hover .icon-box {
	background: linear-gradient(135deg, #0072ff, #00c6ff);
}
.item-holder {
	background: linear-gradient(180deg, #ffffff, #fdfdfd);
}
.section-title h2::after {
	box-shadow: 0 0 12px rgba(0, 114, 255, 0.5);
}

.section-title p {
	margin: 0 auto 10px auto;
	font-size: 17px;
	line-height: 1.2;
	color: #444;
}

	.section-title p strong {
		color: #111;
	}

.section-title .quote {
	font-size: 20px;
	font-style: italic;
	color: #0072ff;
	margin: 25px auto;
	padding-left: 20px;
	border-left: 4px solid #00c6ff;
	max-width: 650px;
}

.wellcome-section .item-holder {
	position: relative;
	padding: 30px 10px;
	border: 1px solid #f7f7f7;
	min-height: 300px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	display: flex;
}

	.wellcome-section .item-holder h5 {
		font-size: 18px;
		font-weight: 600;
		line-height: 20px;
		color: #222222;
		padding-top: 10px;
		font-family: 'Source Sans Pro', sans-serif;
	}
div#html5-watermark {
	display: none !important;
}

.homeList {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin-bottom: 25px;
}

/* --- Read More box --- */
.readmore-box {
	position: absolute;
	bottom: 20px;
	right: 25px;
	display: flex;
	align-items: center;
	color: #009dff;
	font-weight: 600;
	cursor: pointer;
	overflow: hidden;
}

	.readmore-box i {
		font-size: 18px;
		transition: transform 0.3s ease;
	}

.read-more-text {
	margin-left: 8px;
	opacity: 0;
	max-width: 0;
	white-space: nowrap;
	overflow: hidden;
	transition: all 0.4s ease;
}

/* hover olunca yazı açılır ve ok hareket eder */
.item-holder:hover .read-more-text {
	opacity: 1;
	max-width: 100px;
}

.item-holder:hover .readmore-box i {
	transform: translateX(5px);
}