/*
Theme Name: Kingal
Theme URI: https://bestwpware.com/themes-wp/kingal
Author: Masum Billah
Author URI: https://themeforest.net/user/theme_ocean
Description: Multipurpus WordPress Theme
Version: 1.6
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kingal
Tags: two-columns, right-sidebar

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Kingal is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body {
	margin: 0;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;	
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	color: #1cbac8;
}

a:active,
a:hover {
	outline: 0;
	color: #21c5d3;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}


mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {

}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {

}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {

}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border-left: 3px solid #1cbac8;
	font-size: 16px;
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {

}

code,
kbd,
tt,
var {
	font-size: 15px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}


ol,ul{
	margin-left: 20px;
	padding-left: 10px;	
}


li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 20px;
	padding-left: 10px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn-light-bg {
	background: #1cbac8 none repeat scroll 0 0;
	border: 1px solid #1cbac8;
	border-radius: 0;
	box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-size: 15px;
	padding: 14px 26px;
	transition: all 0.4s ease 0s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #14CBDB;
    border: 1px solid #14CBDB;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {

}



input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.form-control {
	background: #fff;
	border: 1px solid #e8e8e9;
	border-radius: 0;
	box-shadow: none;
	height: 50px;	
	line-height: 50px;	
	padding: 0 10px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
.form-control:focus {
	border-color: #1CBAC8;
	outline: 0 none;
	box-shadow: none;
}

select {
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%;
}



input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {

}

textarea {

	width: 100%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin-bottom: 40px;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comment_avatar{
	float: left;
	margin-right: 15px;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME SLIDER DESIGN
    04. START ABOUT SECTION DESIGN
    05. START WHO WE ARE DESIGN
    06. START FEATURES DESIGN
    07. START COMPANY QUALITY & TESTIMONIAL DESIGN
    08. START TEAM DESIGN
    09. START PROMOTION DESIGN    
    10. START COUNT DESIGN
    11. START PORTFOLIO DESIGN
    12. START SERVICE DESIGN    
    13. START RESPONSIVE PROMOTION DESIGN   
    14. START PRICING DESIGN   
    15. START VIDEO DESIGN   
    16. START BLOG DESIGN   
    17. START FAQ DESIGN   
    18. START PARTNER LOGO DESIGN    
    19. START CONTACT FORM & MAP DESIGN     
    20. START CONTACT ADDRESS DESIGN     
    21. START SOCIAL PROFILE DESIGN     
    22. START NEWSLETTER & FOOTER DESIGN 
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    font-family: "Source Sans Pro",sans-serif;
    color: #888888;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444444;
	font-family: "Montserrat",sans-serif;
	margin: 0;
}
h3 { line-height: 32px }
a {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #333;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {   
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {    
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
    color: #1cbac8;
    text-transform: uppercase;
    line-height: 54px;
}
@media only screen and (max-width:480px) { 
    .section-title h2 {
        font-size: 30px;
        line-height: 36px;
    }
}
@media only screen and (max-width:360px) { 
    .section-title h2 { font-size: 24px }
}
@media only screen and (max-width:320px) { 
    .section-title h2 { text-align: center }
}
.service-section-title,
.service-section-text { color: #fff }
.section-title span {
	background: #1cbac8 none repeat scroll 0 0;
	display: block;
	height: 2px;
	margin: 10px auto 0;
	width: 100px;
}
/*SECTION OVERLAY*/
.overlay {
    background: rgba(0,0,0,0.6) none repeat scroll 0 0;
    padding: 60px 0;
}

/*END BTN STYLE*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 02.BOOTSTRAP NAVIGATION OVERRIDES
 * ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #1CBAC8;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.mainmenu ul li.current a {
    color: #1CBAC8;
    background-color: transparent;
}

.navbar-brand { padding-top: 12px 7px 7px; }
.navbar-brand img { width: 150px }
.menu-top { background: none }
ul.nav.navbar-nav .menu-top li a {
    color: #fff ;   
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-family: "Montserrat",sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus
{ 
	color: #1CBAC8;

}

@media only screen and (max-width:480px) { 
    .menu-top { background-color: rgba(0,0,0,0.9) }
    .navbar-default .navbar-nav > li > a { color: #fff !important }
}
@media only screen and (max-width:360px) { 
    .menu-top { background-color: rgba(0,0,0,0.9) }
    .navbar-default .navbar-nav > li > a { color: #fff !important }
}
@media only screen and (max-width:320px) { 
    .menu-top { background-color: rgba(0,0,0,0.9) }
    .navbar-default .navbar-nav > li > a { color: #fff !important }
}
.navbar-default.menu-shrink {
    background-color: rgba(0,0,0,0.8);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
.navbar-default.menu-shrink .navbar-brand{
	padding-top: 7px;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a:hover { color: #1CBAC8}
.navbar-default .navbar-toggle ,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: transparent; border-radius: 0; border-color: #1CBAC8;}
.navbar-default .navbar-toggle .icon-bar { background-color: #1CBAC8; }

.mainmenu ul.nav.navbar-nav li {
	position: relative;
	
}
/*-------------------------------
dropdwon menu 
--------------------------------*/
.mainmenu{  
	padding-top: 7px;
}
.mainmenu ul.nav li ul.sub-menu{
	background: #1cbac8 none repeat scroll 0 0;
	padding: 13px 0 25px;
	position: absolute;
	top: 100%;
	width: 230px;
	opacity:0;
	z-index:-99;
	transition: all 0.3s ease 0s;
	list-style-type: none;
	margin-left: 15px;
	visibility: hidden;
	display: none;
}
.mainmenu ul.nav li ul.sub-menu .sub-menu{
	opacity: 0;
	right: 100%;
	top: -13px;
}

.mainmenu ul.nav li ul.sub-menu li{
	padding: 0;
	width: 100%;
	
}
.mainmenu ul.nav > li:hover > ul.sub-menu{
	top:100%;
	opacity:1;
	z-index:999;
	visibility: visible;
	display: block; 
}
.mainmenu ul.nav > li ul li:hover ul.sub-menu{
	opacity:1;
	z-index:999;
	visibility: visible;
	display: block;
}
.mainmenu ul.nav li ul.sub-menu li a{
	color: #fff;
	font-weight: 400;
	margin: 0 25px;
	padding: 10px 0 0;
	text-transform: inherit;
	display: block;
	transition: .5s;
}
.mainmenu ul.nav li ul.sub-menu li:last-child a{
	border-bottom:0;
}
.mainmenu ul.nav li:hover ul.sub-menu li a:hover{
	color:#fff;
	padding-left:10px;
}
.mainmenu ul.nav li ul.sub-menu:before{
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent #1cbac8;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  content: "";
  left: 14px;
  position: absolute;
  top: -16px;
}
.mainmenu ul.nav li ul ul.sub-menu:before{
	display: none;
}
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
	.navbar-header{
		padding-bottom: 30px;
	}
	.mainmenu ul.nav li ul.sub-menu {
	  overflow-x: hidden;
	}
	.mainmenu ul.nav li ul.sub-menu .sub-menu {
		left: 1%;
		opacity: 1;
		position: inherit !important;
		top: 0px;
		visibility: visible;
		
	}	
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.START HOME SLIDER DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*Start slider design */
#home-slider {
    overflow: hidden;
    position: relative;
}
.caption {
    position: absolute;
    top: 50%;
    margin-top: -104px;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 15;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}
.caption h2 {
    color: #fff;
    font-size: 55px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
.slide_heading,
.slide_content,
.slide_btn{
	opacity: 0;
	visibility: hidden;
}
.item.active .slide_heading,
.item.active .slide_content,
.item.active .slide_btn{
	opacity: 1;
	visibility: visible;
}
.item.active .slide_heading{
	animation: bounceInDown 1200ms ease-in-out;
}
.item.active .slide_content{
	animation: bounceInRight 2500ms ease-in-out;
}
.item.active .slide_btn{
	animation: slideInUp 3000ms ease-in-out;
}

@media only screen and (max-width:768px) { 
    .caption h2 {
        font-size: 40px;
        letter-spacing: 1px;
    }
}
@media only screen and (max-width:480px) { 
    .caption h2 {
        font-size: 30px;
        letter-spacing: 1px;
    }
}
@media only screen and (max-width:320px) { 
    .caption h2 {
        font-size: 24px;
        letter-spacing: 1px;
    }
}
.caption p { margin-bottom: 30px }
.get-start { 
	background-color: transparent;
	border-color: #fff;
	border-radius: 0;
	color: #fff;
	font-size: 14px !important;
	line-height: 18px;
	padding: 12px 29px !important;
	transition: all 0.5s ease 0s;
}
.get-start:hover {
    background-color: #00cccc;
    border-color: #00cccc;
    color: #fff;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
}
.carousel-fade .carousel-inner .item:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-control { z-index: 2 }
.left-control,
.right-control {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    color: #fff;
    font-size: 24px;
    height: 51px;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 51px;
    z-index: 20;
}
@media only screen and (max-width:480px) { 
    .left-control,
    .right-control { display: none }
}
.left-control { left: -51px }
.right-control { right: -51px }
.left-control:hover,
.left-control:focus,
.right-control:hover,
.right-control:focus {
    background-color: #00cccc;
    color: #fff;
}
#home-slider:hover .left-control { left: 30px }
#home-slider:hover .right-control { right: 30px }
#home-slider .fa-angle-down {
    position: absolute;
    left: 50%;
    bottom: 50px;
    color: #fff;
    display: inline-block;
    width: 24px;
    margin-left: -12px;
    font-size: 24px;
    line-height: 24px;
    z-index: 999;
    -webkit-animation: bounce 3000ms infinite;
    animation: bounce 3000ms infinite;
}
/*End slider design */
/*
 * ----------------------------------------------------------------------------------------
 *  03.END HOME SLIDER DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  04.START ABOUT SECTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.what_we_do h3 {
    text-transform: uppercase;
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;
    margin-bottom: 20px;
}
@media only screen and (max-width:768px) { 
    .what_we_do h3 { font-size: 18px }
}
@media only screen and (max-width:480px) { 
    .what_we_do { margin: 20px 0 }
}
.what_we_do p { margin-bottom: 20px }
/* START SKILL DESIGN */
.progress-bar-text {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 2px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #1CBAC8 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */
/*
 * ----------------------------------------------------------------------------------------
 *  04.END ABOUT SECTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  05.START WHO WE ARE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.we_are_bg { background: #1CBAC8 }
.single_who_we_are { padding: 50px }
.single_who_we_are h2 { text-transform: uppercase }
.single_who_we_are h2,
.single_who_we_are p { color: #fff }
.line {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 1px;
    margin: 15px auto 40px;
    width: 100px;
}
.single_who_we_are a {
    color: #fff;
    margin-top: 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
/*
 * ----------------------------------------------------------------------------------------
 *  05.END WHO WE ARE  DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  06.START FEATURES DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_feature { margin-bottom: 30px }
.single_feature .s_icon_wrap{
    background: #1cbac8 none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.25);   
    font-size: 26px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 70px;	
	display: inline-block;
}
.s_icon_wrap i {
	color: #fff;
}
.single_feature:hover .s_icon_wrap{
    background: #14CBDB;
    color: #fff;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.single_feature h4 { }
.single_feature span {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    display: block;
    height: 2px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.single_feature p { padding: 0 20px }
/*
 * ----------------------------------------------------------------------------------------
 *  06.END FEATURES DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  07.START COMPANY QUALITY & TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial_overlay {
    background: rgba(255,255,255,0.9);
    height: 100%;
    padding: 60px 0;
}
.cover-container img { display: inline }
.testimonial-image {
    border-radius: 500px;
    width: 120px;
    height: 120px;
}
.testomonial_left {
    float: left;
    margin-right: 50px;
}
.testomonial_left h4 { margin: 10px 0 }
.testomonial_left h5 { 
	margin-bottom: 5px;
	font-weight: 500;
}
.testomonial_left i { color: #1CBAC8 }
.testimonial_text {
  text-align: justify;
}
.carousel-indicators li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 12px;
    height: 10px;
    margin: 0 1px;
    width: 10px;
}
.carousel-indicators .active {
    height: 10px;
    margin: 0 1px;
    width: 10px;
    border: 1px solid #1CBAC8;
    background: #1CBAC8 none repeat scroll 0 0;
}
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom: -40px }

.company_quality { margin-bottom: 20px }
.company_quality h4,
.testimonial_title {
    border-bottom: 1px solid #e8e8e9;
    margin-bottom: 30px;
    padding: 10px 0;
    text-transform: uppercase;
    color: #1CBAC8;
    letter-spacing: 2px;
}
.company_quality p { text-align: justify }
.company_quality ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.company_quality ul li {
	line-height: 35px;	
}
.company_quality ul li i {
    border-radius: 100px;
    color: #1CBAC8;
    font-size: 22px;
    margin-right: 10px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 07.END COMPANY QUALITY & TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  08.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
.team_section { padding-top: 60px }
.team_member {
    background: #15191c none repeat scroll 0 0;
    float: left;
    width: 50%;
}
.team_member figure {
    width: 50%;
    float: left;
    position: relative;
}
@media only screen and (max-width:768px) { 
    .team_member {
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width:480px) { 
    .team_member {
        width: 100%;
        float: none;
    }
    .team_member .team_caption {
        width: 100%;
        float: none;
    }
    .team_member figure {
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width:360px) { 
    .team_member {
        width: 100%;
        float: none;
    }
    .team_member .team_caption {
        width: 100%;
        float: none;
    }
    .team_member figure {
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width:320px) { 
    .team_member {
        width: 100%;
        float: none;
    }
    .team_member .team_caption {
        width: 100%;
        float: none;
    }
    .team_member figure {
        width: 100%;
        float: left;
    }
}
.team_right figure { 
	float: right;
	margin: 0;
 }
.team_member figure img {
    width: 100%;
    position: relative;
}
.team_member figure em {
    display: block;
    width: 25px;
    height: 50px;
    background: url(img/arrow1.png) 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
}
.team_right figure em {
    background-image: url(img/arrow2.png);
    right: auto;
    left: 0;
}
.team_member .team_caption {
    float: left;
    margin-top: 10%;
    padding: 20px 20px 0 30px;
    width: 50%;
}
@media only screen and (max-width:480px) { 
    .team_member .team_caption {
        width: 100%;
        padding: 10px;
    }
}
@media only screen and (max-width:360px) { 
    .team_member .team_caption {
        width: 100%;
        padding: 10px;
    }
}
@media only screen and (max-width:320px) { 
    .team_member .team_caption {
        width: 100%;
        padding: 10px;
    }
}
.team_right .team_caption { float: right }
.team_caption h3 {
    padding: 5px 0;
    color: #fff;
}
.team_caption h5 { 
	color: #fff;
	font-weight: 500;
}
@media only screen and (max-width:992px) { 
    .team_caption h3 { padding: 0px }
}
.team_social_icon {
    margin-bottom: 20px;
    margin-top: 20px;
}
@media only screen and (max-width:768px) { 
    .team_social_icon { margin-bottom: 40px }
}
@media only screen and (max-width:480px) { 
    .team_social_icon { margin-bottom: 40px }
}
@media only screen and (max-width:360px) { 
    .team_social_icon { margin-bottom: 40px }
}
@media only screen and (max-width:320px) { 
    .team_social_icon { margin-bottom: 40px }
}
.team_social_icon ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.team_social_icon ul li { display: inline-block }
.team_social_icon ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 45px;
    line-height: 27px;
    padding: 10px 13px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 45px;
}
.team_social_icon ul li a i { width: 20px }
.team_social_icon ul li a:hover {
    background: #fff!important;
    color: #1CBAC8!important;
}
/*
 * ----------------------------------------------------------------------------------------
 *  08.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  09.START PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.buy_now {
    background: #1CBAC8;
    padding: 40px 0;
}
.buy_now_title {
    color: #fff;
    margin: 0;
}
@media only screen and (max-width:480px) { 
    .buy_now_title { letter-spacing: 0px }
}
.btn-promotion-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    margin-left: 100px;
    padding: 10px 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
@media only screen and (max-width:768px) { 
    .btn-promotion-bg {
        margin-left: 0px;
        margin-top: 20px;
    }
}
@media only screen and (max-width:480px) { 
    .btn-promotion-bg { margin-left: 10px }
}
.btn-promotion-bg:hover,
.btn-promotion-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #333;
}
/*
 * ----------------------------------------------------------------------------------------
 *  09.END PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  10.START COUNT DESIGN
 * ----------------------------------------------------------------------------------------
 */
.counter_overlay {
    padding: 100px 0;
    background: rgba(0,0,0,0.8);
	
}
.counter {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    padding: 30px;
	border: 1px solid #eaeaea;
	transition: 0.5s;
}
.counter:hover{
	border-color: #1cbac8;
}
.cont_text_wrap{
	display: table;
	width: 100%;
	height: 100%;
}
.cont_text_wrap .cont_text{
	display: table-cell;
	vertical-align: middle;
}
@media only screen and (max-width:480px) { 
    .counter { margin-bottom: 10px }
}
.counter i {
    color: #fff;
    margin-right: 10px;
    font-size: 30px;
    margin-bottom: 10px;
}
.counter h1 {
    color: #fff;
    margin-bottom: 10px;
}
.counter p {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
	margin-bottom: 0;
}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 17px }
}
@media only screen and (max-width:320px) { 
    .counter p { font-size: 17px }
}
/*
 * ----------------------------------------------------------------------------------------
 *  10.END COUNT DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 11.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 .work_all_item .mix {
  display: none;
}
.grid-item {
    position: relative;
    overflow: hidden;
    z-index: 2;
	padding: 0;
	text-align: center;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.info-work {
    position: absolute;
    top: 0;
    z-index: 1;
    color: #fff;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgba(28, 186, 200, 0.9) none repeat scroll 0 0;	
	opacity: 0;
	visibility: hidden;
	transition: .5s;
}
.grid-item:hover .info-work{
	opacity: 1;
	visibility: visible;
}
.info-work .tb{
	display: table;
	width: 100%;
	height: 100%;
}
.info-work .tb-cell { 
	display: table-cell;
	vertical-align: middle;
}
.text-work {
    top: -100%;
    position: relative;
    -moz-opacity: 0;
    -khtml-opacity: 0;
	
}
.info-work h4 {
    color: #fff;
    font-weight: 700;
}
.icon-work {
	background-color: #fff;
	border-radius: 50%;
	color: #1cbac8;
	font-size: 16px;
	height: 55px;
	line-height: 55px;
	transition: opacity 0.2s ease-in 0.2s;
	width: 55px;
	display: inline-block;
	margin-bottom: 15px;
}
.our_work_menu{
	margin-bottom: 30px;
}
.our_work_menu ul{
	list-style-type: none;
}
.our_work_menu ul li{
	border: 1px solid #1cbac8;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px 10px;
	padding: 8px 23px;
}
.our_work_menu ul li.active{
	background: #1cbac8;
	color: #fff;
}
.isotope-item:hover > a .icon-work {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.isotope-item > a img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    position: relative;
    z-index: 2;
}
.isotope-item:hover > a img {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.portfolio_btn { padding-top: 50px }
.btn-portfolio-bg {
    background: #1cbac8 none repeat scroll 0 0;
    border: 1px solid #1cbac8;
    border-radius: 0;
    color: #fff;
    padding: 10px 30px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.25);
}
.btn-portfolio-bg:hover,
.btn-portfolio-bg:focus {
    background: #14CBDB;
    border: 1px solid #14CBDB;
    color: #fff;
}

/*START PORTFOLIO SINGLE PAGE DESIGN*/

.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
}
@media only screen and (max-width:320px) { 
    .section-top-title h2 { font-size: 40px }
}
.section-top-title {
    padding-bottom: 0px;
    padding-top: 60px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
    margin-left: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #1CBAC8!important }




.project_dec { 
	overflow: hidden; 
	margin-bottom: 10px;
}
.project_dec img,
.related_project img {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.related_project img{
	margin-bottom: 10px;
}
.project_dec:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.similar_p {
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;
    margin-bottom: 25px;
}
.related_project  h4 {
    color: #333;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.related_project  h4:hover { color: #1cbac8 }
.about_project h4,
.about_project_details h4 {
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;
	margin-bottom: 10px;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #1cbac8;
    margin-right: 10px;
}
.about_project_details ul li a,
.about_project_details .cat_name {
    color: #1cbac8;
    font-weight: 700;
}
.about_project_details ul li a:hover { text-decoration: underline }

/*END PORTFOLIO SINGLE PAGE DESIGN*/

/*
 * ----------------------------------------------------------------------------------------
 * 11.END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  12.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.about_single_service {
    border: 1px solid #e8e8e9;
    padding: 30px;
    -webkit-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
	margin-bottom: 1px;	
}
.about_single_service:hover { border: 1px solid #1CBAC8 }

.about_single_service h4 {
    text-transform: capitalize;
    margin-bottom: 20px;
}
.about_single_service .icon_wrap{
	font-size: 28px;
	padding-bottom: 15px;
	color: #1CBAC8;
}

.about_single_service p { }
.about_single_service span {
    background: #1CBAC8 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 0 auto 20px;
    width: 40px;
}
.btn-about-bg {
    border-radius: 0;
    font-size: 12px;
    color: #444;
    font-weight: 600;
    padding: 0px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.btn-about-bg:hover,
.btn-about-bg:focus {
    color: #1CBAC8;
    text-decoration: underline;
}
/*
 * ----------------------------------------------------------------------------------------
 *  12.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  13.START RESPONSIVE PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.device_responsive { margin-bottom: 20px }
.device_img { text-align: center }
.device_img img { display: inline-block }
.device_responsive h2 {
    text-transform: uppercase;
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;
    margin-bottom: 20px;
}
@media only screen and (max-width:480px) { 
    .device_responsive h2 { font-size: 22px }
}
.device_responsive p { margin-bottom: 20px }
/*
 * ----------------------------------------------------------------------------------------
 *  13.END RESPONSIVE PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 14.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.pricing-section { background: #f7f7f7 none repeat scroll 0 0 }
.pricing-content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.pricing-content:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) }
@media only screen and (max-width:480px) { 
    .pricing-content { margin-bottom: 40px }
}
.pricing-title h4 {
    color: #1cbac8;
    font-weight: 700;
    text-transform: uppercase;
    padding: 30px 0;
    border-bottom: 1px solid #e8e8e9;
    border-top: 1px solid #e8e8e9;
}
.pricing-price {
    font-size: 40px;
    font-weight: 700;
    padding: 20px 0;
}
.currency {
    color: #999999;
    font-size: 26px;
    font-weight: 300;
    vertical-align: super;
}
.period {
    color: #999999;
    font-size: 0.35em;
    font-weight: 300;
    padding: 0 0 0 3px;
}
.pricing-price h2 { margin: 0 }
.pricing-data p {
    padding: 10px 0;
    margin-bottom: 0;
}
.pricing-order { padding: 20px 0 }
.pricing-order a {
    background: #1CBAC8 none repeat scroll 0 0;
    color: #fff;
}
.pricing-order a i { font-size: 18px }
/*
 * ----------------------------------------------------------------------------------------
 * 14.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  15. START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
 */


/*
 * ----------------------------------------------------------------------------------------
 *   15.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  16.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
.blog_section {
    background: #f7f7f7;
    padding-top: 60px;
}
.single_blog { padding-bottom: 60px }
@media only screen and (max-width:768px) { 
    .single_blog img {
        height: 330px;
        width: 600px;
    }
}
@media only screen and (max-width:480px) { 
    .single_blog img {
        height: 300px;
        width: 350px;
    }
}
@media only screen and (max-width:360px) { 
    .single_blog img {
        height: 200px;
        width: 220px;
    }
}
@media only screen and (max-width:320px) { 
    .single_blog img {
        height: 200px;
        width: 200px;
    }
}
.blog-text {
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    margin: 30px 0;
    padding: 15px;
    position: relative;
    width: 40%;
    z-index: 1;
}
@media only screen and (max-width:480px) { 
    .blog-text { width: 50% }
}
@media only screen and (max-width:360px) { 
    .blog-text { width: 70% }
}
@media only screen and (max-width:480px) { 
    .blog-text { width: 80% }
}
.blog-text h4 {
    margin-bottom: 20px;
    text-transform: uppercase;
}
.blog-text a {
    color: #202020;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.blog-text a:hover { color: #1CBAC8 }
.blog-text p { margin-top: 20px }

.blog_img_wrap{
	position: absolute;
    top: 0;
    right: 25px;
	width: 73%;
}
/*
 * ----------------------------------------------------------------------------------------
 *  16.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  17.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
.faq_desc { padding: 20px }
.question { font-weight: 700 }
.question span {
    background: #202020 none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
.ans span {
    background: #1cbac8  none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
/*
 * ----------------------------------------------------------------------------------------
 *  17.END FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  18.START PARTNER LOGO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.company_logo img {
    border: 1px solid #e8e8e9;
    height: 100px;
    margin: 10px 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
    padding: 10px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
}
@media only screen and (max-width:480px) { 
    .company_logo img { margin-bottom: 20px }
}
.company_logo img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
	border: 1px solid #1cbac8;
}
/*
 * ----------------------------------------------------------------------------------------
 *  18.END PARTNER LOGO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  19.START CONTACT FORM & MAP DESIGN
 * ----------------------------------------------------------------------------------------
*/

@media only screen and (max-width:991px) { 
    #map-canvas { margin-bottom: 30px }
}
.contact_title,
.contact_title_text { color: #fff }
#contact .form-control,
.newsletter .form-control{
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    height: 45px;
    line-height: 45px;
}
#contact #message{
	height: 150px;
}
#contact .form-control:hover,
#contact .form-control:focus,
.newsletter .form-control:hover,
.newsletter .form-control:focus {
    border: 1px solid #1CBAC8;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
	background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
	border-radius: 0;
	color: #fff;
	font-size: 14px;
	padding: 13px 29px;
	transition: all 0.4s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #1CBAC8;
    border: 1px solid #1CBAC8;
    color: #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 *  19.END CONTACT FORM & MAP DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  20.START CONTACT ADDRESS DESIGN
 * ----------------------------------------------------------------------------------------
*/
.contact_address { background: #f7f7f7  none repeat scroll 0 0 }
.single-address {
    background: #fff none repeat scroll 0 0;
    border-top: 3px solid #1CBAC8;
    border-bottom: 3px solid #1CBAC8;
    padding: 30px 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .single-address { margin-bottom: 20px }
}
.single-address i {
    font-size: 22px;
    padding-bottom: 15px;
    color: #1CBAC8;
}
.single-address h4 { margin-bottom: 10px }
.single-address p { margin-bottom: 0 }
/*
 * ----------------------------------------------------------------------------------------
 *  20.END CONTACT ADDRESS DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  21. START SOCIAL PROFILE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { }
.footer_social ul li a {
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 20px 20px;
}
.footer_social ul li a i { margin-right: 10px }
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:320px) { 
    .footer_social ul li a { font-size: 14px }
}
.footer_social ul li a:hover { color: #fff }
.f_facebook { background: #5D82D1 }
.f_facebook:hover { background: #406ED1 }
.f_twitter { background: #40BFF5 }
.f_twitter:hover { background: #19A3DD }
.f_google { background: #EB5E4C }
.f_google:hover { background: #DA3A26 }
.f_linkedin { background: #238CC8 }
.f_linkedin:hover { background: #1178B4 }
.f_pinterest { background: #E13138 }
.f_pinterest:hover { background: #CF1219 }
.f_vimeo { background: #35C6EA }
.f_vimeo:hover { background: #12A3C7 }
/*
 * ----------------------------------------------------------------------------------------
 *  21. END SOCIAL PROFILE DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
*  22.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*START NEWSLETTER DESIGN*/
.newsletter i {
    color: #1CBAC8;
    margin-right: 10px;
}
.newsletter h3 {
    color: #aaa;
    padding-bottom: 30px;
    text-transform: uppercase;
}
.newsletter  input {
    color: #aaa;
    margin-bottom: 30px;
}
.newsletter  button,
.newsletter  input[type="submit"] {
    background: #1CBAC8 none repeat scroll 0 0;
    border: 1px solid #1CBAC8;
    color: #fff;
    padding: 10px 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-radius: 0;
}
.newsletter  button:hover,
.newsletter  input[type="submit"]:hover {
    background: #fff;
    color: #333;
    border: 1px solid #fff;
}
/*END NEWSLETTER DESIGN*/
.footer { background-color: #15191c }
.footer-content {
    border-top: 1px solid #333;
    margin-top: 30px;
}
.footer-content p {
    margin-top: 30px;
    color: #aaa;
    padding-top: 10px;
}
.footer-content p  span { color: #1CBAC8 }
/*
* ----------------------------------------------------------------------------------------
*  22.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.center-block{
	float: inherit;
}

/*START BLOG PAGE DESIGN*/

.post-carousel .owl-controls{
	top: 44%;
	position:absolute;
	width: 100%;
}
.post-carousel .owl-controls .owl-prev{
	left: 0;
}
.post-carousel .owl-controls .owl-next{
	right: 0;
	
}
.post-carousel .owl-controls .owl-prev,
.post-carousel .owl-controls .owl-next{
	position: absolute;
	background: rgba(0,0,0,0.5);
	color: #fff;
	width: 40px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	transition: .5s;
}
.post-carousel .owl-controls .owl-prev:hover,
.post-carousel .owl-controls .owl-next:hover{
	background: #1cbac8;
}
@media(max-width:480px) { 
	.gallery_post .post-info{
		display:none;
	}
}
.blog_news .blog_img_hover {
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.blog_overlay {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.blog_details span {
    color: #222;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.blog_details h4 {
    color: #222;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.blog_details p {
font-family: "Source Sans Pro",sans-serif;
    color: #222;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.blog_details {
    bottom: 0;
    padding: 30px;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blog_news:hover .blog_details { background: rgba(28,186,200,0.8) }
.blog_news:hover .blog_details span { color: #fff }
.blog_news:hover .blog_details h4 { color: #fff }
.blog_news:hover .blog_details p { color: #fff }
/*END HOME BLOG DESIGN*/

.blog-post {
    display: inline-block;
    width: 100%;
}

.blog-post h4 {
	border-bottom: 1px solid #e8e8e9;
	margin-bottom: 10px;
	padding: 20px 0 15px;
	transition: all 0.4s ease 0s;
}
.blog-post h4:hover{color: #1CBAC8}
.blog-post .tittle-post:hover { color: #1CBAC8 }
.blog-post p { margin-bottom: 20px }
.blog-post .post-bt {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.blog-post .post-bt {
    color: #aaa;
}
.blog-post .post-bt a{
	color: #aaa;
}
.muser,
.mdate,
.mcategory,
.mcomments_numbers{
	padding-right:10px; 
}
.blog-post .post-info {
    margin-top: -37px;
    padding: 8px 0;
    position: relative;
	z-index: 1;
}
.maring-top30{
	margin-top: 20px;
}
.blog-post .post-img {
    position: relative;
    overflow: hidden;
	transition: all 0.4s ease 0s;
}
.blog-post .post-img img{
	overflow: hidden;
	position: relative;
	transition: all 0.4s ease 0s;
	width: 100%;
}
.tags_list{
	padding-top: 10px;
}
.tags_list a,
.tagcloud a{
	border: 1px solid #e1e1e1;
	color: #888;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px 15px;
	font-size: 14px!important;
	
}
.widget.widget_tag_cloud .tagcloud a{
	font-size: 14px!important;
}
.tags_list a:hover,
.tags_list a:focus,
.tagcloud a:hover,
.tagcloud a:focus{
	color: #fff;
	background: #1cbac8;
	border-color: #1cbac8;
}
.link_post {
  background: #eeeeee none repeat scroll 0 0;
  padding: 30px;
  text-align: center;
}
.link_post a{
	color: #666;
	font-size: 18px;
	font-weight: 400;
}
.link_post a:hover{
	color: #1CBAC8;
}
.post-img img:hover{transform:scale(1.1)}
.blog-post iframe {
    border: medium none;
    width: 100%;
}
.blog-post .post-info li {
    display: inline-block;
    margin-right: 20px;
}
.blog-post .post-info li i {
    margin-right: 10px;
    font-size: 14px;
}
.blog-post .post-info li .date {
	background: #1cbac8 none repeat scroll 0 0;
	border-radius: 5px 0 0;
	bottom: 3px;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	padding: 7px 16px;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	width: 65px;
}
/*START PAGINATION*/
.pagination{
	margin: 0;
	font-size: 14px;
}
.pagination a {
    border: 1px solid #e8e8e9;
    border-radius: 0 !important;
    color: #333;
    font-size: 14px;
    margin: 5px;
    padding: 8px 15px;
}
.pagination .page-numbers.current{
	padding: 8px 15px;
}
.pagination a:hover,
.pagination .page-numbers.current {
    color: #fff;
    background: #1CBAC8;
    border: 1px solid #1CBAC8;
}
.page-links.pagination{
	width: 100%;
	margin-bottom: 25px;	
}
/*END PAGINATION*/
/*END BLOG LEFT SIDEBAR*/
/*START BLOG SIDEBAR*/
.blog_sidebar_title {
	color: #1CBAC8;
    padding-bottom: 15px;
}

.widget { 
	margin-bottom: 30px;
 }
.widget ul{
	list-style-type: none;
}
.recent_single {
    margin-bottom: 20px;
    overflow: hidden;
}
.recent_single > a:hover { color: #28c8d6 }
.recent_single img {
    width: 100px;
    height: 80px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}
.recent_single h4 {
    font-size: 16px;
    line-height: 25px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #333;
}
.recent_single h4:hover { color: #1CBAC8 }
@media only screen and (max-width:991px) { 
    .recent_single h4 { font-size: 12px }
}


.recent_single span { color: #333 }
.recent_single span i {
    color: #1CBAC8;
    margin-right: 10px;
}
.blogpost-title a{
	color: #333;
	
}
.blog-post h4,
.blog-post h4 a,
.section-top-title h2{
	-ms-word-wrap: break-word;
	word-wrap: break-word;	
}

.blogpost-title a:hover{
	 color: #1CBAC8;
}
.blockquote_post{
	margin-bottom: 0;
}
body.single-post .hentry{
	margin-bottom: 0px;
}
.widget li,
.widget li a{
	color: #888;
}
.widget li ul{
	padding-left: 10px;
	margin-left: 0;
}
.widget li a:hover{
	color: #1CBAC8;
}

.widget li{
	padding-bottom: 7px;
	margin-bottom: 7px;
	position: relative;
	padding-left: 15px;
	border-bottom: 1px solid #e8e8e9;
}

.widget li:last-child{
	border-bottom: none;
}
.widget li:before
{
	position:absolute;
	content: '\f105';
	left: 0;
	font-family: FontAwesome;
}

/*START SINGLE BLOG BLOG PAGE DESIGN*/
.comments-title,
#reply-title {
	color: #1CBAC8;
	font-size: 18px;
}
.comment-title{
	border-bottom: 1px solid #e8e8e9;
	margin-bottom: 10px;
	padding: 10px 0;
	text-transform: uppercase;
}
.blog-post-single img{
height: 400px;
width: 100%;
}
.post-bt-single{margin-top: 20px;}
.comments-area{
	margin-top: 30px;
}
.single_comment{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e8e8e9;
}

.single_comment img{
	border-radius: 50%;
	width: 70px;
}
.single_comment h5{color: #1cbac8;}
.single_comment span{}
.single_comment p{}
.single_comment .creply_link{
	display: inline-block;
	float: right;
}
.single_comment h5{
	display: inline-block;
	text-transform: capitalize;
}
#reply-title{
	padding-bottom: 20px;
}
#respond textarea,
#respond input{
	margin-bottom: 15px;
}
#respond #submit{
	margin-bottom: 0;
}
.comment-list{
	margin-left: 0;
	padding-left: 0;
	padding-top: 25px;
	list-style-type:none;
}
.comment-list ul, .comment-list ol{
	list-style-type:none;
}
.comment-list ul.children{
	padding-left: 30px;
}
.contact-form input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e8e8e9;
  border-radius: 0 !important;
  box-shadow: none;
  color: #222;
  height: 45px;
}
.contact-form textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #e8e8e9;
  border-radius: 0;
  box-shadow: none;
  color: #222;
}
.form-control-feedback {
  color: #555;
  line-height: 46px !important;
  width: 60px;
}
#cancel-comment-reply-link{
	float: right;
	font-size: 15px;
}
/*END SINGLE BLOG BLOG PAGE DESIGN*/

.error-404.not-found .page-header{
	margin-top: 10px;
}
.error-404.not-found .search_form{
	margin-top: 20px;
}

/*
* ----------------------------------------------------------------------------------------
*  25.Widget Css
* ----------------------------------------------------------------------------------------
*/

.latest_post_widget {
  margin-top: 10px;
}

.single_w_post{
	overflow: hidden;
	margin-bottom: 20px;
}
.single_w_post em {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-transform: u;
}
.widrecent_post_image{
	float:left;
	margin-right: 15px;
	width: 150px;
}
.widget-area img{
	height: auto;
}
.widrecent_post_image a{
	display: block;
}

.single_w_post .media-body > a {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
}
.single_w_post .media-body p{
	line-height: 20px;
	margin-bottom: 0;
}
.latest_post_txt{

}

/*
* ----------------------------------------------------------------------------------------
*  26.Color
* ----------------------------------------------------------------------------------------
*/

.dark_version #about,
.dark_version .features,
.dark_version #team,
.dark_version #portfolio,
.dark_version #service,
.dark_version .responsive_device,
.dark_version #pricing,
.dark_version #video,
.dark_version #blog,
.dark_version #faq,
.dark_version .contact_area

{
	background-color: #15191c;
	color: #aaa;
}
.dark_version h1,
.dark_version h2,
.dark_version h3,
.dark_version h4,
.dark_version h5,
.dark_version h6{
	color: #ddd;
}
.dark_version .section-title h2,
.dark_version #testimonial h4 ,
.dark_version .btn-about-bg:hover,
.dark_version .pricing-title h4

{
	color: #1cbac8;
}
.dark_version .btn-about-bg{
	color: #aaa;
}
.dark_version .what_we_do h3,
.dark_version .device_responsive h2 {
  border-color: #555;

}
.dark_version .caption h2, 
.dark_version .single_who_we_are h2, 
.dark_version .single_who_we_are p {
  color: #fff;
}

.blog-posts .post-img{
	margin-bottom: 25px;
}

article.sticky{
	border: 2px solid #1cbac8;
	padding: 15px 20px 20px;
}

/*WooCommerce Style*/

.woocommerce.woocommerce-page h1.page-title {
	display: inline;
	text-align: left;
	float: left;
	clear: both;
	font-size: 28px;
}
.woocommerce .woocommerce-result-count {
	margin: 0 0 15px;
	display: inline-block;
	float: left;
	text-align: left;
	clear: both;
}
.woocommerce .woocommerce-ordering {
	margin: 0 0 25px;
}
.woocommerce ul.products li.product .button ,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
button#place_order {
	background: #1cbac8 none repeat scroll 0 0;
	border: 2px solid #1cbac8;
	border-radius: 100px;
	color: #fff;
	font-size: 13px;
	padding: 15px 31px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	margin-top: 15px;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
	background-color: #222!important;
	border-color: #222!important;
	text-decoration: none;
	background-image: none;
	color: #fff;
}
.woocommerce span.onsale {
	height: 50px;
	width: 50px;
	padding: 0;
	line-height: 50px;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {	
	border: inherit;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
	line-height: 30px;
	display: inline-block;
	padding: 0px 18px;
	margin-right: 8px;
	margin-bottom: 10px;
	transition: .5s;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 30px;

}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #1cbac8;
	color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus{
	background: #fff;
	color: #333;
}
.woocommerce-Reviews #reply-title{
	display: block;
}
.woocommerce-variation-price{
	margin-bottom: 20px;
}
.woocommerce-variation-add-to-cart{
	margin-top: 40px;
}
.summary.entry-summary .single_add_to_cart_button{
	margin-top: 0!important;
	margin-left: 10px;
}
.woocommerce-message a.button,
.checkout_coupon button.button{
	margin-top: 0;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img, 
.woocommerce-checkout table.cart img {
	width: 83px;
}
.woocommerce .quantity .qty {
	width: 60px;
	height: 43px;
}
.woocommerce a.remove {
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 100%;
	display:inline-block;
}
#coupon_code{
	width: auto;
	padding: 15px;
	margin-right: 20px;	
}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit[disabled]:disabled, 
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled, 
.woocommerce a.button[disabled]:disabled, 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button[disabled]:disabled, 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button[disabled]:disabled {
	color: #fff;
	font-size: 13px;
	padding: 15px 31px;

}
.woocommerce-cart-form__contents button.button{
	margin-top: 0;
}
.woocommerce-billing-fields input{
	padding: 15px 25px!important;
}

.single_who_we_are .btn-default.btn-light-bg{
	background-color: #fff;
	color: #333;
}
.shop-area{
    padding: 60px 0;
}

#cancel-comment-reply-link{
	margin-left: 15px;
}