/* 

Template Name: Tahex || Parallax HTML Template
  
*/

/* -----------------------------------------------------------
TABLE OF CONTENTS:
--------------------------------------------------------------

* GENERAL SECTION
* SITE PRELOADER
* HEADER SECTION
* SLIDER SECTION
* PARALLAX SECTION
* WORK SECTION
* ABOUT SECTION
* SERVICE SECTION
* TEAM SECTION
* PATNERS SECTION
* CLIENT SECTION
* COUNTER SECTION
* CONTACT SECTION
* FOOTER-TOP-AREA SECTION
* FOOTER SECTION
* SINGLE BLOG PAGE
* BLOG WITH SIDEBAR
* BLOG FULL WIDTH PAGE




------------------------------------------------------------*/

/*----------------------------------------- GENERAL SECTION -------------------------------------------------*/
/* .phead{
	margin-left: 0 ;
	font-size:26px ; 
	line-height:1.3 ; 
	color:#454746 ;
}
.pphead{
	font-weight:600 ; 
	font-size:26px ; 
	color:#454746 ;
} */
.mainpadding {
	padding: 0px 60px;
}


.smainpadding {
	padding: 0px 75px;
}


.subpadding {
	padding: 0px 45px;
}

.ssub {
	padding: 0px 50px;
}

.sssp{
	padding: 0px 45px;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #fff;
}
.alignleft {
	float: left;
	margin-right: 15px
}
.alignright {
	float: right;
	margin-left: 15px
}
.aligncenter {
	display: block;
	margin: 0 auto 15px
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul > li {
	display: inline-block;
}
a:focus,
a:hover {
	text-decoration: none;
	outline: 0
}
img {
	max-width: 100%;
	height: auto
}
body,
html {
	height: 100%!important
}
body {
	/* font-family: 'Barlow', sans-serif; */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	overflow-x: hidden;
	overflow-y: scroll;
	background: #ffffff;
	color: #939393;
	text-shadow: none;
	line-height:1.6;
}
.pdt-10 {
	padding-top: 10px
}
.pdt-20 {
	padding-top: 20px
}
.pdt-30 {
	padding-top: 30px
}
.pdt-40 {
	padding-top: 40px
}
.pdt-50 {
	padding-top: 50px
}
.pdt-80 {
	padding-top: 80px
}

.pdt-100 {
	padding-top:100px
}

.pdt-120 {
	padding-top: 120px
}

.mt-50{
	margin-top:50px;
	}
.mt-80{
	margin-top:80px;
	}
.mt-100{
	margin-top:100px;
	}	
	
.ml-30 {
	margin-left: 30px;
}

.mr-30 {
	margin-right: 30px;
}

.pdl-30 {
	padding-left: 30px;
}

.no-padding{padding:0;}

.element-item.no-padding{
padding:0;	
}

.section-padding {
	padding: 100px 0;
}

.section-padding-200 {
	padding:200px 0px;
}

.section-padding-80 {
	padding: 80px 0;
}
.section-padding-50 {
	padding: 50px 0;
}

.section-padding-bottom-0 {
	padding-bottom: 0
}

.section-padding-bottom-80 {
	padding-bottom:80px;
}

h3.small-text {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    left: 0;
}

hr.border-top {
	width: 40%;
    border-top: .5px solid #fff;
    margin: 20px auto;
    
}

hr.footer-divider {
    width: 30%;
	margin: 50px auto;
    border-top: 1px solid #777;
}

span.text-color {
    color: #000;
}

.big-text {
   position: absolute;
    text-align: center;
    left: auto;
    right: 0;
    margin: 0;
    color: silver;
    font-size: 15em;
    font-weight: 900;
    opacity: .1;
    z-index: -1;
    top: 20%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}


p.info-title {
    font-size: 20px;
    font-weight: 500;
    margin: 6px 0;
}

p.info-content {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #999;
    letter-spacing: 1.1px;
}



a.section-scroll-down {
    position: absolute;
    margin: auto;
    text-align: center;
    top:auto;
	left:0;
	right:0;
	margin:0;
    z-index: 5;
    display: block;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a.section-scroll-down>i {
    color: #09C0EE;
    font-size:4em;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.section-title h1.section-heading {
	      position: relative;
    font-family: 'Barlow Condensed', sans-serif;
    z-index: 2;
    margin-bottom: 0px;
    font-weight: 700;
    padding-bottom: 50px;
    text-transform: uppercase;
    /* font-size: 3.8em; */ 
    color: #fff; 
}

@media only screen and (min-width : 1366px) {
	.section-title h1.section-heading {
		
		  font-size: 3em !important;
	}
}

@media only screen and (min-width : 1440px) {
	.section-title h1.section-heading {
		
		  font-size: 3em !important;
	}
}

@media only screen and (min-width : 1680px) {
	.section-title h1.section-heading {
		
		  font-size: 3.2em !important;
	}
}
@media only screen and (min-width : 1920px) {
	.section-title h1.section-heading {
		
		  font-size: 3.5em !important;
	}
}
.section-title h1.section-heading:after{
position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    bottom: -10px;
    left: 0;
    right: 0;
    /* border: 1px solid #09C0EE; */
    margin: auto;
    /* background: #09C0EE; */
    border-radius: 50px;
    z-index: 1;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
}


.section-title h1.section-heading:before {
  position: absolute;
    content: "";
    width: 20%;
    height: auto;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 1;
    /* border-bottom: 1px solid #09C0EE; */
    margin: auto;
}


.contact-area .section-title h1.section-heading:before,.contact-area .section-title h1.section-heading:after{
right: auto;	
	
}

.service-caption-sub-heading {
	background: #f0f0f0;
	padding: 8px 10px;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	margin: 70px auto 10px auto;
	text-transform: uppercase;
}
.section-title p.section-title-para {
	position: relative;
    margin: auto;
    line-height: 2;
    font-weight: 600;
	text-align: justify;
    z-index: 2;
    color: #000;
    font-size: 16px;
}


a.page-close-link {
    position: absolute;
    font-size: 30px;
    color: #000;
    background:#fff;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    margin: 0px auto;
    width: 50px;
    height: 50px;
    padding: 5px;
    top:auto;
    z-index: 9;
}


.main-menu.menu-right {
    float: right;
}



div#main-content-wrapper {
    position: relative;
    z-index: 1;
}

.blog-comments-box .post-btn,input.submit-btn {	
	width: 200px;
    height: 65px;
    letter-spacing: 3px;
    text-shadow: none;
    background: #09C0EE;
    font-weight: 800;
    outline: 0;
    text-transform: uppercase;
    border: none;
    color: #fff;
    opacity: 1;
    border-radius: 50px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
   
}

.blog-comments-box .post-btn {
	width: 200px;
	margin-top:30px;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


.blog-comments-box .post-btn:hover,input.submit-btn:hover {  
	background: #000;
	 opacity:1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


 
iframe {
    border: 0px;
}


#blog-single #custom-menubar.menubar-fixed-top {
top: 0px;

}



a.read-more-btn.read-more-link:hover {
    background: #09C0EE;   
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


 a.section-scroll-down:hover > i{
    color:#09C0EE;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
} 


.feature-area,.service-area,.team-area,.news-area,.budget-plan-area,.client-area{
	position:relative;
	z-index:1;
	
}

a.read-more-btn{color:#fff;}


.modern-blog .modern-blog-wrapper .element-item a.read-more-btn,a.read-more-btn {
    padding: 2px;	
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;  
}



section.blog-standard,section.modern-blog-wrapper-with-sidebar,.service-page-service-area,.modern-blog {
    background: #fff;
}


.curve-bg:before,
.curve-bg:after {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 100%;
	top: -30px;
	right: 0;
	left: 0;
/* 	-webkit-transform: skew(0, 4deg) translate(0);
	-ms-transform: skew(0, 4deg) translate(0);
	    transform: skew(0, 4deg) translate(0); */
	z-index: -1;
}
.curve-bg:after {
/* 	-webkit-transform: skew(0, -4deg) translate(0);
	-ms-transform: skew(0, -4deg) translate(0);
	    transform: skew(0, -4deg) translate(0); */
}


/*-----------------------------------------SITE-PRELOADER -------------------------------------------------*/

/* Demo Styles */
#content {
  margin: 0 auto;
  padding-bottom: 50px;
  width: 80%;
  max-width: 978px;
}

h1 {
  font-size: 40px;
}

/* The Loader */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden;
}
.no-js #loader-wrapper {
  display: none;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
          animation: spin 1.7s linear infinite;
  z-index: 11;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse .6s linear infinite;
          animation: spin-reverse .6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #000;
  z-index: 10;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
      transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
      transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  -o-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}


/*-------------------HEADER SECTION---------------------------*/

.header-area.absolute {
	position: absolute;
	z-index: 8;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}


.main-Menu-Open-Toggle {
    position: relative;
    z-index: 1;
}

.main-Menu-Open-Toggle>a {
	 position: absolute;
    color: #fff;
    font-size: 40px;
    top: 10px;   
    right: 0;
}


#custom-menubar {
	width: auto;
    height: 120px;
	padding-top:0px;
	border: none;
    z-index: 9;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;  
}


#custom-menubar .logo,.mobile-menu-logo-toggle-wrapper a.mobile-logo.logo,.footer-logo a {
	position: fixed;
    width: auto;
    height: auto;
    margin: 19px auto;
    z-index: 9;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	margin-left:25px;
}


#custom-menubar .logo:after,.mobile-menu-logo-toggle-wrapper a.mobile-logo.logo:after,.footer-logo a:after {
	position: absolute;
    content: "";
    width: 100%;
    height: auto;
    
}


.footer-logo a {
	position: absolute;
    top: -75px;
    border: none;
    opacity: 1;
    left: 0;
    right: 0;
    margin: auto;
	z-index:1;
}


.mobile-menu-logo-toggle-wrapper a.mobile-logo.logo {
	left: 0;
    right: 0;
    margin: auto;
}


#main-menu-wrapper{
	position: absolute;
    background: #000;
    right: -50%;
    width: 430px;
    height: 750px;
    top: 100%;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    opacity: .7;
    -webkit-box-shadow: -1px 0px 2px #222;
            box-shadow: -1px 0px 2px #222;
	 -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


#main-menu-wrapper.show-menu {
	opacity:1;	
	 right:0;
	 z-index:9;
	visibility: visible;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

#main-menu-wrapper:after {
    position: absolute;
    content: "";
    background: #0c0c0c;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    height: 750PX;
    z-index: -1;
}

#custom-menubar ul.main-menu li {
	display: inline-block;
    float: none;
}
#custom-menubar.menubar-fixed-top {
	position: fixed;
	top:0px;
	border: 2px solid #0172A5;
	background: linear-gradient( 
30deg
 , #fff 20%, #0172A5 50%);
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-o-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	height: 100px;
}

#custom-menubar.menubar-fixed-top:after,#custom-menubar.menubar-fixed-top.page:after {
    position: absolute;
    content: "";
    background:linear-gradient( 
30deg
 , #fff 20%, #0172A5 50%);;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    opacity:0;
}

#custom-menubar.menubar-fixed-top.page:after {
    opacity:.66;
}



nav#custom-menubar.menubar-fixed-top.top-nav-collapse {
	width:auto;
	height:100px;
	top:0px;
	background:linear-gradient( 
30deg
 , #fff 20%, #0172A5 50%);;
	padding:0px;	
	border-radius: 0px;
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-o-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

nav#custom-menubar.menubar-fixed-top.top-nav-collapse:after {
	opacity:.9;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

#custom-menubar ul.main-menu li a {
	font-family: 'Barlow', sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
    padding: 35px 10px;
    letter-spacing: normal;
    font-size: 17px;
    font-weight: 700;
	letter-spacing: 2px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=50)";
    
}


#custom-menubar ul.main-menu li.active a,nav#custom-menubar.menubar-fixed-top.top-nav-collapse ul li.active a {
	color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	background: transparent;
}
#custom-menubar ul.main-menu li a:focus {
	background: transparent;
}
#custom-menubar ul.main-menu li a:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color: #09C0EE;
	background-color: transparent;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.navbar-toggle i {
	color: #000;
}



/*---------------drop-downmenu -----------------*/

nav.navbar.navbar-default.mobile-fixed-top {
    background: #000;
    border-radius: no;
    border-radius: non;
    border-radius: none;
    padding: 26px 0px;
}


ul li.dropdown{
	position:relative;
	z-index:1;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
   padding: 0px 5px 0px 5px;
}

li.dropdown a>i {
	position: absolute;
    font-size:15px;
    color: #fff;
    right: 0;
    top: 40px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

ul li.dropdown ul.dropdown-submenu{	
	position: absolute;   
    left: auto;
    top:auto;
	margin-top:10px;
    text-align: left;
	border-top:3px solid #fff;
	opacity:0;
    visibility:hidden;
    z-index: -99;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;   
	}
	
ul li.dropdown ul.dropdown-submenu:after {
    position: absolute;
    content: "";
    background:#0172A5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    opacity:1;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;   
}	
	
ul li.dropdown ul.dropdown-submenu {
    right: 0;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	

}	
	
	
ul li.dropdown ul.dropdown-submenu li {
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

ul li.dropdown ul.dropdown-submenu li a {
    width: 200px;
    max-width: 100%;
    padding: 20px 8px 20px 16px!important;
    height: auto;
    line-height: normal;
    opacity: 1!important;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    
    
}

ul li.dropdown:hover ul.dropdown-submenu{
	margin-top:0px;
	opacity:1;
	visibility:visible;
	z-index:999;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
ul li.dropdown:hover ul.dropdown-submenu li a:hover {
    color:#000!important;
	background-color: #fff!important;
	opacity:1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;

}



ul li.dropdown:hover i{
	color:#09C0EE;
	-webkit-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	        transform:rotate(180deg);
	 -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
} 


ul li.dropdown ul.dropdown-submenu li.active-page > a,.mobile-menu-wrapper ul.mobile-menu.mobile-submenus li.active-page > a {
    color:#000!important;
	background-color: #09C0EE!important;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


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


.navbar-header.menu-toggle-wrapper {
    min-height: 80px;
    padding-top: 15px;
	padding-right:20px;
}

.navbar-header.menu-toggle-wrapper img {
width: 90%;
max-width:100%;
top: -19px;
position: relative;
left: -15px;
} 


a.read-more-btn{
    position: relative;
    width:200px;
    height:60px;
    font-weight: 600;
    line-height:56px;
    letter-spacing: 2px;
	text-align:center;
    display: block;
    border-bottom: 2px solid #09C0EE;	
    overflow: hidden;
	background: #09C0EE;
	border-radius:50px;
    top: 0;	
    text-transform: uppercase;
	color: #fff;
	z-index:1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


a.read-more-btn:after{
   position: absolute;
    content: "";
    background: #000;
    width:100%;
    height:0%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}



a.read-more-btn:hover:after{
    width:100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a.read-more-btn:hover{
   color:#fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a.read-more-btn i {
	 position: relative;
    top: 3px;
    padding-left: 5px;
	font-size: 20px;
	opacity:0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    
   
}

a.read-more-btn:hover i{
opacity:1;	
padding-left: 15px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;	
}

a.read-more-btn.service-all-btn {
	position:relative;
	z-index:1;
    margin: auto;
}





/*----------------------------------------- YOUTUBE VIDEO SECTION ----------------------------------------- */

.video-control-box {
position: absolute!important;
    bottom: 60px;
    width: 200px;
    height: auto;
    z-index: 2;
    right: 0;
    min-width: 200px;
}
 


.video-control-box ul li a {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border: 2px solid #ddd;
    padding: 4px;
    border-radius: 50%;
	margin: -5px;
}

 
 .slide-bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
 


.video-control-content {
    position: absolute;
    z-index: 2;
    right: 85px;
    margin: 0 auto;
    text-align: center;
    top: 35px;
}


.video-control-content ul li a {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border: 2px solid #ddd;
    padding: 4px;
    border-radius: 50%;
}





/*----------------------------------------- SLIDER SECTION -------------------------------------------------*/

.home-sliders,
.home-sliders div {
	height: 100%
}
.home-sliders div.single-slide-content-wrapper,
.home-sliders div.single-slide-content-wrapper div {
	height: auto
}

.single-slide-item.slide-bg {
	background-size: cover;
	background-position: center center!important;
	background-repeat: no-repeat;
}


.home-sliders .single-slide-item {
	display: table;
	width: 100%;
	position: relative;
	z-index: 2
}
.home-sliders .single-slide-item:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #000;
	opacity:.55;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.single-slide-content-wrapper {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	z-index: 2
}

ul li.hero-link> a{	
 font-size:17px;   
 margin-top:60px;
 line-height: 60px;
 text-transform: uppercase;
 border-radius:5px;
 background: #fff;
 color: #000;
 -webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
 
}

.home-sliders .single-slide-content-wrapper h1.slider-heading {
	font-family: 'Barlow Condensed', sans-serif;
    position: relative;
    color: #fff;
    z-index: 1;
    width: auto;
    height: auto;
    margin: 50px auto 70px auto;
    font-weight: 800;
    font-size: 10em;
    text-transform: uppercase;
}

.home-sliders .single-slide-content-wrapper h1.slider-heading:after {
    position: absolute;
    content: "";
    width: 50%;
    height: auto;
    border-bottom:2px solid #fff;
    left: 0;
    bottom: -37px;
    right: 0;
    margin: auto;
	border-radius: 50%;
    opacity: .3;
}


.home-sliders .single-slide-content-wrapper h2.slider-sub-heading {
	position: relative;
	font-family: 'Playfair Display', serif;
    color:goldenrod;    
    font-weight: 800;
    letter-spacing: 8px;
    z-index: 1;
    font-style: italic;
    font-size: 80px;
}


p.slider-para{
	width: 65%;
    margin: auto;
    max-width: 100%;
    color: #fff;    
    line-height: 1.8;
    font-size: 16px;
    letter-spacing: 1.5px;
}

.owl-nav {
	position: absolute;
    width: 52px;
    height: 50px !important;
    left:-45px;
    margin: auto;
    bottom: 100px;
    opacity: 0;
	right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    
}
.owl-prev,
.owl-next {
	position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    padding: 3px 15px;
    border-radius: 50px;
    display: inline-block;
    font-size: 25px;
    color: #fff;
    line-height:45px;
    text-align: center;
	background: #09C0EE;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    
}
.owl-next {
	left: 45px;
	margin: 1px 7px;
}
.home-sliders:hover .owl-nav {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}




/*----------------------------------------- PARALLAX SECTION ----------------------------------------- */



.work-area,.about-area,.patners-area,.statistics-area,.clients-area,.team-area {
	position: relative;
	z-index: 1;
}


.about-area.bg1{
	background: url(../img/b-bg1.jpg);
}
.statistics-area.bg2 {
	background: url(../img/b-bg2.jpg);
}

.clients-area.bg3 {
	background: url(../img/b-bg3.jpg);
}

.patners-area.bg4{
	background: url(../img/b-bg4.jpg);
}


.about-area.bg1,
.statistics-area.bg2 ,
.clients-area.bg3,
.patners-area.bg4{
	position: relative;
	z-index: 1;
	width: auto;
    height:auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}
.about-area.bg1:after,
.statistics-area.bg2:after,
.clients-area.bg3:after,
.patners-area.bg4:after{
	position: absolute;
    content: "";
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .65;
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
}


.work-area,.about-area,.service-area,.contact-area {
	background:#141414;
}

.clients-area {
	background:#f8f8f8;
}

.team-area {
	background:#ffffff;
}

.contact-area {
	
}


/*----------------------------------------- BREDCRUMB SECTION ----------------------------------------- */

.bredcrumb-area{
position:relative;
z-index:1;
	}

.am {
	font-size:18px !important;
}
.bredcrumb-area:after {
   position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fafafa;
	border-bottom: 5px solid #f7f7f7;
    opacity: 1;
    z-index: -1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    
}


.bredcrumb-area-content {
   width: 100%;
   height: 450px;
   min-height:450px;
   margin-top: 100px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   justify-items: center; 
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    
}
 



/*----------------------------------------- WORK SECTION ----------------------------------------- */


ul.work-menu {
	text-align:center;
	margin-bottom: 50px;
}

.project-items {

}

.element-item {
margin:0px;
padding-top:30px;
} 

.work-menu li {
display:inline-block;
}

.work-menu li a {
	position: relative;
    width: 100%;
    height: 50px;
    padding: 10px;
    display: block;
    text-decoration: none;
    color: #222222;
    margin: 0px 20px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 800;
    font-size: 15px;
    background: #fafafa;
    border-radius: 50px;
    text-transform: uppercase;
    z-index: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}



figure.single-work-item-wrapper {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
	overflow: hidden;
	background: #f7f7f7;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
figure.single-work-item-wrapper:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 1;
	opacity: 0;
	left:0;
	right: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;	
}


figure.single-work-item-wrapper >img,
.work4-page li img {
	max-width: 100%;
	height: auto;
	overflow: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
	filter: 0;
	-webkit-filter: grayscale(0);
	-webkit-transition: .5s;
}
figure.single-work-item-wrapper figcaption.image-caption {
    position: absolute;
    display: inline-block;
    color: #fff;
    text-align: center;
    left: 0;
    top: 0;
    right: 0;
    margin: -5px auto auto auto;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    z-index: 2;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

figure.single-work-item-wrapper figcaption.image-caption ul li a h2, figure.single-work-item-wrapper figcaption.image-caption ul li a h3, figure.single-work-item-wrapper figcaption.image-caption ul li i {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


figure.single-work-item-wrapper figcaption.image-caption ul li i {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 62px;
    border-radius: 50%;
    top: -50px;
   background: #fff;
    color: #000;
    text-align: center;
    font-size: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

figure.single-work-item-wrapper figcaption.image-caption ul li a h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
	color: #09C0EE;
    letter-spacing: 1px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

figure.single-work-item-wrapper figcaption.image-caption ul li a h3 {
	font-family: 'Playfair Display', serif;
    font-style: italic;
    margin: 50px auto auto auto;
    color: #fff;	
    letter-spacing: 3px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fancybox-opened .fancybox-skin {
	position: relative;
	background: 0 0;
	color: #fff;
	text-shadow: none;
	border-radius: 0;
	-webkit-box-shadow: 0 0 8px #ddd;
	        box-shadow: 0 0 8px #ddd
}



.work-menu li a:after {
    position: absolute;
    content: "";
    background: #09C0EE;
    width:100%;
    height:0%;
    top: 0;
    left: 0;
    z-index: -1;
	border-radius:50px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.work-menu li a:hover:after {
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.work-menu li a:hover {
    color:#fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}



.work-menu li a.selected {
	color: #fff;
    background:#09C0EE;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}



figure.single-work-item-wrapper:hover:before {
	width:100%;
    height: 100%;
    left:0;
    top: 0;
    background:#09C0EE;
    opacity: 0.9;
    z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
figure.single-work-item-wrapper:hover img {
	width: auto!important;
    height: auto;
    overflow: hidden;
    opacity: 1;
    -webkit-transform:scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	 -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	
}



figure.single-work-item-wrapper:hover:before {
	width: 100%;
    height: 100%;
    left: 0;
    Top: 0;
    background: #000;
    opacity: .9;
    z-index: 1;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(Opacity=100)";
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
   
}



figure.single-work-item-wrapper:hover figcaption.image-caption {
    margin: 0 auto auto auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

figure.single-work-item-wrapper:hover figcaption.image-caption ul li a h2, figure.single-work-item-wrapper:hover figcaption.image-caption ul li a h3, figure.single-work-item-wrapper:hover figcaption.image-caption ul li i {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


/* work1.html // work2.html // work3.html // work4.html //  work5.html // work6.html // work7.html */


.worksajax .main-wrapper {
   margin: 100px auto;
   padding: 50px;
   background: #09C0EE;
   border-radius:10px;
} 

.work-name-title {
  font-family: 'Barlow Condensed', sans-serif;
   margin:0;
   font-weight:600;
   text-transform: capitalize;
   color:#fff;
}
.work-position-title,
.team-position-title {
    font-style: italic;
    color: #ddd;
    letter-spacing: 3px;
}
.work-content {	
    letter-spacing: 2px;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 30px;
    line-height: 2;
    border: 1px solid #ededed;
    text-align: left;
}

.work-content p strong {
    font-size: 17px;
    display: block;
    padding-bottom: 20px;
}

ul.project-info li {
	display: block;
	line-height: 2;
}

ul.social-media li a {
    color: #454746;
    margin: 5px;
}
.gallery-item-list figure.single-gallery-item {
	position: relative;
	z-index: 1;
	margin-top:30px;
	padding: 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	
}


.gallery-item-list figure.single-gallery-item figcaption.single-gallery-caption {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.gallery-item-list figure.single-gallery-item figcaption.single-gallery-caption i {
color: #fff;
font-size: 50px;
padding: 5px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;

}

.gallery-item-list figure.single-gallery-item figcaption.single-gallery-caption a {
    width: 80px;
    height: 80px;
    padding: 15px;
	display: block;
	background:#09C0EE;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.single-work-caro-item.item {
	-webkit-box-shadow: 4px 7px 6px #ddd;
	        box-shadow: 4px 7px 6px #ddd;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.single-work-carousel-control,
.cform-carousel-controls,.profile-carousel-02-controls {
	position: absolute;
    border-radius: 2px;
    bottom: 0;
    right: 0px;
    background: #09C0EE;
    padding: 20px 25px;
    border-bottom: 1px solid #ddd;
    opacity: .8;
    z-index: 2;
	color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    
}
.left.single-work-carousel-control,
.left.cform-carousel-controls,.left.profile-carousel-02-controls{
	width: 60px;
    height: 60px;
	margin: 0;
    display: inline-block;
    left: 0;    
    color: #fff;
}
.embed-responsive.embed-responsive-4by3 {
	padding-bottom: 50%;
}
ul.social-media li a:hover {
	color: #2c2c2c;
}
.gallery-item-list figure.single-gallery-item:hover {
	cursor: pointer;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.gallery-item-list figure.single-gallery-item:hover img {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: pointer;
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.gallery-item-list figure.single-gallery-item:hover figcaption.single-gallery-caption {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border-radius: 50%;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.carousel-wrapper:hover a i {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border-radius: 50%;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}




/*----------------------------------------- ABOUT SECTION ----------------------------------------- */



.about-area {
	position: relative;
	z-index: 1;
	background:#f5f5f5;
}

.video-poster-bg {	
	position: relative;
	width: 100%;
    min-height: 500px;
    max-height: 100%;	
	border-radius: 5px;
    background: url(../img/poster.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;  
}

.video-poster-bg:after {
position: absolute;
width: 100%;
height: 100%;
content: "";
background: #000;
left: 0;
top: 0;    
opacity: .1;
z-index: -1;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   
}

h1.profile-info-heading {
    font-size: 50px;
    font-weight: 600;
}


p.profile-info-para {
    font-size: 17px;   
    margin-top: 20px;
    line-height: 32px;
    margin-bottom: 20px;
}


.profile-video-content-wrapper{
  display: table;
    width: 100%;
    height: auto;
}

.profile-video-content {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
	 position: absolute;
    color: #fff;
    z-index: 5;
    font-size: 16px;
    margin: auto;
    right: 0;  
    top:auto;
	bottom:0;
	left:0;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	
}


.profile-video-content-wrapper .profile-video-content a {
	position: absolute;
	width: 80px;
    height: 80px;
    line-height: 120px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    bottom: 0;   
    border-radius: 50%;
    padding: 0px 0px 0px 5px;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
	background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    
  
}


.hero-video-content {
    text-align: center;
    z-index: 5;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	
}


.video-poster-bg .profile-video-content > a > i {
    font-size:4em;
	color: #000000;

}

.video-poster-bg:hover {
    background-position: center center!important;
}

.video-poster-bg:hover .profile-video-content a i {
	color: #09C0EE;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.video-poster-bg:hover .profile-video-content h3.profile-video-content-heading {
	color: #fff;
	background: #000;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}




/*----------------------------------------- SERVICE SECTION ----------------------------------------- */


.service-area {
	position: relative;
	z-index: 1;
}


.single-service-item-wrapper {
    background: #fff;
	overflow:hidden;
}


.single-service-item-wrapper h2 {
	margin:0;
	color: #000;
	font-weight:600;
	text-transform:uppercase;
}


.single-service-item i { 
    position: relative;
    width: 100px;
    height: 100px;
    margin: auto;        
    border: 2px solid #fafafa;
    line-height: 100px;
    font-size: 3em;
    border-radius: 50px;
    background: #fff;
    color: #000;
	box-shadow: 0px 5px 10px #ddd;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
   
}

.single-service-item h4.single-service-item-heading {
	font-weight: 600;
    text-transform: uppercase;
    margin: 30px auto 20px auto;
    letter-spacing: 1px;
    color: #000;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.single-service-item-wrapper a{display:block;margin:auto;}


figure.single-figure {
    position: relative;
    z-index: 1;
}

figure.single-figure:after {
  position: absolute;
    content: "";
    background:#09C0EE;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity:0;
    z-index:1;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


figure.single-figure a span {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    top: 0;
    bottom: 0;
    text-align: center;
    left:0;
    right: 0;
    margin: auto;
    z-index:2;
    color: #fff;
    font-size:2em;
	font-weight:800;
	opacity:0;
	transform:scale(0);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

figure.single-figure>a>img {
	transform:scale(1);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}


@media only screen and (min-width : 1366px) {
	

.service-slider.owl-carousel .owl-nav {
	
	bottom:140px !important;
}
	
}



@media only screen and (min-width : 1920px) {
	

.service-slider.owl-carousel .owl-nav {
	
	bottom:185px !important;
}
	
}

.service-slider.owl-carousel .owl-nav {
 /*    background: transparent;
    position: absolute;
    bottom: 0;
    width: 50%;
    height: auto;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    top: auto;
    bottom:-25px;
	opacity:0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s; */
	
	
	
	background: transparent;
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    top: auto;
    bottom: 185px;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.service-slider.owl-carousel .owl-nav .owl-prev {
    position: absolute;
	opacity:1;
}

.service-slider.owl-carousel .owl-nav .owl-next {
   left: auto;
    right: 0;
}


.service-slider.owl-carousel .owl-nav .owl-prev {
   left: 0;
    right: auto;
}



.single-service-item-wrapper:hover figure.single-figure>a>img {
	transform:scale(1.05);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}


.single-service-item-wrapper:hover figure.single-figure:after {
    opacity:.9;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}



.single-service-item-wrapper:hover figure.single-figure a span {
    color: #fff;
	opacity:1;
	left:0;
	transform:scale(1);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}


.single-service-item:hover i,.single-service-item:hover.single-service-item h4.single-service-item-heading {
    color:#ff5252;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.service-slider.owl-carousel:hover .owl-nav{
opacity:1;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;	
	
}



/*----------------------------------------- TEAM AREA -----------------------------------------*/



figure.single-team-item-wrapper {
    position: relative;
    z-index: 1;
	overflow:hidden;
}


figure.single-team-item-wrapper:after {
  position: absolute;
    content: "";
    background: #09C0EE;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

figcaption.caption-wrapper {
    position: absolute;   
    display: -webkit-box;   
    display: -ms-flexbox;   
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: auto;
	bottom: 0;
	top:0;   
    left: 0;
    right: 0;
    margin: -10px auto;
	opacity:0;
	z-index:2;
	-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s
}


h3.caption-title-heading {
	letter-spacing:.5px;
	color:#fff;
    margin-bottom: 0;
    text-transform: uppercase;
}

h4.caption-title-heading-2 {
	letter-spacing: 3px;
	color:#fff;
}


figcaption.caption-wrapper ul.team-social-icons li a {
    color: #fff;
    display: block;
    font-size:16px;
    margin:5px;
}

figure.single-team-item-wrapper img{
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s		
}

figure.single-team-item-wrapper:hover img{
-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
        transform: scale(1.05);
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s	
	
}

figure.single-team-item-wrapper:hover:after{
opacity:.88;
z-index:1;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s	
} 

figure.single-team-item-wrapper:hover figcaption.caption-wrapper{
opacity:1;
margin:0 auto;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
	-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s	
} 




/*----------------------------------------- PRICING PLAN SECTION ----------------------------------------- */

.pricing-plan-area {
	position: relative;
	z-index: 1;
}
.single-pricing-table-wrapper {
	position: relative;
	display: table;
	width: 100%;
	z-index: 1;
	height: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	border-radius:1px;
	overflow:hidden;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.single-pricing-table-wrapper:after {
	position: absolute;
	content:"";
	background:transparent;
	width:100%;
	height:0%;
	top:0;	
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity:0;
	z-index: -1;
	text-align: center;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}


.single-pricing-table-wrapper .single-pricing-body {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	
}

.single-pricing-table-wrapper .single-pricing-body .pricing-header {
	font-size: 25px;
	padding: 20px 0px 14px 0px;
	text-transform: uppercase;
	font-weight: 800;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.single-pricing-table-wrapper .single-pricing-body .pricing-header span.currency {
	font-size: 30px;
	font-style: normal
}
.single-pricing-table-wrapper .single-pricing-body .pricing-header span {
	font-size: 12px;
	font-style: italic
}
.single-pricing-table-wrapper .single-pricing-body ul li {
	padding: 11px 0px;
	display: block;
}

.single-pricing-table-wrapper .single-pricing-body .pricing-content ul li a.select-btn {
	position: relative;
    width: 200px;
    height: 60px;
    top: auto;
    bottom: 0;
    font-weight: 600;
    color: #fff;
    background: transparent;
    text-transform: uppercase;
    margin: 25px auto;
	padding: 2px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    
}


 .active.single-pricing-table-wrapper{
	border-color:#fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}


 .active.single-pricing-table-wrapper:after{
	height:100%;
	opacity:.88;
	border:5px solid #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
 
.active.single-pricing-table-wrapper .single-pricing-body,
.active.single-pricing-table-wrapper .single-pricing-body .pricing-header {	
	color: #fff;
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.active.single-pricing-table-wrapper .single-pricing-body .pricing-content ul li a.select-btn{
color: #fff;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;	
	
}

.active.single-pricing-table-wrapper .single-pricing-body .pricing-content ul li a.select-btn:hover{
color: #fff;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;	
	
}


/*----------------------------------------- PATNERS SECTION -----------------------------------------*/


.brands-logo.brands-carousel.owl-carousel {
	width: auto;
	margin: 0 auto
}
.single-brand-wrapper {
	position: relative;
	display: table;
	width: 100%;
	height: auto;
	z-index: 2
}
.single-brand-item {
display: table-cell;
vertical-align:middle;
text-align: center;
background:transparent;
width: auto;
height: auto;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}


.single-brand-item:hover{
opacity: 1;	
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}


/* ----------------------------------------- CLIENT SECTION -----------------------------------------*/

.clients-area {
	position: relative;
	z-index: 1;
}
.carousel-main-wrapper {
	background: 0 0;
	display: table;
	width: 100%;
	height: 100%;
}
.carousel-main-wrapper .carousel-box {
	width: 100%;
	height: 200px;
	margin-right: 10px;
	border-radius: 0;
	counter-increment: carousel-cell
}


.carousel-box {
    text-align: left;
    padding: 15px 45px;
    background: #09C0EE;
	border-radius:3px;
}


.carousel-box h3.client-title {
	font-size: 16px;
    font-weight: 600;
    color: #fff;
	
}

.carousel-box p {
	font-family: 'Playfair Display', serif;
	font-style: italic;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
   
}


.carousel-box figure.client-avatar {
width: 100px;
height: auto;
max-width: 100%;
min-height: 100%;
margin: 0px 0px 25px 0px;
}
.carousel-content-wrap {
	background: #ffffff;
}


.carousel-nav-wrapper .carousel-box:before {
	font-size: 50px;
	line-height: 80px;
	display: none
}
.owl-dots {
	position: relative;
	left: 0;
	right: 0;
	padding:50px 0px;
	z-index: 9;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	display:none;
}
 .owl-dot {
	width: 15px;
    height: 15px;
    background: #fff;
    margin: 5px;
    display: inline-block;
    border-radius:0px;
    border:1px solid #dddddd;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.owl-dot.active {
	background: #09C0EE;
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-box-shadow: 0px 0px 5px #999;
	        box-shadow: 0px 0px 5px #999;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	display:none;
}


.carousel-box:hover {
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}



.clients-carousel .owl-dot:hover{
 background: #09C0EE;	
 -webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
	
}


/* ----------------------------------------- COUNTER SECTION -----------------------------------------*/

.single-content-item {
	position:relative;   
    padding:50px;
	background: #09C0EE;
	text-align: center;
	font-weight:600;
	z-index:1;
}

.single-content-item:after {
    position: absolute;
    content: "";
    border: 5px solid #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.single-content-item .single-content div#count-test1,
.single-content-item .single-content div#count-test2,
.single-content-item .single-content div#count-test3,
.single-content-item .single-content div#count-test4 {
 color: #fff;
font-size:6em;
font-weight:800;
}

.single-content-item .single-content h4 {
color: #fff;
}



/* ----------------------------------------- CONTACT-TOP-SECTION -----------------------------------------*/


.contact-top-area{
	background:#fff;
}


.d-table{
display:table;
position:relative;
width:100%;
z-index:1;
	
}

.d-table.contact-top-area.color-bg {
    background: #000000;
}


.d-table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}


.d-table-cell-right,.d-table-cell.d-table-cell-right.d-table-cell-right-2,.d-table-cell-left-2{
    padding:2% 5% 0% 5%;
}


.d-table-cell-right h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 800;
    margin-bottom: 30px;
}



.d-table-cell-bg{
position:relative;
z-index:1;
	
}


.d-table-cell-bg .img-bg {
position:absolute;
width: 100%;    
height: 100%;
 background-image: url(../img/c-bg-1.jpg);
top: 0;   
right: 0;
background-size:cover;
background-position: top center;
background-repeat: no-repeat;
background-attachment:fixed;	
z-index: 1;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
	
}



.cell-box-padding {
    padding:37% 0%;
}


/* ----------------------------------------- CONTACT SECTION -----------------------------------------*/



.contact-area {
	position: relative;
	z-index: 1;
}

.contact-area p.section-title-para {
    margin: 0;
    font-size: inherit;
    margin-bottom: 30px;
}

/*------------------

Contact-form 

------------------*/


.contact-form-wrapper {
position: relative;
    width: 100%;
    height: auto;
   
}


h4.contact-heading {
	border-bottom: 1px solid #ddd;
	margin-bottom: -40px;
}


span.error {
	position: absolute;
	color: #000;
	margin-top: -55px;
	right: 30px;
}

.label-mb-0 label {
    display: block;
    margin: 0;
}

input[type=text],
input[type=url],
input[type=email],
input[type=password],
textarea {
    width: 100%;
    height: auto;
    padding: 10px;
    background: #fff;
    outline: 0;
    color: #000;
    border: .5px solid #ddd;
    font-size: 15px;
    margin-bottom: 20px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
   
textarea {
	width: 100%;
	height: auto;
	margin-top: -20px;
}

input[type=text]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
	background: #f7f7f7;
    color: #111;
    border-bottom:1px solid #09C0EE;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    
}
/*------------

Map Area 

--------------*/

div#map {
	height:600px;
	min-height: 600px;
}
.gm-fullscreen-control {
	display: none
}
span.content-text {
	padding: 40px 43px;
	display: block;
	line-height: 2;
	color: #000;
}



/* ----------------------------------------- FOOTER TOP AREA SECTION -----------------------------------------*/


.footer-top-area {
  position: relative;
 background: #000;
}


.footer-content-wrapper h1 {
    letter-spacing: 2px;
    font-size: 5em;
	margin-bottom:40px;
	color: #fff;
}

.footer-content-wrapper h3 {
    color: #777;
    font-weight: 300;
    letter-spacing: 2px;
}

.footer-content-wrapper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 1px;
	color:#777;
}

.footer-content-wrapper a {
    color:#09C0EE;
    font-size: 30px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 70px;
    margin: 60px auto auto auto;
    line-height: 67px;
    border-radius: 2px;
    letter-spacing: 3px;
    text-decoration: underline;
}



/* ----------------------------------------- FOOTER SECTION -----------------------------------------*/

.footer-area {
  background: #000;
    text-align: center;
    line-height: 1.2;
}


footer.footer-area {
    position: relative;
    width: 100%;
    bottom: 0;
    z-index: -1;
    left: 0;
}

ul.footer-icon.share-icon-list li a {
    line-height: 50px;
}

.site-info p{
 color: #fff;
  letter-spacing: 2px;
}

.site-info p i {
    margin-right: 15px;
}

.copyright p {
    color: #fff;
    padding:50px 0px 0px 0px;
}

.copyright a {
	color: #09C0EE;
}

.scrolltop {
	position: fixed;    
    width: 50px;
    height: 50px;
	border-radius: 50%;
	right: 105px;
    bottom: 20px;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    background-color: #192A52;
    color: #fff;
    opacity: 0;
    z-index: 7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
   
}
.scrolltop.active {
	visibility: visible;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}



ul#photo-gallery li img:hover {
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	    transform: scale(0.9);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

ul#photo-gallery li img {
    border-radius: 4px;
    margin: 5px;
}


.scrolltop:hover,.scrolltop:focus {
	height:50px;
	color: #fff;
	background: #000;	
}

.copyright a:hover {
	color:#fff
}




/* ----------------------------------------- BLOG  WITH SIDEBAR ----------------------------------------- */


.blog-post-content.blog-post-content2,.blog-post-content.blog-post-content3 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

h1.blog-title.blog-title2,h1.blog-title.blog-title3{
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 2px;
    padding: 10px 0px;
    border: none;
    border-bottom: 2px dotted #ddd;
}

h1.blog-title.blog-title2 a,h1.blog-title.blog-title3 a {
    color: #252525!important;
    width: 100%;
    display: block;
}

.left-side-bar h1 {
	font-family: 'Barlow Condensed', sans-serif;
	padding: 0px 0px 15px 0px;
    border-bottom: 1px dotted #ddd;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 15px;
    margin-top: 0;
	color:#000;

}

.left-side-bar figcaption.image-caption {
	position: relative;
	width: 100%;
	height:auto;
	padding: 17px;
	text-align: center;	
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-box-shadow: 0 11px 50px -7px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 11px 50px -7px rgba(0, 0, 0, 0.6);
}
.left-side-bar figcaption.image-caption:after {
	position: absolute;
	background: #000;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: .9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.left-side-bar figcaption.image-caption hr {
	width: 50px;
	border-top: 5px solid #fff;
}

hr.blog-divider {
	margin-top: 60px;
	margin-bottom: 0px;
}
.blog-post-search-bar {
	display: table;
	width: 100%;
}
.blog-post-search-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	z-index: 1;
}

.blog-post-search-content input[type="search"] {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    padding: 11px;
    outline: none;
}

.blog-post-search-content button[type=submit] {
	position: absolute;
    width: 60px;
    height: 48px;
    border: 0;
    outline: 0;
    background:#09C0EE ;
    top: 1px;
    right: 1px;
    margin: 0 auto;
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.blog-post-search-content i {
    font-size: 20px;
    border: 0;
    text-align: center;
    line-height: 20px;
    color: #fff;
    display: block;
    width: 50px;
    height: 46px;
    padding: 15px;
    font-size: 30px;
    right: 0;
}

.blog-post-left-sidebar .blog-post-latest-news img {
	float: left;
	margin-right: 15px;
	width: 50px;
	height: auto;
	margin-bottom: 6px;
	margin-top: 5px
}
.blog-post-latest-news span {
	font-size: 11px;
	font-weight: 700;
	text-align: right;
	display: inline-block;
	padding: 0 11px 0 0;
	color: #2c2c2c
}


.blog-post-content p {
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 20px;
	width: 50%;
	background: #000;
	padding: 15px
}
ul.blog-post-latest-news li {
	padding: 5px 0px;
	display:block;
}

ul.blog-post-latest-news li>a {
	position:relative;
	color: #999;
	z-index:1;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}

ul.blog-post-latest-news li>a:after {
	position: absolute;
    content: "";
    width: 15%;
    height: auto;
    border-bottom: 1px solid #ddd;
    left: 0;
    bottom: -5px;
	 z-index:1;
	 -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}




ul.blog-post-latest-news li:nth-child(2) a,
ul.blog-post-latest-news li:nth-child(4) a {
	color: #09C0EE ;
}

ul.blog-post-latest-news li>a:after,
ul.blog-post-latest-news li:nth-child(2)a:after,
ul.blog-post-latest-news li:nth-child(4)a:after {
	 width: 100%;
	color: #333435;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}


ul.blog-post-latest-news li>a:hover {
	color: #000;
	 -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


ul.blog-post-latest-news li>a:hover:after {
	position: absolute;
    content: "";
    width: 100%;
    height: auto;
    border-bottom: 1px solid #09C0EE ;
    left: 0;
    bottom: -5px;
	 z-index:1;
	 -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.sidebar-image {
    position: relative;
	width:auto;
	height: auto;
    z-index: 1;
    margin: auto;
    display: block;
    text-align: center;
    
}

.sidebar-image figcaption.image-caption {
    position: absolute;   
    width: 80%;
    height: 80%;
	max-width: 100%;
    max-height: 100%;
    left: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    top: 0;
    background: #09C0EE ;
    right: 0;
    margin: auto;
	border-radius: 50%;
    bottom: 0;   
	z-index: 2;	
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;   
    
}
.sidebar-image figcaption.image-caption h4 {
	width: 100%;
    padding: 15px 0px;
    font-size: 50px;
	color: #fff;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 900;
} 

.blog-post-search-content input[type="search"]:focus{
background:#f7f5f9;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;	
}



.blog-post-search-content i:hover {
	color: #ddd;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}
.blog-post-search-content:hover {
	cursor: pointer;
	opacity: .9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}




/*------- categories ------*/



ul.categories li {
    display: block;
    line-height: 2;
    margin: 5px;

}
ul.categories li a{
    position: relative;
    z-index:1;
	color: #777;
}

ul.categories li a:hover {
    color: #000;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


ul.categories li a:after {
    position: absolute;
    content: "";
    width: 15%;
    height: auto;
    border-bottom: 1px solid #ddd;
    left: 0;
    bottom: -5px;
	color: #000;
	 z-index:1;
	 -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

ul.categories li a:hover:after{
	width:100%;
	border-bottom: 1px solid #09C0EE ;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


/*------- tags ------*/

ul.tags li {
display: inline-block;
border: 1px solid #09C0EE;
cursor: pointer;
border-radius: 50px;
overflow: hidden;
}

ul.tags li a {
width: auto;
height: 40px;
text-align: center;
display: block;
color: #000;
padding: 6px 24px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}


ul.tags li:hover a {
color: #fff;
background: #09C0EE ;
-webkit-transition: .5s;
 -o-transition: .5s;
transition: .5s;
}

ul.tags li:hover {
border:1px solid #09C0EE ;
-webkit-transition: .5s;
 -o-transition: .5s;
transition: .5s;
}



/*------- post-page-nav -------*/

ul.post-page-nav-list li a {
width: 50px;
height: 50px;
color: #000;
font-size: 15px;
display: block;
padding: 9px;
border: 1px solid #ddd;
background: #fff;
border-radius: 2px;
font-weight: 800;
margin: auto 2px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
   
}

ul.post-page-nav-list li a.current-page,ul.post-page-nav-list li a.current-page:hover {
    background:#09C0EE ;
    color: #fff;
   -webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}


ul.post-page-nav-list li a:hover {
    background: #09C0EE ;
    color: #fff;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}



/* ----------------------------------------- SINGLE BLOG PAGE ----------------------------------------- */


.single-blog-wrapper h2.single-blog-title {
    color:#000000;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    padding: 0px 0px 25px 0px;
    font-size: 30px;
    margin-bottom: 25px;
}

.blog-standard .standard-blog-wrapper .element-item img,.single-blog-wrapper img {
    border-radius: 5px;
}



h1.single-blog-title a {
  color: #575757;
}

p.post-para {
    letter-spacing:.5px;
    font-weight: 500;
    color: #454746;
}

.post-list-grp p {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    letter-spacing: 1px;
}

.post-list-grp p i {
    font-size: 20px;
    margin-right: 10px;
}


.single-blog-blockquote {
    width: auto;
    height: auto;
    padding: 40px;
    margin: 40px;
    border-left: 10px solid #000000;
    font-size: 24px;
    background: #ddd;
    letter-spacing: 2px;
    font-weight: 3;
    color: #000;
    font-style: italic;
}

.share-box h4 {
    font-weight: 600;
}

.title-heading.title-heading2 {
    color: #09C0EE ;

}

ul.share-icon-list li a {
width: 50px;
height: 50px;
color: #fff;
margin: 0 1px;  
display: block;
font-size: 25px;
text-align: center; 
background:red;
border-radius:50px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
    
}

ul.share-icon-list li:first-child a {
	
background: #4867AA;

}
ul.share-icon-list li:nth-child(2) a { 

background: #55ADED;

}

ul.share-icon-list li:nth-child(3) a {
	
background: #C51F26;
}


ul.share-icon-list li:nth-child(4) a { 

background: #D64837;

}

ul.share-icon-list li:nth-child(5) a {
	
background: #0073AF;	
}

ul.share-icon-list li:nth-child(6) a {
	
background: #32445B;
	
}

ul.share-icon-list li:nth-child(7) a { 

background: #F74300;

}

ul.share-icon-list li:nth-child(8) a {

background: #F70000;	
	
	
}

ul.share-icon-list li a:hover{
	opacity:.5;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	}


.comments-list-wrapper {
	position: relative;
	z-index: 1;
}
.comments-list-wrapper h3 {
    font-weight: 600;   
    margin: 0;
}
.comments-list-wrapper .comments-list .comments-avatar {
	float: left;
    margin-right:70px;
    width: 100px;
    height: 130px;
}
.comments-list-wrapper .comments-list .comments-content .comments-time {
	font-style: italic;
   color: #09C0EE ;
    display: inline-block;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 10px;
	font-weight:600;
}
.comments-list-wrapper .comments-list .comments-content .comments-reply {
  position: absolute;
    font-style: italic;
    color: #000;
    right: 0;
    border-bottom: 1px solid #000000;
}

h5.comments-avatar-title {
    font-family: 'Barlow Condensed', sans-serif;
    color: #000;
    font-size: 20px;
}

/*--comment-box--*/

.blog-comments-box h3 {
	font-family: 'Barlow Condensed', sans-serif;
    color: #000;
	width: 50%;
    max-width: 100%;
    letter-spacing: 1px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: 600;
}
.blog-comments-box h4 {
	border-bottom: 2px solid #ededed
}
.blog-comments-box input[type=text] {
	margin-right: 10px
}
.blog-comments-box input[type=text],
.blog-comments-box input[type=email],
.blog-comments-box textarea {
width:100%;
border:1px solid #ddd;
margin-bottom: 1px;
box-shadow: none;
-webkit-box-shadow: none;
        box-shadow: none;
}


.blog-comments-box textarea {
    width: 100%;
    margin-top:30px;
}

/*--end-comment-box--*/


figure.blog-post-item a {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: center;
    text-align: center;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 60px;
    color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


ul.blog-caption li a:hover i  {
 background: #000;
 -webkit-transition: .5s;
 -o-transition: .5s;
  transition: .5s;
}


/*------- post-nav-------*/

ul.post-nav-list {
    overflow: hidden;
}

ul.post-nav-list li {
    display: inline-block;
}
ul.post-nav-list li a {
    position: relative;
    width: auto;
    height: auto;
    text-align: center;
    display: block;
    color: #999;
    font-weight: 800;
    font-size:16px;
    max-width: 100%;
    z-index: 1;
	 margin: 0px 20px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
   
}


ul.post-nav-list li a::before,ul.post-nav-list li a::before{
    content: attr(data-hover-text);
    font-weight:800;
    color: #09C0EE ;
    position: absolute;
    -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
            transform: translateY(-25px);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    -o-transition: opacity 0.4s ease, transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transition: .5s;
 -o-transition: .5s;
  transition: .5s;
}

ul.post-nav-list li a:hover, ul.post-nav-list li a:hover {
    -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
            transform: translateY(25px);
    color: #09C0EE  !important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}



.blog-comments-box input[type=text]:focus,
.blog-comments-box input[type=email]:focus,
.blog-comments-box textarea:focus {
	border:1px solid #09C0EE ;
	background: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none;
    
}


a.control {
	position: absolute;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    bottom: 0;
}

a.right-control.control {
    right:15px;
	left: auto;
}

a.left-control.control {
    left: 15px;
    right: auto;
}

a.control i {
   background: #192A52;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 900;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


.comments-list-wrapper .comments-list .comments-content .comments-reply:after {
    position: absolute;
    content: "";
    width: 50%;
    height: auto;
    border-bottom: 1px solid #000;
    left: 0;
    bottom: 0;
     -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.comments-list-wrapper .comments-list .comments-content .comments-reply:hover:after {
    width: 100%;  
    border-bottom: 1px solid #09C0EE ;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	
	
}

.comments-list-wrapper .comments-list .comments-content .comments-reply:hover {
    color: #09C0EE ;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	
	
}

figure.single-post-item {
    overflow: hidden;
}

.single-post-item-wrapper img{
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
    -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
            transform: scale(1.0);	
}

.single-post-item-wrapper:hover h3.post-title>a{	
	color: #09C0EE;
-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


.single-post-item-wrapper:hover img{
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);	
}

div#blog-carousel:hover .control {
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


/* ----------------------------------------- FULL WIDTH BLOG PAGE ----------------------------------------- */

 .blog-single-area {
    background: #fff;
}

.container-fluid-95 {
    max-width: 95%;
} 


.modern-blog {
    position: relative;
    z-index: 1;
}


.modern-blog-wrapper figure.single-post-item{
  position: relative;
    z-index: 1;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}


 .modern-blog-wrapper figure.single-post-item figcaption {
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
} 

.caption.post-details li {
    margin: 0 15px 0px 0px;
    border-radius: 50px;
    font-size:16px;
    font-weight: 600;
}

.caption.post-details li i {
    color: #fff;
    background: #09C0EE;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    margin-right: 12px;
	font-size:20px;
}

.caption.post-details li a {
    color: #999;
    font-weight: 600;
    margin: 0 2px;
}



 h3.post-title {
    margin: 20px 0px;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


h3.post-title>a {
	font-family: 'Barlow Condensed', sans-serif;
    color: #000;
    font-size:80px;
    font-weight: 800;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
} 

h3.post-title.single>a{
 font-size:25px;	
}

ul.post-meta a {
   color: #09C0EE ;
    font-weight: 600;
    letter-spacing: 1px;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

ul.post-meta a i {
    color: #888;
}

p.post-content {
    letter-spacing:.5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

h3.post-title>a:hover {
    color: #09C0EE;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
} 



.contact-textinfo.style2 {
    float: left;
    width: 100%;
    background: #0172A5;
    padding: 50px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
	color:#fff;
}

.contact-textinfo {
    float: left;
    width: 100%;
    padding-right: 100px;
}


@media (min-width: 1080px) {
    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container > .navbar-header {
        margin-right: 0;
        margin-left: -240px !important;
    }
	
	
}
@media screen and (min-device-width: 600px) and (max-device-width: 1024px) { 
   .phead{
	margin-left: 0 !important;
	font-size:18px !important; 
	line-height:1.3 !important; 
	color:#454746 !important;
}
	.pphead{
	font-weight:600 !important; 
	font-size:18px !important; 
	color:#454746 !important;
	margin-top: 25%;
}

.img_logo{
  width: 200px;
}

}

.qp{
	margin-top: 2.2%;
}

.img_logo{
  width: 200px;
}

.round{
	    border-radius: 50%;
    background-color: white;
    -webkit-box-shadow: 0px 10px 30px 0px rgb(1 1 64 / 8%);
    box-shadow: 0px 10px 30px 0px rgb(1 1 64 / 8%);
    width: 80px;
    height: 80px;
    text-align: center;
    margin: 0 auto;
    font-size: 30px;
    color: rgb(9, 192, 238);
    font-weight: 500;
    line-height: 80px;
}
.imagep {
    padding: 20px;
    border: 0px solid rgb(9, 192, 238);
    margin: 0px;
    -webkit-box-shadow: 0px 10px 30px 0px rgb(1 1 64 / 8%);
    box-shadow: 30px 25px 30px 0px rgb(1 1 64 / 8%);
}