/*------------------------------------------------------------------- /
Theme Name: Focuz  Multipurpose HTML Template
Theme URI: http://codexcoder.com/
Author: CodexCoder
Author URI: http://codexcoder.com/
Description: Focuz is a multi page html template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: html, template, Focuz

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


/* Table of contents
---------------------------------------------------------------------- /
* 1 - Import Google Font
* 2 - Global Styles
* 2.1 - Resets 
* 2.2 - Headings
* 2.3 - Buttons
* 2.4 - Stripe Title 
* 2.5 - Striped Section
* 2.6 - Section Description
* 2.7 - Icon
* 2.8 - Circle
* 2.9 - Paginagnion
* 2.10 - Slider Pagination
* 2.11 - Slider Navigator 
* 2.12 - Social Buttons
* 2.13 - Form Elements 
*  2.13.1 - Form Control
*  2.13.2 - Checkbox Button
*  2.13.3 - Radio Button
* 2.14 - Callout Action
* 2.15 - Progress Bar
*  2.15.1 - Progress V2
*  2.15.2 - Progress V3
* 2.16 - Accordion
* 2.17 - Tabs
*  2.17.1 - Tabs V1 
*  2.17.2 - Tabs V2
* 2.18 - Features List
* 2.19 - Mock-up
* 2.20 - Team Member
* 2.21 - Widget 
*  2.21.1 - About Us 
*  2.21.2 - Recent Post
*  2.21.3 - Twitter Feeds 
*  2.21.4 - Newslater  
*  2.21.5 - Footer Widget
*  2.21.6 - Caterogry
*  2.21.7 - Recent Projects
*  2.21.8 - Tag Cloud 
*  2.21.9 - Recent Posts
*  2.21.10 - Calendar
*  2.21.11 - Text Widget
*
* 3 - Main Navigation 
* 3.1 - Header
* 3.2 - Logo
* 3.3 - Primary Menu
* 3.4 - Mega Menu
* 3.5 - Top Search
* 3.6 - Top Cart
* 3.7 - Top Fix Menu
* 
* 4 - Portfolio Section
* 4.1 - Portfolio V2
* 4.2 - Portfolio V3
* 4.3 - Portfolio V4
* 
* 5 - Features
* 6 - Service
* 7 - Operation
* 8 - Pricing
* 9 - Client Testimonial 
* 10 - Clients Logo Carousel
* 11 - Clients Review Carousel 
* 12 - Company Facts 
* 13 - Blog Post Container
* 14 - latest work 
* 15 - Project 
* 16 - Footer Section
* 17 - Pages 
* 17.1 - Blog Page
*  17.1.1 - Post Comment
* 17.2 - About Us Page
* 17.3 - Faq Page
* 17.4 - Contact Page
* 17.5 - Portfolio Page
* 17.6 - Shop Page
*  17.6.1 - Hero Banner 
*  17.6.2 - Product Single
*  17.6.3 - Product Carousel 
*  17.6.4 - Circle Skills Items
*  17.6.5 - Product Images Slide
*  17.6.6 - Product Content Area
*  17.6.7 - Product Order Cart
*  17.6.8 - Product Share
*  17.6.9 - Shop Widget
*  17.6.10 - Single Product Tabs
* 17.7 - Shppoing Cart Page
*  17.7.1 - Cart Head
*  17.7.2 - Cart Widget
*  17.7.3 - Column Styles
*  17.7.4 - Client review  
---------------------------------------------------------------------- */



/* 1 - Import Google Font
------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);
/* 1 - Import Google Font End 
------------------------------------------------------------------------*/


/* 2 - Global Styles
---------------------------------------------------------------------- */
html,body {
	font-family: 'Roboto', sans-serif; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;  
	z-index: 0;
} 
.box-layout {
	max-width: 1200px;
	margin: auto; 
	clear: both;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1); 
}
.box-layout .focuz-main-slider>.master-slider{
	margin: 0 !important;
	clear: both;
}

a {
	color: #00a1cb;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
} 
a:focus {
	outline:none;
	outline-offset:0; 
	text-decoration: none; 
}
a:hover { 
	text-decoration: none;
}
p {
	color: #777777;
	font-size: 0.875rem;
	line-height: 24px;
}
hr {
	border-color: #e4e4e4;
}
img {
	max-width: 100%;
	height: auto;
}
.boxer-container img {
	max-width: inherit;
}
.inline {
	display: inline-block;
}
.overlay {
	background-color: rgba(0,0,0,.8);
}
.text-upc {
	text-transform: uppercase;
}
.text-cap {
	text-transform: capitalize;
} 
.dropcap {
	color: #ffffff;
	background: #00a1cb;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 42px;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	height: 60px;
	width: 50px; 
	float: left;
	margin-top: 6px;
	margin-right: 10px; 
}
.alert {
	overflow: hidden;
	border-radius: 0;
}
.progress {
	border-radius: 0;
}
.section-padding {
	padding: 20px 0;
} 
section+hr,
.section-padding+hr{
	margin: 0;
}
.polygon-bg {
	background-image: url(../images/polygon-bg.jpg);
	background-repeat: repeat;
	color:#FFF; 
}
.parallax-bg { 
	background-attachment: fixed;
	background-size: cover;
}
.relative { 
	position: relative; 
}
.dark-bg  { background: #1c1c1c !important; }
.white-bg { background: #ffffff !important; } 
.blue-bg  { background: #00a1cb !important; } 



/* 2.1 - Resets 
------------------------------------------- */
.no-border,
.no-border-ab:after,
.no-border-ab:before {
	border:none !important;
}
.no-after:after,
.no-before:before {
	content: none !important; 
}
.no-border-l { border-left:none !important;  }
.no-border-r { border-right:none !important; }
.no-border-t { border-top:none !important;   }
.no-border-b { border-bottom:none !important;}
.border2px   { border-width: 2px !important; }
.border1px   { border-width: 1px !important; }

.m0    { margin: 0 !important; }
.lm0   { margin-left: 0 !important; }
.rm0   { margin-right: 0 !important; }
.tm0   { margin-top: 0 !important; }
.bm0   { margin-bottom: 0 !important; }
.bm50  { margin-bottom: 50px !important; }
.tm50  { margin-top: 50px !important; }
.bm30  { margin-bottom: 30px !important; }
.tm30  { margin-top: 30px !important; }
.mauto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.lm-15 { margin-left: -15px !important; }

.p0   { padding: 0 !important; }
.lp0  { padding-left: 0 !important; }
.rp0  { padding-right: 0 !important; }
.tp0  { padding-top: 0 !important; }
.bp0  { padding-bottom: 0 !important; }
.lrp15{ 
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.lrp30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.p15 { padding: 15px; }
.p30 { padding: 30px; }
.pt50,
.tp50{ padding-top: 50px !important; }
.tp40{ padding-top: 40px !important; } 
.tp20{ padding-top: 20px !important; }  

@media (max-width: 992px) { 
	.md-bm30  { margin-bottom: 30px !important; }
	.md-bm50  { margin-bottom: 50px !important; }
	.md-no-pull { float: none !important }
	.md-hide  { display: none !important }
}

@media (max-width: 768px) { 
	.sm-bm30  { margin-bottom: 30px !important; }
	.sm-bm50  { margin-bottom: 50px !important; }
	.sm-no-pull { float: none !important }
	.sm-hide  { display: none !important }
}

@media (max-width: 480px) { 
	.xs-full  { width: 100% !important }
	.xs-bm30  { margin-bottom: 30px !important; }
	.xs-bm50  { margin-bottom: 50px !important; }
	.xs-no-pull { float: none !important }
	.xs-hide  { display: none !important }
}

.mf-width { max-width: 100% !important; }
.f-width  { width: 100% !important; }

.dtable  { display: table; }
.dblock  { display: block; }
.dinline { display: inline; }
.diblock { display: inline-block; }

/* 2.1 - Resets End
------------------------------------------- */


/* 2.2 - Headings
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Oswald', sans-serif;  
	font-weight: 700;
	text-transform: uppercase;  
}

h1 { font-size: 2.125em; }
h2 { font-size: 1.75em;  }
h3 { font-size: 1.375em; }
h4 { font-size: 1.125em  }
h5 { font-size: 1em;   }
h6 { font-size: 0.875em; }

h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {
	color:#2d2d2d;
}

h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
	color:#00a1cb;
}

h1 > span,
h2 > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span {
	color: #00a1cb;
}

h1 > em,
h2 > em,
h3 > em,
h4 > em,
h5 > em,
h6 > em {
	color: #00a1cb;
	font-weight: 300;
}
/* 2.2 - Headings End
------------------------------------------- */


/* 2.3 - Buttons
------------------------------------------- */
.btn {  
	color: #00a1cb; 
	background-color: transparent;
	border:1px solid #dedede;
	font-weight: 700;
	border-radius: 0; 
	margin: 5px; 
} 
.btn:hover, 
.btn:focus, 
.btn.focus {
	color: #00a1cb; 
}
.filter-btn.btn {
	margin: 5px 2px;
	font-size: 12px;
	font-family: "Roboto", sans-serif;
}
.filter-btn {
	background: #ffffff;
	text-transform: uppercase; 
}
.btn,
.btn .badge { 
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.btn:active, 
.btn.active {
	-webkit-box-shadow:none;
	box-shadow:none;
}
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus,
.btn:active,
.btn:hover, 
.btn:focus, 
.btn.focus {
	outline: none;
	outline-offset:0;
}
.rbtn {
	border-radius: 25px;
}
.btn.has-badge {
	padding-left: 25px;
	padding-right: 25px;
}
.btn.has-badge .badge {
	display: none;
	padding: 0;
}
.btn.has-badge.active {
	padding-left: 10px;
	padding-right: 5px;
}
.btn.has-badge.active .badge { 
	margin-left: 5px;
	height: 25px;
	min-width: 25px; 
	display: inline-block;
	background: white; 
	color: #00A1CB;
	line-height: 25px;
}
.btn .badge {
	border-radius: 15px;
} 
.btn.active,
.bg-btn {
	color: #ffffff;
	border-color: #00a1cb;
	background: #00a1cb;
}  
.bg-btn:hover {
	color: #ffffff;
}
.bg-btn.btn:focus {
	color: #ffffff;
}
.sm-btn {
	padding:0 15px;
	min-height: 36px; 
	line-height: 30px;
}
a.sm-btn {
	line-height: 34px;
}
.md-btn {
	padding:0 15px;
	min-height: 40px; 
	line-height: 38px;
}
.full-btn {
	margin:5px 0;
	width: 100%;
	max-width: 100%;
}
.nav-btn.rbtn {
	padding: 0;
	width: 36px;
	border-color: #00a1cb;
}
.md-btn:hover,
.sm-btn:hover,
.nav-btn:hover {
	border-color: #00a1cb;
	background: #00a1cb;
	color: #ffffff;
}
.btn-container {
	padding-top: 30px;
}
.btn-container .btn {
	color: #606060;
}
.btn a:hover,
.btn-container .btn:hover{
	color: #ffffff;
}
.btn a {
	width: 100%;
	display: inline-block;
}
.btn-black {
	background: #000000;
	border-color: #000000;
}
.btn-black:hover {
	color: #ffffff;
}
/* 2.3 - Buttons End
------------------------------------------- */


/* 2.4 - Stripe Title 
------------------------------------------- */
.stripe-full,
.stripe-bfixw {
	position: relative;
	margin-bottom: 30px;
}
.stripe-over:after,
.stripe-over:before,
.stripe-full:after,
.stripe-full:before,
.stripe-bfixw:after,
.stripe-bfixw:before {
	content: "";
	position: absolute; 
	bottom: -18px; 
}
.mozilla .stripe-over:after,
.mozilla .stripe-over:before,
.mozilla .stripe-full:after,
.mozilla .stripe-full:before,
.mozilla .stripe-bfixw:after,
.mozilla .stripe-bfixw:before{
	/*bottom: -19px; */
}
.stripe-full.stripe-1:after {
	height: 0;
	border:0;
}
.stripe-bfixw:after,
.stripe-bfixw:before {
	left: 50%;
	width: 50px;
	margin-left: -25px;
}
.stripe-over:after,
.stripe-over:before,
.stripe-full:after,
.stripe-full:before{
	left: 0;
	width: 100%; 
}
.stripe-over:after,
.stripe-full:after,
.stripe-bfixw:after {
	height: 5px; 
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.stripe-over:before,
.stripe-full:before,
.stripe-bfixw:before {
	height: 3px; 
	border-top: 1px solid #dedede; 
}
.stripe-over {
	display: inline-block;
	position: relative;
	margin-bottom: 0; 
}
.stripe-over:after,
.stripe-over:before {
	bottom: -22px;
	z-index: 2;
}
.stripe-blue:after,
.stripe-blue:before { 
	border-color: #00a1cb;
}
.title-container {
	overflow: hidden;
}
.striped-title {
	display: inline-block; 
	position: relative; 
	z-index: 0;
}

.striped-title:after,
.striped-title:before,
.stripe-t-left:after,
.stripe-t-left:before,
.stripe-t-right:after,
.stripe-t-right:before,
.stripe-t-back:after, 
.stripe-t-back:before {
	content: "";
	position: absolute; 
	top: 50%;
	margin-top: -3px;
}
.stripe-t-back:after, 
.stripe-t-back:before { 
	left: 0;
	right: 0;
	z-index: -1; 
}
.stripe-t-left:after,
.stripe-t-left:before {
	width: 1100px;
	right: 100%;
	margin-right: 40px;
}
.stripe-t-right:after,
.stripe-t-right:before {
	width: 1100px;
	left: 100%;
	margin-left: 40px;
}
.for-widget .stripe-t-right:after,
.for-widget .stripe-t-right:before {
	margin-left: 10px;
}

.stripe-t-left:after,
.stripe-t-right:after,
.stripe-t-back:after {
	height: 5px;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
.stripe-t-left:before,
.stripe-t-right:before,
.stripe-t-back:before {
	height: 3px; 
	border-bottom:1px solid #dedede;
}
.striped-title:after,
.striped-title:before{
	top: 4px;
	bottom: 2px;
	width: 11px;
	border-left:4px solid #dedede;
	border-right:4px solid #dedede;
}
.striped-title:after {
	right: -25px;
}
.striped-title:before {
	left: -25px;
} 
.special-stripe {
	min-width: 50px;
	margin: 0px;
	bottom: 0px;
}
.special-stripe:after,
.special-stripe:before {
	bottom: 0px !important;
}
.polygon-bg .stripe-t-left:before, 
.polygon-bg .stripe-t-right:before, 
.polygon-bg .stripe-t-back:before,
.polygon-bg .stripe-t-left:after, 
.polygon-bg .stripe-t-right:after, 
.polygon-bg .stripe-t-back:after,
.polygon-bg .striped-title:after, 
.polygon-bg .striped-title:before {
	border-color: #292929;
}
.mozilla h5.stripe-over:after, 
.mozilla h5.stripe-over:before,
h6.stripe-over:after, 
h6.stripe-over:before {
	bottom: -23px;
}
.striped-title.no-border-ab .stripe-t-left:after,
.striped-title.no-border-ab .stripe-t-left:before {
	margin-right: 15px;
}
.striped-title.no-border-ab .stripe-t-right:after,
.striped-title.no-border-ab .stripe-t-right:before {
	margin-left: 15px;
}
/* 2.4 - Stripe Title End
------------------------------------------- */


/* 2.5 - Striped Section
------------------------------------------- */
.striped-section {
	margin-top: 55px;
	position: relative;
	border-top:5px solid #dedede;
	border-bottom:5px solid #dedede;
	z-index: 0;
}
.striped-section:before,
.striped-section:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px; 
	left: 0;
	background: #bfbfbf; 
	z-index: 1;
}
.striped-section:before {
	top: -5px;
}
.striped-section:after {
	bottom: -5px;
}
.striped-icon {
	display: none;
}
.striped-section .striped-icon,
.striped-section .striped-icon:after {
	position: absolute;
	display: block;
	border-radius: 100%;
	width: 66px;
	height: 66px;
	left: 50%;
	margin-left: -33px; 
	z-index: 2;
}
.striped-section .striped-icon:after {
	content: ""; 
	top: -5px; 
	border:1px solid #bfbfbf;
}
.striped-section .striped-icon {
	color: #00a1cb;
	font-size: 24px;
	line-height: 56px;
	text-align: center; 
	top: -35px; 
	background: #ffffff;
	border:5px solid #dedede; 
}
/* 2.5 - Striped Section End 
------------------------------------------- */



/* 2.6 - Section Description
------------------------------------------- */
.section-description {
	color: #606060;
	font-weight: 300;
	font-size:1em;
	font-family: 'Oswald', sans-serif; 
	text-transform: uppercase;
	text-align: center;
}
.polygon-bg .section-description {
	color: #777;
}
/* 2.6- Section Description End
------------------------------------------- */



/* 2.7 - Icon
------------------------------------------- */
.icon {     
	color:#00a1cb;
	font-size: 1.5rem;
	width: 70px;
	height: 70px;
	border: 1px solid #dedede; 
	line-height: 68px;
	margin-bottom: 25px;
	overflow: hidden;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.icon.icon-big {
	color: #2d2d2d;
	border:0px solid transparent;
	font-size: 3.125rem;
}
.icon.icon-left{
	float: left;
}
.icon.inv {
	background: #00a1cb;
	color: #ffffff;
}
/* 2.7 - Icon End
------------------------------------------- */



/* 2.8 - Circle
------------------------------------------- */
.circle {
	border-radius: 100%;
}
.arrow-circle {
	position: relative;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	background: #292929;
	width: 80px;
	height: 80px;
	border-radius:100%;
	line-height: 80px;
	font-size: 24px; 
	z-index: 0;
}
.arrow-circle:after {
	content: "";
	position: absolute;
	right: -38px;
	top: 25px;
	height: 30px;
	width: 30px;
	border:15px solid #ffffff;
	border-left-color:  transparent;
	z-index:-1;
}
.arrow-circle .arrow {
	color: #00a1cb;
	background: #ffffff;
	font-size: 14px;
	position: absolute;
	top: 25px;
	height: 30px;
	width: 32px;
	right: -45px;
	line-height: 30px;
	z-index: 1;
	padding-left: 7px;
}
.arrow-circle .arrow:after {
	content: "";
	position: absolute;
	right: -30px;
	top: 0;
	height: 30px;
	width: 30px;
	border:15px solid transparent;
	border-left-color: #ffffff;
}
.arrow-circle .arrow:before {
	content: "";
	position: absolute; 
	top: 0;
	left: -5px;
	width: 15px;
	height: 30px; 
	border-right:11px solid #ffffff;
	border-radius: 0 18px 18px 0;
	z-index: -1;
}
/* 2.8 - Circle End
------------------------------------------- */



/* 2.9 - Paginagnion
------------------------------------------- */  
.pagination>li:first-child>a, 
.pagination>li:first-child>span,
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
	border-radius: 0;
}
.pagination>li>a, 
.pagination>li>span {
	color: #606060;
	margin: 5px;
	height: 40px;
	line-height: 36px;
	min-width: 40px;
	padding: 0;
	text-align:center;
}
.pagination>li>.current:hover,
.pagination>li>.current,
.pagination>li>a:hover {
	color: #ffffff;
	border-color:  #00a1cb;
	background: #00a1cb;
}
/* 2.9- Paginagnion End 
------------------------------------------- */



/* 2.10 - Slider Pagination 
---------------------------------------------*/
.owl-controls {
	text-align: center;
	margin-top: 45px;
}
.owl-page {
	background-color: transparent;
	border:1px solid  #00a1cb;
	border-radius: 0;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 2px;
}
.owl-page.active {
	background-color: #00a1cb;
	border:1px solid  #00a1cb;
}
.carousel-indicators .active,
.carousel-indicators li {
	border-radius: 0;
	border-color: #00a1cb;
	height: 15px;
	width: 15px;
	margin: 2px;
} 
.post .carousel-indicators .active,
.post .carousel-indicators li {
	border-color: #ffffff;
	background: rgba(255,255,255,0.4);
}
.carousel-indicators .active ,
.post .carousel-indicators .active {
	background: #00a1cb;
}
.post .carousel-indicators {
	bottom:0;
	margin-bottom: 4px;
}
.v2 .post .carousel-indicators{
	opacity: 0;
}
.v2 .post:hover .carousel-indicators{
	opacity: 1;
}
/* 2.10 - Slider Pagination End
---------------------------------------------*/


/* 2.11 - Slider Navigator 
---------------------------------------------*/
.polygon-bg .prev,
.polygon-bg .next {
	border-color: #ffffff;
	color: #ffffff;
}
.polygon-bg .prev:hover,
.polygon-bg .next:hover {
	background: #ffffff;
	color: #00a1cb;
}
.focuz-main-slider .ms-skin-default .ms-nav-next, 
.focuz-main-slider .ms-skin-default .ms-nav-prev { 
	background:rgba(255,255,255,.8);
	width: 50px;
	height: 50px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.focuz-main-slider .ms-skin-default .ms-nav-next:hover, 
.focuz-main-slider .ms-skin-default .ms-nav-prev:hover {
	background:rgba(255,255,255,1);
}
.focuz-main-slider .ms-skin-default .ms-nav-next {
	right: 0;
}
.focuz-main-slider .ms-skin-default .ms-nav-prev {
	left: 0;
}
.focuz-main-slider .ms-skin-default .ms-nav-next:before,
.focuz-main-slider .ms-skin-default .ms-nav-prev:before {
	position: absolute;
	color: #00a1cb;
	top: 17px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.focuz-main-slider .ms-skin-default .ms-nav-next:before {
	content: "\f178";
	right: 17px;
}
.focuz-main-slider .ms-skin-default .ms-nav-prev:before { 
	content: "\f177";
	left: 17px;
}.master-slider  .slider-iconic-link,
.master-slider  .slider-or-text,
.master-slider  .imagic-text {
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
}
.master-slider  .slider-iconic-link > a {
 color: #00a1cb;
 text-decoration: none;
 border-bottom: none;
 -webkit-transition: all 500ms;
 -moz-transition: all 500ms;
 -ms-transition: all 500ms;
 -o-transition: all 500ms;
 transition: all 500ms;
 
}
.master-slider  .slider-iconic-link > a:hover {
 color: #DDD;
}

.master-slider  .slider-readmore-btn > a {
 font-size: 14px;
 padding: 10px 15px;
 color: #FFF;
 border: 1px solid #FFF;
 text-decoration: none;
 -webkit-transition: all 500ms;
 -moz-transition: all 500ms;
 -ms-transition: all 500ms;
 -o-transition: all 500ms;
 transition: all 500ms;

}
.master-slider  .slider-readmore-btn > a:hover {
 background: #00a1cb;
 color: #FFF;
 border-color: #00a1cb;
}
.master-slider  .slider-readmore-btn > a > i {
 padding: 0 5px;
}
.ms-timerbar.ms-align-top {
 top: -4px !important;
}
/* 2.11 - Slider Navigator End
---------------------------------------------*/


/* 2.12 - Social Buttons
------------------------------------------- */
.social-icons ul {
	padding: 0px;
}
.social-icons ul>li {
	display: inline-block;
	margin-bottom: 3px;
}
.social-icons ul>li>a .icon-content {
	font-size: 15px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color:#2d2d2d;
	height: 32px;
	width: 32px;
	line-height: 20px;
	background-color: #FFF;
	padding: 5.5px 10px;
	text-transform: uppercase;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.social-icons ul>li>a .icon-content:before {
	font-family: FontAwesome;
	font-size: 16px;
	padding-right: 15px;

}
.social-icons ul>li>a:hover .icon-content {
	width: 125px;
	background-color: #00a1cb;
	color:#FFF;
}
/* 2.12 - Social Buttons End 
------------------------------------------- */



/* 2.13 - Form Elements 
---------------------------------------------*/

/* 2.13.1 - Form Control
-------------------------------*/
.form-control {
	min-height: 50px;
	margin: 0 0 20px 0;
	border:2px solid #e6e6e6;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
} 
textarea.form-control {
	min-height: 120px;
}
.form-control:focus {
	border:2px solid #00a1cb;
}
.form-control,
.woocommerce input.button,
.form-control:focus {
	border-radius: 0;
	outline-style: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.contact-form .form-control {
	border-top: none;
	border-left: none;
	border-right: none;
}
/* 2.13.1 - Form Control End
-------------------------------*/



/* 2.13.2 - Checkbox Button
-------------------------------*/
.checkbox-btn + label {
	font-weight: normal;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	z-index: 0;
}
input[type="checkbox"].checkbox-btn{
	display: none;
}
input[type="checkbox"].checkbox-btn + label:after{
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 2px solid #e6e6e6; 
	z-index: 1;
}
input[type="checkbox"].checkbox-btn + label:before {
	content: "";
	position: absolute;
	top: -7px;
	left: 4px;
	color: #afacac;
	z-index: 2;
	font-size: 20px;
}
.checkbox-btn.checkbox-lg + label {
	padding-left: 35px;
	line-height: 35px;
}
input[type="checkbox"].checkbox-btn.checkbox-lg + label:after {
	width: 25px;
	height: 25px;
}
input[type="checkbox"].checkbox-btn.checkbox-lg + label:before {
	top: -8px;
	left: 8px;
	font-size: 30px;
}
input[type="checkbox"].checkbox-btn:checked + label:before {
	content: "\2713";
	color: #00a1cb;
}
input[type="checkbox"].checkbox-btn:checked + label:after {
	border-color: #00a1cb;
}

input[type="checkbox"].checkbox-btn.checkbox-lg + label:after,
input[type="checkbox"].checkbox-btn.checkbox-lg + label:before  {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
/* 2.13.2 - Checkbox Button End
-------------------------------*/


/* 2.13.3 - Radio Button
-------------------------------*/
.radio-btn + label {
	cursor: pointer;
	font-weight: normal; 
	position: relative;
	padding-left: 25px;
	z-index: 0;
}
input[type="radio"].radio-btn {
	display: none;
}
input[type="radio"].radio-btn + label:after {
	content: "";
	position: absolute;
	border-radius: 100%;
	top: 3px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 2px solid #e6e6e6; 
	z-index: 1;
}
input[type="radio"].radio-btn + label:before {
	content: "";
	border-radius: 100%;
	background: transparent;
	position: absolute;
	width: 7px;
	height: 7px;
	top: 7px;
	left: 4px;
	color: #afacac;
	z-index: 2;
}
.radio-btn.radio-lg + label {
	padding-left: 35px;
	line-height: 35px;
}
input[type="radio"].radio-btn.radio-lg + label:after {
	width: 25px;
	height: 25px;
}
input[type="radio"].radio-btn.radio-lg + label:before {
	width: 15px;
	height: 15px;
	top: 8px;
	left: 5px;
}
input[type="radio"].radio-btn:checked + label:before {
	background: #00a1cb;
}
input[type="radio"].radio-btn:checked + label:after {
	border-color: #00a1cb;
}
input[type="radio"].radio-btn.radio-lg + label:after,
input[type="radio"].radio-btn.radio-lg + label:before {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
/* 2.13.3 - Radio Button End
-------------------------------*/
/* 2.13 - Form Elements End
---------------------------------------------*/


/* 2.14 - Callout Action
---------------------------------------------*/
.callout-action h2 {
	font-size: 22px;
}
.callout-action .action-links a {
	color:#606060;
	font-size: 14px; 
	font-weight: 500;
}
.callout-action .action-links a:hover {
	color: #00a1cb;
}
.callout-action .action-links span.or {
	font-family: 'Oswald', sans-serif;
	width: 40px;
	height: 40px;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	border:1px solid #FFF;
	border-radius: 50%;
	line-height: 37px;
	margin:15px;
}
.callout-action .callout-background {
	position: relative;
	top: 0px;
	right: 0px;
}
.callout-action .action-description {
	color: #777777;
	font-weight: 600;
	text-transform: capitalize;
}
.callout-action .btn.purchase {
	color: #ffffff;
	margin-top: 30px;
	margin-bottom: 80px;
}
.callout-action.top-part {
	position: relative;
	border-top: 4px solid #2d2d2d;
	z-index: 0;
}
.callout-action.top-part:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	height: 1px;
	width: 100%;
	background: #bfbfbf;
	display: inherit;
	z-index: 1;
}
.dark-bg .callout-content .callout-title {
	color: #ffffff;
	margin-top: 10px;
}
.dark-bg .callout-content .purchase {
	background: #ffffff;
	color: #2d2d2d;
}
.dark-bg .callout-content .purchase:hover {
	background: #00a1cb;
	color: #ffffff;
}
.blue-bg .callout-content .callout-title {
	color: #ffffff;
	margin-top: 10px;
}
.blue-bg .callout-content .btn {
	background: #00a1cb;
	color: #ffffff;
}
.blue-bg .callout-content .btn:hover {
	background: #ffffff;
	color: #00a1cb;
}
/* 2.14 - Callout Action End
---------------------------------------------*/



/* 2.15 - Progress Bar
---------------------------------------------*/
.progress.v1 {
	height: 40px; 
	background: #ebebeb;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 10px;
}
.progress.v1 .progress-bar.default-bar {
	background-color: #00a1cb;
}
.progress.v1 .progress-bar {
	text-align: left;
	font-size: 13px;
	font-weight: 400;
	line-height: 38px;
	padding-left: 15px;
	position: relative;
}
.progress.v1 .progress-bar:before {
	content: ""; 
	top: 0;
	right: 0;
	width: 20px;
	height: 40px;
	position: absolute;
	border-style: solid;
	border-width: 20px 0px 20px 20px;
	border-color: #ebebeb #ebebeb #ebebeb #00a1cb;;
}

/* 2.15.1 - Progress V2
----------------------------*/
.progress.v2 {

}
/* 2.15.1 - Progress V2 End
----------------------------*/


/* 2.15.2 - Progress V3
----------------------------*/
.progress.v3 {
	height: 10px;
	width: 58%;
	margin-top: 14px;
}
.progress.v3 .progress-bar.default-bar {
	background-color: #00a1cb;
}
.progress-bg {
	background: #ffffff;
	height: 40px;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	display: block;
	padding-right: 50px;
	position: relative;
}
.progress-name {
	background: #000000;
	color: #ffffff;
	padding: 10px 3px;
	float: left;
	margin-right: 15px;
	font-size: 13px;
	text-transform: uppercase;
	width: 35%;
	text-align: center;
	position: relative;
	z-index: 0;
}
.progress-name:after {
	content: "";
	position: absolute;
	border:1px solid #000000;
	z-index: 1;
	left: -1px;
	right: -1px;
	top: -1px;
	bottom: 0;
}
.progress-count {
	position: absolute;
	right: 0px;
	bottom: 0px;
	border-left: 1px solid #ddd;
	display: block;
	height: 38px;
	line-height: 37px;
	font-size: 13px;
	width: 10%;
	text-align: center;
}
/* 2.15.2 - Progress V3 End
----------------------------*/
/* 2.15 - Progress Bar End
---------------------------------------------*/


/* 2.16 - Accordion
---------------------------------------------*/
.panel-group .panel, .panel {
	border-radius: 0; 
	margin-bottom: 10px;
}
.panel-title {
	font-size: 0.8125rem;
	font-weight: 700;
	font-family: 'Roboto',sans-serif;
	text-transform: inherit;
}
.panel-title a {
	color: #606060;
	min-height: 40px;
	display: inline-block;
	position: relative;
	padding-left: 15px;
	padding-right: 40px;
	font-family: 'Roboto',sans-serif;
	line-height: 30px;
	padding-top: 5px;
	width: 100%;
	font-weight: 700;
}
.panel-title a[class^="fa"] {
	padding-left: 40px;
}
.panel-title a:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 40px;
	text-align: center;
	line-height: 38px;
	border-left: 1px solid #dedede;
	font-family: FontAwesome; 
	content: "\f0d8"; 
}
.panel-title a,
.panel-title a.collapsed:hover {
	color: #00a1cb;
}
.panel-title a.collapsed {
	color:#606060;
}
.panel-title a.collapsed:after {
	position: absolute;
	top: 0;
	right: 0;
	font-family: FontAwesome; 
	content: "\f0d7";
}
.panel-title a[class^="fa"]:before {
	position: absolute; 
	font: normal normal normal 14px/1 FontAwesome;

	font-size: 1rem;
	width: 40px;
	text-align: center;
	height: 43px;
	left: 0;
	top: 0;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.panel-default>.panel-heading {
	background-color: transparent;
	padding:0;
}
.panel-body p,
.panel-body {
	color:#777777;
	font-size: 0.875rem;
	line-height: 24px;
}
.panel-body 
.panel {
	margin-bottom: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* 2.16 - Accordion End
---------------------------------------------*/


/* 2.17 - Tabs
---------------------------------------------*/
.tab-content table {
	font-size: 14px;
}
.tab-content .commentlist  {
	padding-left: 0;
}
.tab-content .comment-content {
	margin-left: 95px;
}
.tab-content .comment-author span {
	font-size: 14px;
	padding-left: 15px;
} 

/* 2.17.1 - Tabs V1 
----------------------------*/
.tv1 .nav-tabs>li:first-child {
	margin-left: 35px;
}
.tv1 .nav-tabs>li>a { 
	border-radius: 0;
	border:1px solid #dedede; 
	color: #606060;
	border-bottom: 0;
	font-family: "Roboto",sans-serif;
	font-size: 13px;
	font-weight: 700;
	margin-right:5px;  
} 
.tv1 .nav-tabs>li.active>a{
	color: #00a1cb;
	background: #ffffff;
	position: relative;
} 
.tv1 .nav-tabs>li.active>a:before{
	content: "";
	position: absolute;
	left: -1px;
	right: -1px;
	top: -1px;
	height: 2px;
	background-color: #00a1cb;
}

.tv1 .nav-tabs>li.ui-tabs-active>a{
	color: #00a1cb;
	background: #ffffff;
	position: relative;
} 
.tv1 .nav-tabs>li.ui-tabs-active>a:before{
	content: "";
	position: absolute;
	left: -1px;
	right: -1px;
	top: -1px;
	height: 2px;
	background-color: #00a1cb;
}
.tv1 .nav-tabs>li>a:hover {
	color: #ffffff;
	background: #00a1cb;
	border-color: #00a1cb; 
}
.tv1 .nav-tabs>li.active>a {
	border-bottom-color:#ffffff;
}
.tv1 .tab-content {
	border:1px solid #dedede; 
	border-top: none;
	padding: 35px 35px;
	overflow: hidden;
}
.tv1 .tab-content .tab-image {
	padding-top: 2px; 
}
.tv1 .tab-content .tab-image.pull-right {
	padding-left: 30px;
}
.tv1 .tab-pane p:last-child {
	margin-bottom: 0;
}
/* 2.17.1 - Tabs V1 End
----------------------------*/

/* 2.17.2 - Tabs V2
----------------------------*/
.tv2 .nav-tabs {
	border-bottom: 0;
}
.tv2 .nav-tabs>li {
	margin-bottom: 20px;
}
.tv2 .nav-tabs>li>a {
	font-family: 'Oswald', sans-serif;  
	font-weight: 700;
	background: transparent;
	border: 5px solid #dedede;
	color: #606060;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	text-align: center;
	line-height: 102px;
	margin: 0 60px;
}
.tv2 .nav-tabs>li.active>a, 
.tv2 .nav-tabs>li.active>a:hover, 
.tv2 .nav-tabs>li.active>a:focus {
	color: #00a1cb;  
	background-color: transparent; 
	border: 5px solid #00a1cb; 
}
.tv2 .nav-tabs>li>a:hover {
	color: #00a1cb;
	border-color: #00a1cb;
}
.tv2 .tab-content>.tab-pane {
	text-align: center;
}
.tv2 .stripe-left:before,
.tv2 .stripe-right:after {
	content: "";
	position: absolute;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	width: 50px;
	top: 64px;
	height: 5px;
}
.tv2 .stripe-left:after, 
.tv2 .stripe-right:before { 
	content: "";
	position: absolute;
	border-bottom: 1px solid #dedede;
	width: 50px;
	top: 64px;
	height: 3px; 
}
.tv2 .stripe-right:after,
.tv2 .stripe-right:before {
	right: 0
}

/*polygon-bg*/
.polygon-bg .tv2 .nav-tabs>li>a {
	border-color: #2d2d2d;
}
.polygon-bg .tv2 .nav-tabs>li>a:hover {
	border-color: #00a1cb;
	color: #ffffff;

}
.polygon-bg .tv2 .nav-tabs>li.active>a, 
.polygon-bg .tv2 .nav-tabs>li.active>a:hover, 
.polygon-bg .tv2 .nav-tabs>li.active>a:focus {
	color: #ffffff;
	border-color: #00a1cb;
}
.polygon-bg .tv2 .stripe-left:after, 
.polygon-bg .tv2 .stripe-right:before, 
.polygon-bg .tv2 .stripe-left:before, 
.polygon-bg .tv2 .stripe-right:after {
	border-color: #2d2d2d;
}

/* 2.17.2 - Tabs V2 End
----------------------------*/
/* 2.17 - Tabs End 
---------------------------------------------*/


/* 2.18 - Features List
---------------------------------------------*/
.features-list {
	padding-left: 0;
}
.features-list li {
	font-family: 'Roboto', sans-serif; 
	font-size: 13px;
	position: relative; 
	list-style: none;
	float: left;
	width: 50%; 
	padding: 5px 0 5px 25px;
	line-height: 24px;
}
.features-list li:before { 
	position: absolute; 
	top: 10px;
	left: 0;
	content: "\f046";
	color: #00a1cb;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 18px; 
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* 2.18 - Features List End
---------------------------------------------*/


/* 2.19 - Mock-up
---------------------------------------------*/
.pc-mockup-box {
	display: table; 
	position: relative; 
	padding-bottom: 25px;
}
.pc-mockup-box .screenshot-slider {
	position: absolute; 
	top: 6%;
	left: 12.5%;
	right: 12.5%;
}
.pc-mockup-box .screenshot-slider img {
	max-width: inherit;
	width: 100%;
}
.pc-mockup-box .screenshot-slider .carousel-indicators {
	bottom: -85px;
}
/* 2.19 - Mock-up End
---------------------------------------------*/


/* 2.20 - Team Member
---------------------------------------------*/
.team-member {
	position: relative;
	z-index: 0;
}
.team-member .member-img-box {
	position: relative;
	border:1px solid #bfbfbf;
	background: #dedede;
	padding: 4px;
}
.team-member .member-img-box:before {
	content: "";
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;  
	position: absolute;
	background:rgba(0, 161, 203, 0.0);
}
.team-member:hover .member-img-box:before {
	background:rgba(0, 161, 203, 0.7);
}
.team-member .member-img-box img {
	width: 100%;
}
.team-member .social-icons {
	top: 50%; 
	left: 0;
	right: 0;
	margin-top: -15px;
	position: absolute; 
	opacity: 0;
}
.team-member:hover .social-icons {
	opacity: 1;
}
.team-member .social-icons a {
	color: #1c1c1c;
	background: #ffffff;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	min-width: 30px;
}
.team-member .social-icons a:hover {
	background: #1c1c1c;
	color: #ffffff;
}
.team-member .name-container {
	margin-top: -50px;
}
.team-member .member-name {
	position: relative;
	background: white;
	display: inline-block;
	line-height: 40px;
	padding: 0px 15px;
}
.team-member:hover .member-name {
	z-index: -1;
}
.team-member .member-name:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: #00a1cb; 
}
.team-member .member-description {
	font-family: "Roboto", sans-serif;
	font-weight: 500; 
	font-size: 14px; 
}
.team-member .mail-icon,
.team-member .phone-icon {
	padding-right: 10px;
	color: #aaaaaa;
}
.team-member .member-designation,
.team-member .member-email,
.team-member .member-phone {
	color: #00a1cb;
}
.team-member .member-contact {
	padding-top: 10px;
	color: #aaaaaa;
}
.team-member .member-name ,
.team-member .social-icons ,
.team-member .social-icons a ,
.team-member .member-img-box:before {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.team-member.v2 {
	position: relative;
}
.team-member.v2 .member-img-box {
	padding: 0;
	border:none;
}
.team-member.v2 .member-img-box:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.team-member.v2:hover .member-img-box:before {
	background: #1c1c1c; 
}
.team-member.v2 .member-name {
	background: inherit;
	position: inherit;
}
.team-member.v2 .member-details {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	border: 1px solid #ffffff;
}
.team-member.v2 .name-container{
	margin-top: 0;
}
.team-member.v2 .member-name {
	position: inherit;
	font-size: 24px;
	padding-top: 15%;
	color:#ffffff;
}
.team-member.v2 .member-name:before {
	background: transparent; 
}
.team-member.v2 .social-icons {
	position: relative;
	top: inherit;  
	bottom: inherit;
	margin-top:0;
	opacity: 1;
}
.team-member.v2 .member-designation, 
.team-member.v2 .member-email, 
.team-member.v2 .member-phone,
.team-member.v2 .member-contact,
.team-member.v2 .mail-icon, 
.team-member.v2 .phone-icon {
	color: #777777;
}
.team-member.v2 .social-icons a:hover {
	background-color: #00a1cb;
}
.team-member.v2 .stripe-over:before, 
.team-member.v2 .stripe-full:before, 
.team-member.v2 .stripe-bfixw:before,
.team-member.v2 .stripe-over:after, 
.team-member.v2 .stripe-full:after, 
.team-member.v2 .stripe-bfixw:after {
	border-color: #292929;
}
.team-member.v2 .member-details {
	opacity: 0;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.team-member.v2:hover .member-details {
	opacity: 1;
}
@media screen and (max-width: 1360px) {
	.team-member.v2 .member-name {
		padding-top: 5%;
	}
}
/* 2.20 - Team Member End
---------------------------------------------*/


/* 2.21 - Widget 
---------------------------------------------*/
.widget .stripe-full {
	padding-top: 35px;
	margin-bottom: 45px;
}
.widget {
	padding-bottom: 50px;
}
.widget .stripe-full:after, 
.widget .stripe-full:before{
	bottom: -10px;
}
.widget .stripe-over:after, 
.widget .stripe-over:before {
	bottom: -14px;
}
.mozilla .blog-page .widget .stripe-over:after, 
.mozilla .blog-page .widget .stripe-over:before {
	bottom: -13px;
}
.widget p {
	line-height: 24px;
}
.widget ul {
	list-style: none;
	padding-left: 0;
}

/* 2.21.1 - About Us 
-------------------------------*/
.widget_about_us .contact-info {
	padding-left: 0;
	padding-top: 10px; 
}
.widget_about_us .contact-info>li {
	color: #777777;
	font-size: 0.875em;
	list-style: none;
	position: relative;
	line-height: 28px;
	padding-left: 30px;
}
.widget_about_us .contact-info>li:before {
	position: absolute;
	top: 8px;
	left: 0;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.widget_about_us .contact-info a{
	color: #777777;
}
.widget_about_us .contact-info a:hover {
	color: #00a1cb;
}
/* 2.21.1 - About Us End
-------------------------------*/


/* 2.21.2 - Recent Post
-------------------------------*/
.widget .recentposts {
	padding-left: 0;
}
.widget .recentposts>li {
	font-size:0.85em;
	list-style: none; 
	overflow: hidden;
	padding-bottom: 20px; 
}
.widget .recentposts>li>.rp-img {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 15px;
	position: relative;
}
.widget .recentposts>li>.rp-img a:before,
.widget .recentposts>li>.rp-img a:after {
	position: absolute; 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.widget .recentposts>li>.rp-img a:before {
	content: "";
	background-color: rgba(0, 161, 203, 0.8); 
	z-index: 1;
}
.widget .recentposts>li>.rp-img a:after { 
	color: #ffffff; 
	content: "\f002";  
	font: normal normal normal 14px/1 FontAwesome;
	text-align: center;
	font-size: inherit;
	line-height: 80px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
	z-index: 2;
}
.widget .recentposts>li>.rp-img a:hover:before,
.widget .recentposts>li>.rp-img a:hover:after {
	opacity: 1;
}
.widget .recentposts>li>.rp-txt {
	margin-left: 95px;
	line-height: 25px; 
}
.widget .recentposts>li>.rp-txt,
.widget .recentposts>li .entry-title a { 
	color: #777777;
	display: block;
}
.widget .author,
.widget .author a,
.widget .entry-date {
	font-style: italic;
	font-size: 0.75rem;
	color: #606060;
}
.widget .author a:hover,
.widget .recentposts>li .entry-title a:hover {
	color: #00a1cb;
}
/* 2.21.2 - Recent Post End
-------------------------------*/


/* 2.21.3 - Twitter Feeds 
-------------------------------*/
.widget .twitter-feeds {
	padding-left: 0;
}
.widget .twitter-feeds>li {
	list-style: none;
	padding-left: 40px;
	position: relative;
}
.widget .twitter-feeds>li {
	font-size: 0.875rem;
	padding-bottom: 20px;
	line-height: 25px;
	overflow: hidden;
}
.widget .twitter-feeds>li:before {
	position: absolute;
	left: 0;
	top: 5px;
	content: "\f099";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.5rem;
	text-rendering: auto;
}

.widget .twitter-feeds>li>.tweet {
	overflow: hidden;
}
.widget .twitter-feeds>li>.tweet>a {
	color: #777777;
	display: block; 
}
.widget .twitter-feeds>li>.tweet>a:hover{
	color: #00a1cb;
}
.widget .twitter-feeds>li>.tweet>.tweet-time {
	color: #606060;
	display: inline-block;
	float: right;
	position: relative;
	font-style: italic;
}
.widget .twitter-feeds>li>.tweet>.tweet-time:after {
	position: absolute;
	content: "";
	top: 15px;
	right: 100%;
	height: 1px;
	width: 1000px; 
	margin-right: 10px;
	background-color: #292929;
}

.sidebar-widgets .tweet {
	color: #777777;
}
.sidebar-widgets .widget .twitter-feeds>li>.tweet>a {
	color: #2d2d2d;
}
/* 2.21.3 - Twitter Feeds End
-------------------------------*/


/* 2.21.4 - Newslater 
-------------------------------*/
.widget_newslatter .subscirbe-form {
	position: relative;
}
input#subscibe_email:focus {
	color: #606060;
	background: #1a1a1a;
}
.widget_newslatter .subscirbe-form input[type="text"] {
	width: 100%;
	background: #1c1c1c;
	border: none!important;
	outline: none!important;
	padding: 10px 15px;
	font-size: .75rem;
	height: 40px;
	font-style: italic;
}
.widget_newslatter .subscirbe-form input[type="submit"] {
	position: absolute;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	right: 0;
	top: 0;
	height: 40px;
	border: none!important;
	outline: none!important;
	padding: 10px 15px;
	background: #00a1cb;
} 
.widget_newslatter .subscirbe-form .subscibe-btn {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.widget_newslatter .subscirbe-form .subscibe-btn:hover {
	background: #ffffff;
	color: #2d2d2d;
}

/* 2.21.4 - Newslater End
-------------------------------*/


/* 2.21.5 - Footer Widget
-------------------------------*/ 
.callout-content.section-padding {
	padding-top: 30px;
}
.footer-widget-container .stripe-full:before, 
.footer-widget-container .stripe-bfixw:before {
	border-top: 1px solid #292929;
}
.footer-widget-container .stripe-full:after, 
.footer-widget-container .stripe-bfixw:after {
	border-top: 1px solid #292929;
	border-bottom: 1px solid #292929;
}
.footer-widget .widget-title {
	color: #ffffff;
}
.footer-widget,
.footer-widget p{
	color: #cccccc;
}
/* 2.21.5 - Footer Widget End
-------------------------------*/


/* 2.21.6 - Caterogry
-------------------------------*/ 
.widget_categories li, .widget_product_categories li {
	border-bottom: 1px solid #ebebeb;
}
.widget_categories li a, .widget_product_categories li a {
	color: #606060;
	display: inline-block;
	padding: 18px 0;
	font-weight: 700;
}
.widget_categories li a:before, .widget_product_categories li a:before {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	border: 2px solid #00a1cb;
	margin-right: 10px;
}
.widget_categories .badge {
	width: 50px;
	line-height: 25px;
	margin-top: -5px; 
}
.widget_categories li a:before,
.widget_categories .badge{
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.widget_categories li:hover a {
	color: #00a1cb;
}
.widget_categories li:hover a:before, 
.widget_categories li:hover .badge {
	background: #00a1cb;
}
.widget_recent_projects li {
	display: inline-block;
	margin-right: -4px;
	padding-right: 0;
	overflow: hidden;
	margin-bottom: -6px;
}
/* 2.21.6 - Caterogry End
-------------------------------*/ 


/* 2.21.7 - Recent Projects 
-------------------------------*/ 
.widget_recent_projects li:hover { }
.widget_recent_projects a{
	display: block;
}
.widget_recent_projects .recentposts>li {
	padding-bottom: 0;
}
.widget_recent_projects .recentposts>li>.rp-img {
	width: auto;
	height: 92px;
	margin-right: 0;
}
.widget_recent_projects .recentposts>li>.rp-img a:after {
	content: "\f0c1";
	line-height: 95px;
}
/* 2.21.7 - Recent Projects End
-------------------------------*/ 


/* 2.21.8 - Tag Cloud 
-------------------------------*/ 
.widget_tag_cloud {}
.tagcloud a {
	padding: 8px 11px;
	display: inline-block;
	border: 1px solid #dedede;
	margin: 0 5px 8px 0;
	font-size: 1em !important;
}
.tagcloud a:hover {
	background: #00a1cb;
	color: #ffffff;
	border: 1px solid transparent;
}
/* 2.21.8 - Tag Cloud End
-------------------------------*/ 


/* 2.21.9 - Recent Posts
-------------------------------*/ 
.widget_recent_posts .comments-link {
	display: block;
	font-size: 12px;
}
.widget_recent_posts .comments-link a { 
	color: #606060;
}
.widget_recent_posts .comments-link a:hover, 
.sidebar-widgets .widget .twitter-feeds>li>.tweet>a:hover {
	color: #00a1cb;
}
.sidebar-widgets .widget .recentposts>li>.rp-txt {
	padding-top: 3px;
}
/* 2.21.9 - Recent Posts End
-------------------------------*/


/* 2.21.10 - Calendar
-------------------------------*/
#wp-calendar { width: 100%; }

#wp-calendar caption {
	border: 1px solid #dddddd;
	text-align: center;
	margin-bottom: 18px;
	text-transform: uppercase;
	font-weight: 700;
}
#wp-calendar tbody td, #wp-calendar thead th {
	text-align: center;
}
#wp-calendar table, #wp-calendar th, #wp-calendar td {
	border: 1px solid #dddddd;
	line-height: 40px;
}
#wp-calendar td a { 
	font-weight: 900;
	display: block;
}
#wp-calendar tbody td {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#wp-calendar td a:hover {
	background: #00a1cb;
	color: #ffffff; 
}
td#prev  { }
td#prev, td#next { text-align: center; } 
/* 2.21.10 - Calendar End
-------------------------------*/


/* 2.21.11 - Text Widget
------------------------------*/
.widget_text .textwidget {
	color: #777777;
	font-size: 14px;
	line-height: 24px;
}
.widget_text .textwidget ol,
.widget_text .textwidget ul{
	list-style: inherit;
	padding-left: 20px;
}
.widget_text .textwidget img {
	margin: 15px 0;
} 
/* 2.21.11 - Text Widget End
------------------------------*/
/* 2.21 - Widget End
---------------------------------------------*/

/* 2 - Global Styles End
---------------------------------------------------------------------- */



/* 3 - Main Navigation 
---------------------------------------------------------------------- */
/* 3.1 - Header
---------------------------------------------*/
#header{ min-height: 120px;}
#header,
#top-menu-container,
#header-wrap {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}
#header-wrap {
	position: relative;
	background: #f8f8f8;
	border-top: 3px solid #00a1cb;
	border-bottom: 5px solid #dedede;
	width: 100%;
	margin: 0;
}
#header-wrap:after {
	content: "";
	position: absolute;
	background: #bfbfbf;
	left:0;
	bottom: -1px;
	height: 1px;
	width: 100%; 
}
#header-wrap .container { position: relative; }
#top-menu-container.navbar-fixed-top {
	top: -130px;
}
#top-menu-container.fix-menu{
	top: 0;
} 
/* 3.1 - Header End
---------------------------------------------*/


/* 3.2 - Logo
---------------------------------------------*/
#logo {
	position: relative;
	float: left;
	height: 120px;
}
#logo a {
	color: #00a1cb;
	display: block;
	line-height: 120px;
}
#logo img {
	display: inline;
	max-width: 100%;
}
/* 3.2 - Logo End
---------------------------------------------*/


/* 3.3 - Primary Menu
---------------------------------------------*/
#primary-menu { float: right; } 
#primary-menu-trigger,
#page-submenu-trigger {
	position: absolute;
	top: 50%;
	pointer-events: none;
	cursor: pointer;
	font-size: 14px;
	line-height: 50px;
	text-align: center; 
	margin-top: -25px;
	width: 50px;
	height: 50px; 
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
#primary-menu ul {
	list-style: none; 
	margin: 0;
	padding: 0;
}
#primary-menu > ul { float: left; }
#primary-menu ul li {
	position: relative;
	float: left;
	margin-left: 2px;
}
#primary-menu>ul>li.sub-menu {
	padding-right: 10px;
}
#primary-menu>ul>li.sub-menu>a:after,
#primary-menu>ul>li.sub-menu li.sub-menu:after  {
	position: relative;
	color: #aaaaaa;
	content: "\f103";
	font-size: 14px;
	font-family: FontAwesome;
	font-weight: 400;
	text-rendering: auto;
	top:0; 
	left: 5px; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#primary-menu>ul>li.sub-menu li.sub-menu:after {
	position: absolute;
	content: "\f101";
	left: 100%;
	top: 10px;
	margin-left: -25px;
}
#primary-menu>ul>li.sub-menu.mega-menu li.sub-menu:after{
	display: none;
}
#primary-menu>ul>li.sub-menu.sfHover>a:after,
#primary-menu>ul>li.sub-menu.sfHover li.sub-menu.sfHover:after {
	color: #00a1cb;
}
#primary-menu ul li.mega-menu { position: inherit; }
#primary-menu ul li:first-child { margin-left: 0; }
#primary-menu ul li a {
	display: block;
	height: 120px;
	line-height: 120px;
	padding: 0 15px;
	color: #2d2d2d;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	-webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	-o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
}
#primary-menu ul li i {
	position: relative;
	font-size: 14px !important;
	top: 1px;
	line-height: 99px;
	width: 14px;
	text-align: center;
	margin-right: 6px;
	-webkit-transition: line-height .4s ease;
	-o-transition: line-height .4s ease;
	transition: line-height .4s ease;
}
#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current a { 
	color: #00a1cb; 
}
#primary-menu > ul > li.current > a:after {
	position: absolute;
	content:'';  
	left: 15px;
	right: 15px;
	bottom: -5px;
	background: #00a1cb;
	height: 5px;
	z-index: 1;
}
#primary-menu > ul > li.sub-menu.current > a:after {
	right: 33px;
}
#primary-menu li:hover > ul { display: block; }
#primary-menu ul ul,
#primary-menu ul li .mega-menu-content {
	display: none;
	position: absolute;
	width: 220px;
	background-color: #ffffff;
	box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
	border-top: 5px solid #00a1cb;
	height: auto;
	top: 120px;
	left: 0;
	margin: 0;
	z-index: 9999;
}
#primary-menu ul ul ul {
	top: -5px !important;
	left: 220px;
}
#primary-menu ul ul li {
	float: none;
	margin: 0;
	border-bottom: 1px solid #e4e4e4;
} 

#primary-menu ul ul li:first-child { border-top: 0; }
#primary-menu ul ul li:last-child { border-bottom: 0; }
#primary-menu ul ul a {
	border: 0 !important;
	color: #777777 !important;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 42px !important; 
	height: auto; 
	padding-top: 0 !important;
	padding-bottom: 0 !important; 
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-transform: capitalize;
}
#primary-menu ul ul li:hover > a {
	background-color: #F9F9F9;
	color: #00a1cb !important;
	padding-left: 18px;
}
#primary-menu ul ul i { line-height: inherit; padding-right: 10px;}

/* 3.3 - Primary Menu End
---------------------------------------------*/


/* 3.4 - Mega Menu
---------------------------------------------*/

#primary-menu ul li .mega-menu-content { width: 400px; }

#primary-menu ul li.mega-menu .mega-menu-content {
	margin: 0 15px;
	width: 1170px;
	top: 120px;
}
#primary-menu ul li .mega-menu-content ul {
	position: relative;
	top: 0;
	display: block; 
	min-width: inherit;
}

#primary-menu ul li .mega-menu-content > ul >li { float: left; }

#primary-menu ul li .mega-menu-content ul {
	display: block !important;
	opacity: 1 !important;
	top: 0;
	left: 0;
}
#primary-menu ul li .mega-menu-content.col-2 > ul>li,
#primary-menu ul li .mega-menu-content.col-3 > ul>li,
#primary-menu ul li .mega-menu-content.col-4 > ul>li,
#primary-menu ul li .mega-menu-content.col-5 > ul>li {
	width: 50%;
	margin: 0;
	border-left: 1px solid #F2F2F2;
	border-bottom: none;
}

#primary-menu ul li .mega-menu-content.col-3 > ul>li { width: 33.33%;}
#primary-menu ul li .mega-menu-content.col-4 > ul>li { width: 25%;}
#primary-menu ul li .mega-menu-content.col-5 > ul>li { width: 20%;}
#primary-menu ul li .mega-menu-content > ul >li:first-child { border-left: 0; }
#primary-menu ul li .mega-menu-content ul h6 > span {
	display: block;
	line-height: 3em;
}
#primary-menu ul li .mega-menu-content ul h6 > span a {
	color: #00a1cb !important; 
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
#primary-menu ul li .mega-menu-content ul a {
	height: auto;
	line-height: 42px;
}

#primary-menu ul li .mega-menu-content ul {
	width: 100%;
	border: 0;
	box-shadow: none;
	background-color: transparent;
}

#primary-menu ul li .mega-menu-content > ul >li { padding: 30px 20px; }
#primary-menu ul li .mega-menu-content ul a {  padding: 0px; }
#primary-menu ul li .mega-menu-content ul a:hover { padding-left: 12px; }

#primary-menu ul li .mega-menu-content > ul > li.mega-menu-title.sub-menu > a,
#primary-menu ul li .mega-menu-content > ul > li.mega-menu-title.sub-menu:hover > a {
	background: none;
}

#primary-menu ul li .mega-menu-content > ul > li.mega-menu-title { margin-top: 20px; }
#primary-menu ul li .mega-menu-content > ul > li.mega-menu-title:first-child { margin:0px; }

#primary-menu ul li .mega-menu-content > ul > li.mega-menu-title > a {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase !important;
	margin-bottom: 15px;
	color: #444444 !important;
	padding: 0;
	height: auto !important;
	line-height: 1.3 !important;
}

#primary-menu .mega-menu-content .menu-contact {
	color: #777777;
	padding-top: 10px;
}
#primary-menu .mega-menu-content .menu-contact li {
	position: relative;
	padding: 8px 0 8px 20px; 
	border:none; 
	font-size: 13px;
}
#primary-menu .mega-menu-content .menu-contact li i { 
	position: absolute;
	top: 8px;
	left: 0; 
}
#primary-menu .mega-menu-content .menu-img {
	padding: 8px 0;
}
#primary-menu .mega-menu-content .menu-img a:hover {
	padding-left: 0;
}
#primary-menu .mega-menu-content  a.btn {
	border:1px solid #ddd !important;
}
#primary-menu .mega-menu-content  a.btn:hover {
	border-color: #00a1cb !important;
	color: #ffffff !important;
	padding-left: 0 !important; 
}
#primary-menu .mega-menu-content .carousel-indicators li {
	border: 1px solid #ffffff;
}

h3.focuz-megamenu-title {
	padding: 0;
}
/* 3.4 - Mega Menu End
---------------------------------------------*/


/* 3.5 - Top Search
---------------------------------------------*/ 
#top-search,
#top-cart {
	float: left;
	margin: 40px 0 0 10px;
}

#top-cart {  position: relative;  }

#top-search a.hd-icons,
#top-cart a.hd-icons {
	display: block;
	position: relative;
	border: 1px solid #00a1cb;
	width: 36px;
	height: 36px;
	font-size: 14px;
	line-height: 27px;
	text-align: center;
	border-radius: 50%;
	color: #00a1cb;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}
#top-search a.hd-icons:hover, 
#top-cart a.hd-icons:hover{
	background: #00a1cb;
	color: #ffffff;
}
#top-cart a.hd-icons i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

#top-search a { z-index: 11; }
#top-cart a:hover { color: #fff; }

#top-search a i {
	position: absolute;
	top: 50%; 
	left: 50%;
	margin-top: -8px;
	margin-left: -5px;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
#top-search form {
	opacity: 0;
	z-index: -2;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	margin: 0;
	top: 0;
	left: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
body.top-search-open #top-search form {
	opacity: 1;
	z-index: 10;
}
#top-search form input {
	background-color: #f8f8f8;
	box-shadow: none !important;
	border-radius: 0;
	border: 0;
	color: #333333;
	font-weight: 700;
	font-size: 32px;
	letter-spacing: 2px; 
	outline: 0 !important;  
	height: 100%; 
	margin-top: 0 !important;
	padding: 10px 80px 10px 20px; 
}
#top-search form input::-moz-placeholder {
	color: #555555;
	text-transform: uppercase;
	opacity: 1;
}
#top-search form input:-ms-input-placeholder {
	color: #555555;
	text-transform: uppercase;
}
#top-search form input::-webkit-input-placeholder {
	color: #555555;
	text-transform: uppercase;
}
#primary-menu .container #top-search form input,
.sticky-header #top-search form input { 
	border: none !important; 
}
/* 3.5 - Top Search End
---------------------------------------------*/ 

/* 3.6 - Top Cart
---------------------------------------------*/  
#top-cart { margin-right: 0; }

#top-cart > a > span {
	position: absolute;
	top: -5px; 
	right: -4px;
	background-color: #2d2d2d;
	border-radius: 50%;
	color: #ffffff;
	font-size: 10px; 
	line-height: 16px;
	text-align: center;
	display: block;  
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	width: 16px;
	height: 16px;    
}
#top-cart .top-cart-content {
	overflow: hidden;
	height: 0;
	width: 0;
	-webkit-transition: opacity .5s ease, top .4s ease;
	-o-transition: opacity .5s ease, top .4s ease;
	transition: opacity .5s ease, top .4s ease;
}
#top-cart:hover .top-cart-content { 
	position: absolute;
	top: 80px;
	right: 0;
	left: auto;
	height: auto;
	width: 280px;
	background-color: #ffffff;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.07);
	border-top: 5px solid #00a1cb;
	margin: 0;
	-webkit-transition: opacity .5s ease, top .4s ease;
	-o-transition: opacity .5s ease, top .4s ease;
	transition: opacity .5s ease, top .4s ease;
	z-index: 999;

}
#top-cart:hover .top-cart-content {
	overflow: visible;
}
#top-cart:hover .top-cart-content:before {
	content: "";
	position: absolute;
	top: -58px;
	left: 0;
	right: 0;
	height: 58px;
	background: transparent;
}
.fix-menu #top-cart:hover .top-cart-content:before {
	top: -30px;
	height: 30px;
}
#top-cart.top-cart-open .top-cart-content {
	opacity: 1;
	z-index: 11;
	margin-top: 0;
}
.top-cart-title {
	padding: 12px 15px;
	border-bottom: 1px solid #eeeeee;
}
.top-cart-title h4 {
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.top-cart-items {  padding: 15px; }

.top-cart-item {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #F5F5F5;
}
.top-cart-item:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
}
.top-cart-item-image {
	float: left;
	margin-right: 15px;
	width: 48px !important;
	height: 48px !important;
	border: 2px solid #eeeeee;
	-webkit-transition: border-color .2s linear;
	-moz-transition: border-color .2s linear;
	-ms-transition: border-color .2s linear;
	-o-transition: border-color .2s linear;
	transition: border-color .2s linear;
}
.top-cart-item-image a,
.top-cart-item-image img {
	display: block;
	width: 44px !important;
	height: 44px !important;
}

.top-cart-item-image:hover { border-color: #00a1cb; }

.top-cart-item-desc {
	position: relative;
	overflow: hidden;
	width: 185px;
}
.top-cart-item-desc a {
	text-align: left !important;
	font-size: 13px !important;
	width: auto !important;
	height: auto !important;
	font-weight: 600;
}

.top-cart-item-desc a:hover {  color: #00a1cb !important; }

.top-cart-item-desc span.top-cart-item-price {
	display: block;
	color: #999999;
	font-size: 12px !important;
	line-height: 20px; 
}
.top-cart-item-desc span.top-cart-item-quantity {
	position: absolute;
	color: #444444;
	display: block;
	font-size: 12px !important;
	right: 30px;
	top: 2px; 
}
.top-cart-action {
	padding: 15px;
	border-top: 1px solid #eeeeee;
}
.top-cart-item-title {
	width: 120px;
}
a.icon-remove {
	position: absolute;
	right: 0;
	top: -3px;
}
.top-cart-action span.top-checkout-price { color: #00a1cb; }

body.top-search-open #top-search a i.fa-search, 
#top-search a i.fa-close { opacity: 0; }

body.top-search-open #top-search a i.fa-close {
	opacity: 1;
	z-index: 11;
}
/* 3.6 - Top Cart End
---------------------------------------------*/  

/* 3.7 - Top Fix Menu
---------------------------------------------*/ 
.navbar-fixed-top #logo { height: 70px;}
.navbar-fixed-top #logo a { line-height:  70px;}
.navbar-fixed-top #primary-menu>ul>li>a { 
	height: 70px;
	line-height: 70px;
}
.navbar-fixed-top #top-search,
.navbar-fixed-top #top-cart { margin-top: 15px; }
.navbar-fixed-top #top-cart .top-cart-content { top: 55px; }
.navbar-fixed-top #primary-menu ul ul, 
.navbar-fixed-top #primary-menu ul li .mega-menu-content, 
.navbar-fixed-top #primary-menu ul li.mega-menu .mega-menu-content { top: 70px; }

/* 3.7 - Top Fix Menu End
---------------------------------------------*/  

/* 3 - Main Navigation End
------------------------------------------------------------------------*/



/* 4 - Portfolio Section
------------------------------------------------------------------------*/
.overflow-yscroll .isotope-masonry-items {
	width: 1920px;
}
.portfolioFilter {
	text-align: center;
	margin-bottom: 60px;
}
.portfolio-item figure {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; 
	z-index: 0;
}
.portfolio-item.border-style {
	border:1px solid #bfbfbf;
	background: #dedede;
	padding: 4px;
}
.portfolio-item figure img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.portfolio-item figure img {
	width: 100%;
	max-width: inherit;
	border: transparent;
	-webkit-transition: -webkit-transform .3s  ease;
	-moz-transition: -moz-transform .3s  ease;
	-ms-transition: -ms-transform .3s  ease;
	-o-transition: -o-transform .3s  ease;
	transition: transform .3s  ease;
}
.portfolio-item .item-w2 {
	background: #ED9393;
	width: 60%;
}
.portfolio-item .item-h2 {
	background: #7CB744;
	height: 680px;
}
.portfolio-item .item-h3 {
	background: #38B5E5;
}
.portfolio-item,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;

	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
.portfolioFilter {
	clear: both;
	margin:auto;
	padding-bottom: 15px;
	text-align: center;
	width: auto;
}
.portfolioFilter a,
.portfolio-item,
.portfolio-item figure:after,
.portfolio-item figure:before,
.portfolio-item figure .item-description,
.portfolio-item figure .item-title,
.portfolio-item figure .item-category, 
.portfolio-item figure .item-link,
.portfolio-item figure .item-link:after,
figure .item-link a,
figure .item-link a:after,
figure .item-link a:before {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.portfolio-item,
.portfolio-item  .item {
	padding: 0px;
}
.portfolio-item figure:after {
	background-color: rgba(0, 161, 203, 0.71);
	content: "";
	display: inline-block;
	height: 100%;
	width: 100%;
	position: absolute;
	top:100%; 
	left: 0; 
	z-index: 1;
}
.portfolio-item figure:hover:after {
	background-color: rgba(0, 161, 203, 0.71);
	-webkit-animation: portfolioOverlay .5s; 
	-moz-animation: portfolioOverlay .5s; 
	-ms-animation: portfolioOverlay .5s; 
	-o-animation: portfolioOverlay .5s; 
	animation: portfolioOverlay .5s;
	top:52%;
	left: 0%; 
}
.portfolio-item figure .item-link:after {
	content: "";
	background-color: rgba(0, 161, 203, 0.71);
	border-radius: 20px 20px 0 0;
	position: absolute;
	width: 90px;
	height: 20px;
	top:100%;
	left: 50%;
	margin-left: -45px;
	z-index: 2;
}
.portfolio-item figure:hover .item-link:after {
	top:52%;
	margin-top: -20px; 
}

figure .item-link a {
	position: absolute;
	color: #ffffff;
	border-radius: 100%;
	border:1px solid #ffffff;
	display: inline-block;
	line-height: 28px; 
	font-size: 12px;
	width: 30px;
	height: 30px;
	top:100%; 
	left: 50%;
	text-align: center;
	z-index: 3;  
}
figure:hover .item-link a {
	top:52%;
	margin-top: -10px;
}
figure .item-link a.project-link {
	margin-left: -34px;
	-webkit-transition-delay:.25s;
	-moz-transition-delay:.25s;
	-ms-transition-delay:.25s;
	-o-transition-delay:.25s;
	transition-delay:.25s;
}
figure .item-link a.zoom-link {
	margin-left: 5px;
	-webkit-transition-delay:.35s;
	-moz-transition-delay:.35s;
	-ms-transition-delay:.35s;
	-o-transition-delay:.35s;
	transition-delay:.35s;
}
figure .item-link a:hover {
	top:52%;
	color: #00a1cb;
	background: #ffffff; 
}
.portfolio-item figure .item-description { 
	position: absolute;
	width: 100%;
	height: 120px;
	top:52%;
	margin-top: 80px;
	left: -20%;
	z-index: 2;
	padding: 0 15px;
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-ms-transition-delay: .25s;
	-o-transition-delay: .25s;
	transition-delay: .25s;
}
.portfolio-item figure:hover .item-description {
	margin-top: 20px;
	left: 0%;
}
.portfolio-item figure .item-title { 
	font-size: 1.125em;  
	bottom: 75px;
	-webkit-transition-delay: .45s;
	-moz-transition-delay: .45s;
	-ms-transition-delay: .45s;
	-o-transition-delay: .45s;
	transition-delay: .45s;
}
.portfolio-item figure .item-category { 
	font-size: 0.75em; 
	display: inline-block; 
	bottom: 55px;
	-webkit-transition-delay: .55s;
	-moz-transition-delay: .55s;
	-ms-transition-delay: .55s;
	-o-transition-delay: .55s;
	transition-delay: .55s;
}
.portfolio-item figure .item-title ,
.portfolio-item figure .item-category {
	position: absolute;
	color: #ffffff;
	text-align: center; 
	left: -100%;
	width: 100%; 
}
.portfolio-item figure:hover .item-title ,
.portfolio-item figure:hover .item-category { 
	left: 0; 
}
.portfolio-item figure .item-title {
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 5px;
} 

.portfolio-item figure .item-category .numbers:before { content: " - " }

.isotope-filters .btn {
	color: #2d2d2d;
}
.isotope-filters .btn.active, 
.isotope-filters .btn:hover,
.isotope-filters .bg-btn {
	color: #ffffff;
	border-color: #00a1cb;
	background: #00a1cb;
}

/* 4.1 - Portfolio V2
---------------------------------------------*/
.portfolio-item.v2 .item {
	padding: 0 15px 15px 15px; 
}
.portfolio-item.v2 figure {
	height: auto;
}
.portfolio-item.v2 figure .item-description {
	border-bottom: 2px solid #dedede;
	margin-top: 0;
}
.portfolio-item.v2 figure .item-description ,
.portfolio-item.v2 figure .item-title, 
.portfolio-item.v2 figure .item-category {
	position: inherit;
	top: inherit;
	left: inherit;
	right: inherit;
	bottom: inherit;
}
.portfolio-item.v2 figure .item-title, 
.portfolio-item.v2 figure .item-category {
	color: inherit;
	margin-top: 0;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.portfolio-item.v2 figure .item-title {
	padding-top: 40px; 
}
.portfolio-item.v2 figure .item-category {
	color: #aaaaaa;
}
.portfolio-item.v2 figure:hover .item-description {
	margin-top: inherit;
	top: inherit;
	border-bottom: 2px solid #00a1cb;
	-webkit-transition: border 0s ease;
	-moz-transition: border 0s ease;
	-ms-transition: border 0s ease;
	-o-transition: border 0s ease;
	transition: border 0s ease;
}
.portfolio-item.v2 figure:hover .item-title, 
.portfolio-item.v2 figure:hover .item-category{
	color: #ffffff;
}
.portfolio-item.v2 figure:hover:after {
	background: #00a1cb;
	top: 100%;
	margin-top: -120px;
}
.portfolio-item.v2 figure:hover .item-link:after {
	background: #00a1cb;
	top: 100%;
	margin-top: -140px;
}
.v2 figure:hover .item-link a {
	top: 100%;
	margin-top: -130px;
}
/* 4.1 - Portfolio V2 End
---------------------------------------------*/

/* 4.2 - Portfolio V3
---------------------------------------------*/
.portfolio-item.v3 {
	padding-top: 40px;
}
.portfolio-item.v3 .col-sm-6 {
	max-width: 450px;
	margin: auto;
}
/* 4.2 - Portfolio V3 End
---------------------------------------------*/


/* 4.3 - Portfolio V4
---------------------------------------------*/
.portfolio-item.v4 figure:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition-delay:.25s;
	-moz-transition-delay:.25s;
	-ms-transition-delay:.25s;
	-o-transition-delay:.25s;
	transition-delay:.25s;
}
.portfolio-item.v4 figure:after {
	top: 50%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	width: 0;
	height: 0; 
}
.portfolio-item.v4 figure:hover:after  {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%; 
}  
.portfolio-item.v4 figure:hover:before  { 
	border:1px solid #ffffff;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	width: auto;
	height: auto;  
	z-index: 2;
} 
.portfolio-item.v4 figure .item-link:after {
	background: #ffffff;
	height: 50px;
	border-radius: 25px;
}
.portfolio-item.v4 figure:hover .item-link a {
	border-color: #00a1cb;
	color: #00a1cb;
	margin-top: -35px;
}
.portfolio-item.v4 figure .item-link a:hover {
	color: #ffffff;
	background: #00a1cb;
}
.portfolio-item.v4  figure .item-link a.project-link {
	margin-left:-33px;
}
.portfolio-item.v4 figure .item-link:after {
	top:52%;
	opacity: 0;
}
.portfolio-item.v4 figure:hover .item-link:after {
	opacity: 1;
	margin-top: -45px;
}
/* 4.3 - Portfolio V3 End
---------------------------------------------*/

/* 4 - Portfolio Section End
------------------------------------------------------------------------*/




/* 5 - Features
---------------------------------------------------------------------- */
.item-container {
	padding-top: 30px;
}
.item-container:hover .icon {
	background:#00a1cb;
	border-color:#00a1cb;
	color: #ffffff; 
}
.item-container:hover .icon.inv {
	color: #00a1cb;
	background: transparent;
}
.item-container:hover .icon.icon-big {
	background:inherit;
	border-color:transparent;
	color:#00a1cb;
}
.item-container .feature-text {
	margin-left: 90px;
}
.item-container .feature-text .btn { 
	margin: 15px 5px 20px 0;
}
.item-container.v2 { 
	border: 1px solid #dedede;
	margin-top: 35px;
	padding: 40px 30px 30px 30px;
}
.item-container.v2:hover,
.item-container.v2 .icon {
	background: #00a1cb;
	border-color: #00a1cb;
	color: #ffffff;
}
.item-container.v2:hover .stripe-bfixw:before,
.item-container.v2:hover .stripe-bfixw:after {
	border-color: #ffffff;
}
.item-container.v2:hover .sub-title,
.item-container.v2:hover p {
	color: #ffffff;
}
.item-container.v2 .sub-title {
	color: #aaaaaa;
	font-size: 0.75rem;
}
.item-container.v2:hover .icon {
	background: #ffffff; 
	color: #00a1cb;
} 
.item-container.v3 .feature-text {
	margin-left: 0;
}
.item-container.v3 .icon {
	border-radius: 100%;
	line-height: 48px;
	font-size: 1rem;
	margin-bottom: 10px;
	width: 50px;
	height: 50px; 
} 
.btn.read-more.no-border:hover {
	color: #2d2d2d;
}
/* 5 - Features End
---------------------------------------------------------------------- */



/* 6 - Service
---------------------------------------------------------------------- */
.service-section {}
.item-container.service {}
.item-container.service .icon {
	width:40px;
	float: left;
	font-size: 1em;
	margin-top: 10px;
}
.item-container.service .icon.v2 {
	border-width: 2px;
	border-radius: 25px;
	height: 60px;
	line-height: 56px;
}
.item-container.service .service-text {
	margin-left: 60px;
	font-size: 14px;
}
.item-container.service .sub-title {
	color: #aaaaaa;
	font-size: 0.75rem; 
	margin-bottom: 15px;
}
.item-container.service .texts {
	color: #777777;
}
.item-container.service .feature-title {
	margin-bottom: 5px;
}
.item-container.service .feature-title a {
	color: #2d2d2d;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.item-container.service .feature-title:hover a{
	color: #00a1cb;
}
.item-container.service.v4 .feature-text {
	margin-left: 0;
}
.item-container.service.v4 .icon {
	width: 70px;
	border-color: #00a1cb;
	font-size:20px;
}
.item-container.service.v4 .service-text {
	margin-left: 100px;
}
/* 6 - Service End
---------------------------------------------------------------------- */



/* 7 - Operation
---------------------------------------------------------------------- */
.operation-title {
	margin-top: 30px;
}
.operation-title a {
	color: #ffffff;
}
.operation-title a:hover {
	color: #00a1cb;
}
.operation-title + p {
	color: #777777;
}
.item-container .arrow-circle,
.item-container .arrow-circle span {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.item-container:hover .arrow-circle {
	background:#00a1cb; 
}
.item-container .arrow-circle .hover-icon {
	font-size: 0;
}
.item-container:hover .arrow-circle .hover-icon {
	font-size: inherit;
}
.item-container:hover .arrow-circle .number {
	font-size: 0;
}
.operation .arrow-circle {
	margin-top: 20px;
}
/* 7 - Operation End
---------------------------------------------------------------------- */



/* 8 - Pricing
---------------------------------------------------------------------- */
.price-item {
	position: relative;
	margin-top: 85px;
	border-top:1px solid #dedede;
	padding-top: 80px;
	margin-bottom: 10px;
	z-index: 0; 
}
.price-item:after { 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	position: absolute;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	z-index: -1;
}
.price-item .price-box {
	position: absolute;
	border:1px solid #dedede;
	background:#ffffff; 
	height: 112px;
	width: 112px;
	left: 50%;
	top: -55px;
	margin-left: -56px;
	padding: 10px;
}
.price-item .inner {
	background: #1c1c1c;
	color: #ffffff;
	width: 100%;
	height: 100%; 
	padding-top: 20px; 
}
.price-item .inner,
.price-item:hover .featured,
.price-item .stripe-over {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
} 
.price-item .inner .currency,
.price-item .inner .price-number { 
	font-family: 'Oswald', sans-serif;
	font-size: 1.375rem;  
	font-weight: 700;
}
.price-item .inner .duration { 
	display: inline-block;
	font-size: 0.8125rem;
	width: 100%;
	text-align: center;
}
.price-item .featured + .stripe-over {
	padding-left: 20px;
	padding-right: 20px;
}
.price-item .featured.left {
	margin-right: -20px;
}
.price-item .featured.right {
	margin-left: -20px;
}
.price-item:hover .inner {
	background: #00a1cb;
}
.price-item:hover .featured,
.price-item:hover .stripe-over  {
	color: #00a1cb;
}
.price-item .item-description {
	list-style: none;
	padding-left: 0;
	font-size: 0.875rem;
	padding-top: 6px;
	padding-bottom: 10px;
}
.price-item .item-description li {
	padding: 6px 10px;
	line-height: 24px;
}
.price-item .btn { 
	border:0px solid transparent;
	color: #ffffff; 
	background: #1c1c1c;
}
.price-item .btn:hover {
	background: #00a1cb;
}
.price-item.v2 {
	background-color: #1c1c1c;
	margin-top: 35px;
	padding-top: 20px;
}
.price-item.v2 .stripe-over {
	color: #ffffff; 
	padding-bottom: 15px;
}
.price-item.v2:hover .stripe-over:after, 
.price-item.v2:hover .stripe-over:before,
.price-item.v2:hover .stripe-over:before, 
.price-item.v2:hover .stripe-full:before, 
.price-item.v2:hover .stripe-bfixw:before {
	border-color: #dedede;
}
.price-item.v2 .stripe-over:after, 
.price-item.v2 .stripe-over:before{
	bottom: -18px;
}
.price-item.v2 .btn {
	background: #00a1cb;
	text-transform: uppercase;
}
.price-item.v2 .price-box {
	background: #ffffff; 
	position: inherit;
	height: 90px;
	width: 90px;
	left: inherit;
	top: inherit;
	margin-left: inherit;
	margin-bottom: 15px;
	border-color: transparent;
	border-radius: 100%;
}
.price-item.v2 .inner {
	background: transparent;
	border-radius: 100%;
	color: #2d2d2d;
	padding: 0;
	padding-top: 8px;
}
.price-item.v2 .featured,
.price-item.v2 .item-description {
	color: #ffffff;
	text-transform: uppercase; 
}  
.price-item.v2 .item-description {
	font-family: "Oswald", sans-serif;
	font-weight: 300;
}
.price-item.v2 .stripe-full {
	margin-bottom: 50px;
}
.price-item.v2:hover {
	background: #ffffff; 
}
.price-item.v2:hover .featured,
.price-item.v2:hover .stripe-over,
.price-item.v2:hover .item-description  {
	color: #2d2d2d;
}
.price-item.v2:hover .price-box {
	background: #00a1cb;
}
.price-item.v2:hover .inner {
	color: #ffffff; 
}
.price-item.v2:hover .btn:hover {
	background: #1c1c1c;
}
.price-item.v2 .stripe-over:after, 
.price-item.v2 .stripe-over:before,
.price-item.v2 .stripe-over:before, 
.price-item.v2 .stripe-full:before, 
.price-item.v2 .stripe-bfixw:before {
	border-color: #292929;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.price-item.v2,
.price-item.v2 .featured,
.price-item.v2 .stripe-over,
.price-item.v2 .item-description, 
.price-item.v2 .btn  {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

/* 8 - Pricing End
---------------------------------------------------------------------- */



/* 9 - Client Testimonial 
---------------------------------------------------------------------- */
.testimonial-item {
	position: relative;
	margin-top: 70px;
}
.testimonial-item .client-img {
	position: absolute;
	left: 50%;
	width: 60px;
	height: 60px;
	background: #dedede;
	margin-top: -30px;
	margin-left: -30px;
	padding: 5px;
}
.testimonial-item .testimonial-txt {
	border:1px solid #dedede;
	border-bottom: 2px solid #00a1cb;
	padding: 45px 25px 5px 25px;
}
.testimonial-item .client-company {
	color: #aaaaaa;
	font-size: 0.6875rem;
}
.testimonial-item .client-company:before,
.testimonial-item .client-company:after {
	content: " - ";
}
.testimonial-item .testimonial-footer {
	padding-top: 8px;
}
.testimonial-item .client-rating {
	color: #00a1cb;
	padding-top: 8px;
}
/* 9 - Client Testimonial End
---------------------------------------------------------------------- */



/* 10 - Clients Logo Carousel 
---------------------------------------------------------------------- */
.logo-carousel .item { 
	width: 100%; 
	height: 100px; 
	padding:0px 10px; 
}
.logo-carousel .item .item-content { 
	width: 100%; 
	height: 100%; 
}
.logo-carousel .item .item-content a {
	border:1px solid #dedede;
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.logo-carousel .item .item-content a img {
	position: relative;
	top: 50%;
	opacity: 0.30;
	-webkit-backface-visibility: hidden;
	transform: translateY(-50%);
	-webkit-filter: grayscale(100%);
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.logo-carousel .item .item-content a:hover { border:1px solid #606060; }
.logo-carousel .item .item-content a:hover img { -webkit-filter: grayscale(0%); opacity: 1; }

.polygon-bg .logo-carousel .item .item-content a {
	border:1px solid rgba(41, 41, 41, 0.6);
	background: rgba(41, 41, 41, 0.6);
}
.polygon-bg .logo-carousel .item .item-content a:hover {
	border:1px solid rgba(41, 41, 41, 1);
	background: rgba(41, 41, 41, 1);
}
.logo-carousel-v2 {
	background: rgba(41, 41, 41, 0.6);
}
.polygon-bg .logo-carousel-v2 .logo-carousel .item .item-content a  {
	border:1px solid rgba(41, 41, 41, 0);
	background: rgba(41, 41, 41, 0);
}
/* 10 - Clients Logo Carousel  End
---------------------------------------------------------------------- */



/* 11 - Clients Review Carousel 
---------------------------------------------------------------------- */
.client-review-carousel {
	max-width:100%;
	overflow: hidden;
	margin: 25px auto;
	position: relative;
}
.client-review-carousel .ms-slide-info {
	position: inherit !important;
}
.client-review-carousel .client-review-slider {
	max-width: 350px;
	margin: 0 auto !important;
	overflow: hidden;
}
.client-review-carousel .ms-view {
	overflow: visible;
	background-color: transparent;
}
.client-review-carousel .client-review-nav {
	height: 20px;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
.client-review-carousel .client-review-nav .ms-nav-prev:before,
.client-review-carousel .client-review-nav .ms-nav-next:before {
	content: '\f104';
	font: normal normal normal 14px/1 FontAwesome;
	display: inline-block;
	position: absolute;
	font-size: 25px;
	left: -30px;
	-webkit-transition: .15s all ease;
	-moz-transition: .15s all ease;
	-ms-transition: .15s all ease;
	-o-transition: .15s all ease;
	transition: .15s all ease;
}
.client-review-carousel .client-review-nav .ms-nav-next:before {
	content: '\f105';
	left: auto;
	right: -30px;
}
.client-review-carousel:hover .client-review-nav .ms-nav-prev:before {
	left: 25px
}
.client-review-carousel:hover .client-review-nav .ms-nav-next:before {
	right: 25px;
}
.client-review-carousel .client-review-nav .ms-nav-prev:hover:before,
.client-review-carousel .client-review-nav .ms-nav-next:hover:before {
	color: #00a1cb;
	cursor: pointer;
}
.client-review-carousel .client-review-container {
	width: 100%;
	min-height:150px;
}
.clients-head .polygon-bg {
	background: url(../../images/client/clients-head.jpg);
}
.quote-icon {
	position: relative;
	width: 50px;
	height: 20px;
	display: inline-block;
}
.quote-left, 
.quote-right {
	font-size: 36px;
	position: absolute;
}
.quote-left { left: 15px; }
.quote-right { left: 0px; }
/* 11 - Clients Review Carousel  End
---------------------------------------------------------------------- */



/* 12 - Company Facts  
---------------------------------------------------------------------- */
.fact-item {
	padding-top: 35px;
}
.fact-item .fact-count {
	color: #2d2d2d;
	font-family: "Oswald", sans-serif;
	font-size: 4.375rem;
	font-weight: 700;
	line-height: 70px;
}
.fact-item .fact-details {
	font-weight: 500;
	font-family: "Roboto", sans-serif;
}
.fact-item .fact-icon {
	font-size: 50px;
	color: #00a1cb;
}
/* 12 - Company Facts  End 
---------------------------------------------------------------------- */



/* 13 - Blog Post Container
---------------------------------------------------------------------- */ 
.post-container .item {
	padding: 0 15px;
}
article.post .post-thumbnail {
	padding: 5px;
	background: #dedede;
	border:1px solid #bfbfbf;
	position: relative;
}
article.post .post-thumbnail .item {
	padding: inherit;
}
article.post .post-thumbnail .slide-nav {
	opacity: 0;
	color: #00a1cb;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	position: absolute;
	background: rgba(255,255,255,.7);
	z-index: 2;
	display: inline-block;
	text-align: center;
	line-height: 50px; 
}
article.post:hover .post-thumbnail .slide-nav { opacity: 1; }
article.post .post-thumbnail .slide-nav:hover { background: rgba(255,255,255,1); }
article.post .post-thumbnail .slide-nav.left  { left: -6px; }
article.post .post-thumbnail .slide-nav.right { right: -6px; } 
article.post .post-thumbnail img { width: 100%; }

article.post .carousel-indicators .active,
article.post .carousel-indicators li {
	border-radius: 0;
	width: 14px;
	height: 14px;
	margin: 2px; 
}
article.post .entry-title {
	font-size: 1.125rem;
	margin-top:30px;
	margin-bottom: 14px;
}
article.post .entry-title a { color: #2d2d2d;  }
article.post .entry-title a:hover { color: #00a1cb; }

article.post .entry-meta {
	position: relative;
	padding-bottom: 85px;
}
article.post .category a,
article.post .post-date,
article.post .comments-link a {
	color: #aaaaaa;
	font-size: 0.875em;
}
article.post .comments-link a{
	margin-left: 10px;
}
article.post .category a:hover,
article.post .comments-link a:hover {
	color: #00a1cb;
}
article.post .post-format,
article.post .entry-date {
	position: absolute;
	display: inline-block;
	border-radius: 100%;
	border: 1px solid #00a1cb; 
	height: 52px;
	width: 52px;
	left: 50%;
	bottom: 15px;
	text-align: center; 
}
article.post .post-format {
	color: #00a1cb;
	margin-left: -45px;
	line-height: 48px;
	font-size: 20px;
}
article.post .entry-date {
	font-size: 12px;
	color: #ffffff;
	margin-right: -45px;
	background-color: #00a1cb;  
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
article.post .entry-date time {
	display: inline-block;
	padding-top: 7px;
	line-height: 16px;
}
article.post .entry-content p {
	color: #777777;
}
.entry-content .btn-container {
	padding-top: 12px;
}
.post-slider-btn {
	position: absolute;
	top: 18px;
	width: 100px;
	background: #ffffff;
	right: 0;
}
.v2 .post-slider-btn {
	position: inherit;
	width: 100%;
	padding-bottom: 40px;
}
.post-slider-btn .next,
.post-slider-btn .prev {
	height: 30px;
	min-height: 30px;
	width: 30px;
	line-height: 16px;
	margin-right: 0;
}
.v2 article.post .entry-meta {
	position: inherit;
}
.v2 article.post .post-content-box {
	position: relative;
}
.v2 article.post .entry-date { 
	bottom: inherit;
	top: -70px;
	left: 0;
	width: 100%;
	border: 0px solid transparent;
	background: transparent; 
	height: auto;
	border-radius: 0; 
	opacity: 1;
}
.v2 article.post:hover .entry-date {
	opacity: 0;
}
.v2 article.post .entry-date time {
	background: #ffffff; 
	border-top: 2px solid #00a1cb;
	color: #2d2d2d;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding: 0 20px;
}
.v2 article.post .entry-meta {
	padding-bottom: 0;
}  
.timeline-style .single-post {
	position: relative; 
	padding-bottom: 30px;
	z-index: 0;
} 
.timeline-style .single-post:before {
	content: "";
	position: absolute;
	top: -10px; 
	width: 20px; 
	height: 1px; 
	background: #dedede; 
	z-index: 2; 
}
.timeline-style .single-post.left-side:before { right: -14.5px; }
.timeline-style .single-post.right-side:before { left: -14.5px; }

.timeline-style .single-post:after {
	content: "";
	position: absolute;
	top: -10px; 
	bottom: -40px; 
	width: 1px; 
	background: #dedede;
	z-index: 2; 
}
.timeline-style .single-post.left-side:after {
	right: -15px;
}
.timeline-style .single-post.right-side:after {
	left: -16px;
}
.loca-more-container {
	position: relative;
	z-index: 0;
}
.loca-more-container:before {
	content: ""; 
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	border-top: 1px solid #dedede;
}
.loca-more-container:after {
	content: ""; 
	position: absolute;
	top: -15px;
	left: 50%; 
	margin-left: -1px;
	height: 120px;
	width: 1px;
	background: #dedede;
	z-index: -1;
}
.loca-more-container .load-more {
	background-color: #2d2d2d;
	border-radius: 100%;
	color: #ffffff;
	display: inline-block;
	font-family: "Oswald", sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 17px;
	width: 70px;
	height: 70px; 
	padding: 18px 10px;
	text-transform: uppercase;  
}
.project-like {
	width: 32px;
	display: inline-block;
}
a.cc-love {
	display: block;
	width: 32px;
}
/* 13 - Blog Post Container End
---------------------------------------------------------------------- */



/* 14 - latest work 
---------------------------------------------------------------------- */
.latest-work { }
.latest-work  .share-box {
	clear: both;
	display: inline-block;
	width: 100%; 
	padding: 40px 0;
}
.latest-work .share-title { color: #ffffff; }
.dark-bg .share-title { color: #ffffff; }
.dark-bg p { color: #aaaaaa; }

.share-box.v2.black a {
	background: #000000;
	color: #ffffff;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
}
.hero-banner .share-box.v2.black a {
	background: transparent;
}
.hero-banner .share-box.v2.black a:hover,
.share-box.v2.black a:hover {
	background: #00a1cb;
}
.share-box.v2.black {
	margin-top: 5px;
	background: #fff;
	z-index: 55;
	position: absolute;
	right: 0;
	padding-left: 10px;
	padding-right: 15px;
}


/* 14 - latest work End
---------------------------------------------------------------------- */



/* 15 - Project 
---------------------------------------------------------------------- */
.project-description p,
p.project-description {
	margin-bottom: 25px;
}
.stripe-full .project-like {
	color: #00a1cb;
	position: absolute;
	right: 0;
	top: 0;
} 
.project-meta {
	padding-left: 0;
}
.project-meta li {
	color: #606060;
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
}
.project-meta li:last-child{
	border-bottom: none;
}
.project-meta li:first-child{
	padding-top: 0;
}
.project-meta .meta-icon,
.project-meta .meta-icon {
	color: #606060;
	font-size: 14px;
	padding-right: 5px;
} 
.project-meta .meta-text{
	color: #777777;
	font-size: 14px;
} 
/* 15 - Project  End
---------------------------------------------------------------------- */



/* 16 - Footer Section
---------------------------------------------------------------------- */
.site-footer {
	background: #202020;
	z-index: 0;
}
.site-footer:before {
	position: absolute;
	content: "";
	top: -5px;
	left: 0;
	right: 0;
	height: 1px;
	width: 100%;
	background: #bfbfbf;
	display: inherit;
	z-index: 1;
}
.fw-top-stripe {
	margin-top: 5px;
	border-bottom: 1px solid #292929;
}
.fwt-stripe-inner {
	max-width: 1170px;
	margin: auto;
	height: 5px;
	margin-bottom: -3px;
	border-top: 1px solid #292929;
	border-bottom: 1px solid #292929;
}
/* Footer Comon Top */
.footer-top-common {
	background-color: #1c1c1c;
	padding: 15px 0 5px 0; 
	border-top: 1px solid #232323;
	position: relative;
}
.footer-top-common .social-icons {
	margin-top: 5px;
}
.footer-container {
	background: #1c1c1c;
	border-top:2px solid #00a1cb;
	min-height: 80px; 
	max-width: 1200px;
	margin: auto;
	padding-top: 30px;
}
.footer-menu li {
	float: left;
	list-style: none; 
} 
.copyrights, 
.footer-menu li {
	font-size: 14px;
}
.copyrights,
.copyrights a,
.footer-menu li a {
	color: #ffffff;
	display: inline-block;
}
.footer-menu li a {
	padding: 0 15px; 
	border-right:1px solid #292929;
}
.footer-menu li:last-child a{
	border:none;
} 
.copyrights a:hover,
.footer-menu li a:hover {
	color: #00a1cb;  
}
/* 16 - Footer Section End
----------------------------------------------------------------------*/ 




/* 17 - Pages
---------------------------------------------------------------------- */
/* 17.1 - Blog Page
---------------------------------------------*/ 
.blog-page .pagination { margin-top: 50px; }
.blog-page.left-sidebar .pagination { margin-right: 10px; }
.blog-page.right-sidebar .pagination { margin-left: 15px; }

.social-icons .big-icon {
	display: inline-block;
	width: 88px;
	height: 120px;
	border: 1px solid #dedede;
	text-align: center;
}
.big-icon .icon {
	font-size: 30px;
	border: none;
	display: block;
	width: auto;
	height: auto;
	margin-bottom: 0;
	line-height: 62px;
}
.big-icon .count {
	display: block;
	font-size: 14px;
}
.big-icon .count-name {
	display: block;
	font-size: 13px;
	font-weight: 700;
}
.big-icon .count, .big-icon .count-name {
	color: #606060;
}
.big-icon:hover {
	background: #00a1cb;
	border: 1px solid transparent;
}
.big-icon:hover .icon, 
.big-icon:hover .count,
.big-icon:hover .count-name {
	color: #ffffff;
}
.blog-timeline .entry-meta.top-meta {
	z-index: 9;
}
.blog-timeline .entry-meta.top-meta:before {
	content: "";
	border-bottom: 1px solid #ddd;
	position: absolute;
	width: 100%;
	top: -10px;
	display: block;
	z-index: -9;
}
.blog-timeline article.post .post-format {
	background: #fff;
	z-index: -8;
}
.blog-timeline article.post .entry-meta {
	padding-bottom: 30px;
}
.classic-02 .post-thumbnail.striped-section .striped-icon {
	top: inherit;
	bottom: -33px;
	left: inherit;
	right: 20px;
	line-height: inherit;
}
.classic-02 article.post .entry-meta.left-meta .post-format, 
article.post .entry-meta.left-meta .entry-date {
	bottom: inherit;
}
.classic-02 article.post .entry-meta.left-meta .entry-date {
	left: 30px;
	right: inherit;
}
.classic-02 article.post .entry-meta.left-meta .post-format {
	bottom: -67px;
	right: inherit;
	left: 75px;
}
.blog-page audio, .blog-page video {
	width: 100%;
}
.quote-post {
	background: #ffffff;
	padding: 20px;
}
.quote-post:before {
	content: "\f10d";
	color: #00a1cb;
	display: inline-block;
	font: normal normal normal 30px/1 FontAwesome;
	float: left;
	display: block;
	overflow: hidden;
	margin-right: 15px;
}
.quote-content, .post-thumbnail .tweet {
	display: block;
	overflow: hidden;
}
.quote-name p{
	color: #00a1cb;
	font-style: italic;
	font-weight: 700;
}
.post-thumbnail .twitter-feeds:before {
	content: "\f099";
	color: #ffffff;
	display: inline-block;
	font: normal normal normal 30px/1 FontAwesome;
	float: left;
	display: block;
	overflow: hidden;
	margin-right: 15px;
}
.post-thumbnail .twitter-feeds {
	background: #00a1cb;
	padding: 20px;
}
.post-thumbnail .tweet p, .post-thumbnail .tweet a {
	color: #ffffff;
	font-size: 14px;
}
.post-thumbnail .tweet-time p{
	font-size: 12px;
	font-style: italic;
}
.post-thumbnail .share-box {
	padding: 40px 0;
}
.post-thumbnail .share-box a {
	color: #ffffff;
}
.post-thumbnail .share-box a:hover {
	color: #00a1cb;
}
.blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .entry-date {
	left: 10px;
}
.blog-timeline.classic-02.blog-rows article.post .entry-meta.left-meta .post-format {
	left: 55px;
}
.blog-page .post-content-box .project-like {
	margin-top: 58px;
}
.blog-page .post-content-box .project-like {
	margin-top: 59px;
	color: #00a1cb;
}
.blog-page .share-box.dark-bg {
	color: #ffffff;
}

.project-like a.loved .fa-heart-o:before {
	content: "\f004";
}

/* 17.1.1 - Post Comment
---------------------------*/ 
.comment-area ol {
	padding-left: 0;
	list-style: none;
}
.comment-area .comment-author {
	display: block;
	overflow: hidden;
	margin-right: 30px;
}
.comment-area .comment-body-right {
	display: block;
	overflow: hidden;
}
.comment-metadata .fn {
	display: block;
}
.comment-metadata .fn a, .reply a {
	font-size: 14px;
	color: #2d2d2d;
}
.comment-metadata .fn a:hover, .reply a:hover {
	color: #00a1cb;
}
.comment-metadata time {
	font-size: 12px;
	color: #aaaaaa;
	font-style: italic;
}
.comment-area .reply a {
	font-weight: 700;
}
.comment-content {
	margin-top: 15px;
}
.comment-area .children {
	margin: 30px 0 30px 100px;
}
.comment-area .left-form {
	width: 45%;
}
.comment-area .right-form {
	width: 50%;
}
/* 17.1.1 - Post Comment End
---------------------------*/  
/* 17.1 - Blog Page End
---------------------------------------------*/ 


/* 17.2 - About Us Page
---------------------------------------------*/ 
.li-square {
	list-style: none;
	padding-left: 0;
}
.li-square li {
	color: #606060;
	display: block;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 12px;
}
.li-square li:before {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	border: 2px solid #00a1cb;
	margin-right: 10px;
}
.li-square li:hover {
	color: #00a1cb;
}
.li-square li:hover:before {
	background: #00a1cb;
}
.about-description p {
	margin-bottom: 25px;
}
.about-page .tv1 .nav-tabs>li:first-child {
	margin-left: 0px; 
}
.callout-content.dark-bg .callout-title {
	margin-top: 7px;
	color: #ffffff;
}
.hire-me {
	background: #ffffff;
	color: #606060;
}
.v2 .testimonial-item .testimonial-txt {
	border: 0;
	border-bottom: 0;
}
.v2 .testimonial-item .testimonial-footer {
	text-align: center;
}
.about-description .designation {
	color: #aaaaaa;
	margin-left: 5px;
}
/* 17.2 - About Us Page End
---------------------------------------------*/ 


/* 17.3 - Faq Page
---------------------------------------------*/ 
.circle-or {
	font-size: 16px;
	font-weight: 700;
	color: #00a1cb;
	text-transform: uppercase;
	width: 40px;
	height: 40px;
	border: 1px solid #00a1cb;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 37px;
	margin: 8px auto;
} 
/* 17.3 - Faq Page End
---------------------------------------------*/ 


/* 17.4 - Contact Page
---------------------------------------------*/ 
.google-map-container {
	width: 100%;
	height: 200px;
}
.google-map-container img {
	max-width: inherit;
	height: inherit;
}
.contact .item-container.v2:hover a {
	color: #ffffff;
}
.contact .form-control {
	margin-bottom: 22px;
}
.contact.v2 .google-map-container {
	width: 100%;
	height: 500px;
}
.contact.v2 .map-container {
	position: relative;
}
.contact.v2 .contact-form {
	width: 370px;
	padding: 20px 30px 40px;
	background: #ffffff;
	position: absolute;
	top: 40px;
}
.contact.v2 .form-control {
	margin-bottom: 10px;
}

/*Error */
.error { 
	display: none; 
	padding:10px; 
	margin:0 0 5px 0;
	color: #D8000C; 
	font-size:12px;
	background-color: #FFBABA;
}
.success { 
	display: none; 
	padding:10px; 
	color: #044406; 
	font-size:12px;
	background-color: #B7FBB9;
}
.error img,
.success img {
	margin-right: 10px;
} 

/* 17.4 - Contact Page End
---------------------------------------------*/ 



/* 17.5 - Portfolio Page
---------------------------------------------*/  
.portfolio-images.border-style {
	border: 1px solid #bfbfbf;
	background: #dedede;
	padding: 4px;
}
.portfolio-images.border-style-top {
	border-top: 1px solid #bfbfbf;
	background: #dedede;
	padding-top: 4px;
}

.portfolio-row-3 .col-md-6{
	position: relative;
}
.portfolio-row-3 .left-img-full,
.portfolio-row-3 .right-img-full {
	width: 100%;
	position: absolute; 
	top: 0;
	display: table;
}
.portfolio-row-3 .left-img-full{
	right: 15px;
}
.portfolio-row-3 .right-img-full {
	left: 15px;
} 
.numbers a {
	color: #fff;
}
@media (max-width: 1200px){
	.portfolio-row-3 .left-img-full,
	.portfolio-row-3 .right-img-full {
		position: inherit;
		left: inherit;
		right: inherit;
		top: inherit;
		display: inline-block; 
	}
}

/* 17.5 - Portfolio Page End
---------------------------------------------*/ 



/* 17.6 - Shop Page
---------------------------------------------*/  
/* Global Class 02. Colors */
.highlighted { 
	color:#00a1cb; 
}

/* Global Class 03. Background, overlay and pattern */
.overlay-effects {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	top: 0px;
}
.box-pattern {
	background-image: url(../images/pattern/box.png);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center;
}
/* Global Class 04. Middle Text Overlay */
.display-table-middle { 
	display: table; 
	margin: 0 auto; 
	height: 100%; 
}
.inside-content { 
	display: table-cell; 
	vertical-align: middle; 
}

/* Margins */
.margin-minus-15 { 
	margin-left: -15px; 
	margin-right: -15px; 
}

/*Form Element*/
.special-select {
	overflow: hidden;
	border: 1px solid #dedede;
	position: relative;
}
.special-select.min-width {
	min-width: 250px;
}
.special-select:after {
	content: "\f107";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	background: #fff;
	text-align: center;
	line-height: 40px;
	border: 1px solid #dedede;
	pointer-events: none;
}
.special-select select, .woocommerce-ordering select {
	background: transparent;
	padding: 8px;
	width: 110%;
	border-color: transparent;
	font-size: 14px;
}
.special-select select:hover {
	cursor: pointer;
}
.special-select select:focus {
	outline-color: transparent;
} 
.section-head { 
	margin-bottom: 30px; 
	position: relative;
}

/* 17.6.1 - Hero Banner 
---------------------------*/ 
#hero-banner {}
.hero-banner { 
	position: relative; 
}
.hero-banner-bg {
	/*background-image: url('../../images/banner/portfolio.jpg');*/
	background-attachment: fixed;
	background-size: cover;
}
.hero-image { 
	max-width: 100%; 
}
.hero-banner .hero-caption {
	position: absolute;
	top:0;
	width:100%;
	height:100%;
	color:#FFF;
}
.caption-content .caption-subtext {
	font-size:16px;
	font-weight:300;
	margin:0px;

}
.caption-content .caption-title {
	font-size:56px;
	font-weight:700;
	margin:0px;
}

/*About Social Button*/
.hero-banner .share-box.v2.black {
	background: inherit;
	position: inherit;
	right: inherit;
	text-align: center;
}
.hero-banner .share-box.v2.black a {
	border: 1px solid #ffffff;
	line-height: 28px;
}
.hero-banner .share-box.v2.black a:hover {
	border: 1px solid #00a1cb;
}

/* Overlay Effects */

/* Next Section Button */
.next-btn {
	display:block;
	display:table;
	margin:0 auto;
}
.next-btn .next-section {
	background: transparent;
	border:1px solid #00a1cb;
	border-radius:50%;
	display:block;
	cursor: pointer;
	position:relative;
	width:60px;
	height:60px; 
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.next-btn .next-section:focus {
	outline: none;
}
.next-btn .next-section span { 
	display:none; 
}
.next-btn .next-section:before {
	content:"\f103";
	font-family:FontAwesome;
	font-size:20px;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-7px;
	margin-top:-13px;
	color:#00a1cb
}
.next-btn .next-section:hover { 
	border-color: #FFF; 
}
.next-btn .next-section:hover:before {
	color:#FFF; 
}

/* Next Section Button Margin */
.inside-content .next-btn { 
	margin-top: 60px; 
}

/* Page Header */
.site-page-header {
	position: relative;
	color:#FFF;
	border-bottom: 5px solid #dedede;
}
.site-page-header:after {
	content:"";
	width:100%;
	height:1px;
	background-color: #bfbfbf;
	position: absolute;
	bottom: -5px;
}
.site-page-header .page-header-content { 
	position: relative; 
	padding: 40px 0; 
}
.page-title { 
	font-size: 34px; 
	font-weight: 700; 
}
.page-description { 
	font-size: 22px; 
	font-weight: 300; 
}

/* Site Breadcrumbs */
.site-breadcrumb {
	position: relative;
	z-index: 3;
	bottom: -5px;
	border-top: 2px solid #00a1cb;
}
.site-breadcrumb .breadcrumb {
	background-color: #FFF;
	border-radius: 0px;
	margin-bottom: 0px;
	font-size: 14px;
}
.site-breadcrumb .breadcrumb>li>a { 
	color: #606060; 
}
.site-breadcrumb .breadcrumb>li.active { 
	color: #00a1cb; 
}
.breadcrumb>li+li:before {
	content: "\f138";
	font-family: FontAwesome;
	color:#606060;
}
.breadcrumb>li {
  color: #525252;
}
/* 17.6.1 - Hero Banner End
---------------------------*/ 


/* 17.6.2 - Product Single
---------------------------*/  
.product-item { 
	margin-bottom: 60px;
	position: relative;
}
.owl-wrapper .product-item {
	margin: 0 15px;
}
.sale-badge {
	width: 105px;
	height: 105px;
	background-color: #00a1cb;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: -50px;
	right: -50px;
	z-index: 3;
}
.sale-badge span {
	position: absolute;
	bottom: 5px;
	left: 38px;
	right:auto;
	font-size:16px;
	font-family: 'Oswald', sans-serif;
	color: #FFF;
}
.product-item .product-image {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #bfbfbf;
	overflow: hidden;
}
.product-item .product-image:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	border: 4px solid #dedede;
	z-index: 5;
	pointer-events:none;
}
.product-item .product-image .quick-view {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border:4px solid transparent;
	top: -100%;
	background-color: rgba(0, 0, 0, 0.60 );
}
.product-item .product-image:hover .quick-view { 
	top: 0px; 
}
.product-image .quick-view span { 
	display: none; 
}
.product-image .quick-view:before {
	content: "\f00e";
	font-family: FontAwesome;
	font-size: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -22px;
	color:#FFF;
}
.product-image .quick-view:hover:before { 
	top: 50%; left: 50%; 
}
.product-item .product-image .thumb img { 
	width: 100%; 
}
.product-item .product-title,
.product-item .product-rating { 
	width: 250px; 
}
.owl-item .product-title {
  width: 180px;
}
span.price.product-price {
	width: 120px;
}
.product-item .product-title { 
	font-size: 18px; 
}
.product-item .product-rating { 
	color:#00a1cb; font-size: 12px; 
}
.product-item .product-price {
	font-size: 25px;
	font-weight: 800;
	position: absolute;
	right: 0px;
	width: 80px;
	text-align: right;
	top: 0px;
}
.product-action a {
	display: inline-block;
	border:1px solid #dedede;
	width: 40px;
	height: 40px;
	border-radius: 0px;
	position: relative;
	color:#606060;
	font-size: 14px;
	line-height: 25px;
	margin:2px;
}
.product-action a:hover { 
	color:#00a1cb; 
}
.product-action a.add-to-cart {
	width: auto;
	border-color: #00a1cb;
	color:#00a1cb;
	padding-left: 31px;
	padding-right: 31px;
	width: 165px;
}
.product-action a.add-to-cart:hover { 
	color:#FFF; background: #00a1cb; 
}
.product-action a:before { 
	font-family: FontAwesome; 
}
.product-action a {
	position: relative;;
}
.product-action a span { 
	position: absolute; 
	top: 0px;
	left: -21px; 
	line-height: 10px;
	width: 80px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.product-action a:hover span {
	top: -30px;
	opacity: 1;
}
.product-action a span  i {
	border:1px solid #dedede;
	padding: 5px 10px;
	background: white;
	border-radius: 4px;
} 
.product-action a span :after  {
	content: "";
	position: absolute;
	top: 18px;
	left: 34px;
	height: 12px;
	width: 12px;
	border-style: solid;
	border-width: 6px 6px 6px 6px;
	border-color: white transparent transparent transparent ;
} 
.product-action a span :before  {
	content: "";
	position: absolute;
	top: 19px;
	left: 34px;
	height: 12px;
	width: 12px;
	border-style: solid;
	border-width: 6px 6px 6px 6px;
	border-color: #dedede transparent transparent transparent ;
}
.product-category-group .product-category {
	border:1px solid #dedede;
	border-radius:0px;
	border-bottom: 1px solid #dedede;
	margin-bottom: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.product-category-group .product-category .parent-cat-name {
	color:#606060;
	font-size:13px;
	font-weight:700;
	line-height: 25px;
	position:relative;
	display:inline-block;
	width:100%;
	padding:0px 15px;
	line-height: 40px;
}
.product-category-group .product-category .parent-cat-name:after {
	content:"\f0d8";
	font-family: FontAwesome;
	position:absolute;
	right:0px;
	width: 40px;
	text-align:center;
	border-left:1px solid #DEDEDE;
}
.product-category-group .product-category .parent-cat-name.collapsed:after { 
	content:"\f0d7"; 
}
.product-category-group .product-category .product-category-content { 
	border-top:1px solid #dedede; 
}
.product-category-group .product-category .sub-cat-items { 
	padding:20px; 
}
.product-category-group .product-category .sub-cat-items li { 
	list-style:none; 
}
.product-category-group .product-category .sub-cat-items li a {
	display:inline-block;
	font-size:13px;
	color:#606060;
	font-weight:700;
}
.product-category-group .product-category .sub-cat-items li a:hover { 
	color:#00a1cb; 
}
.product-category-group .product-category .sub-cat-items li a:before {
	content:"";
	width:9px;
	height:9px;
	display:inline-block;
	border:1px solid #00a1cb;
	margin-right: 10px;
}
.product-category-group .product-category .sub-cat-items li a:hover:before { 
	border:1px solid #00a1cb; 
	background-color:#00a1cb; 
}

/* 17.6.2 - Product Single End
---------------------------*/ 


/* 17.6.3 - Product Carousel 
---------------------------*/ 
.product-carousel { 
	position:relative; 
}
.product-carousel .item-caption h2, .product-carousel .item-caption p { 
	margin:0px; 
	padding:0px; 
}
.product-carousel .item-caption a {
	color:#FFF;
}
.product-carousel .item-caption {
	background-color:#1c1c1c;
	padding:10px;
	text-align:center;
	color:#FFF;
}
.product-carousel .item-caption p {
	font-size:14px;
	font-weight:300;
	font-family:'Oswald', sans-serif;
	color:#FFF;
	text-transform:uppercase;
}
.product-carousel-indicators { 
	bottom:70px; 
}
.product-carousel-indicators li {
	display:inline-block;
	background-color:#bbbbbb;
	border-radius:0px;
}
.product-carousel-indicators li,
.product-carousel-indicators li.active {
	border:1px solid #FFF;
	width:15px; 
	height:15px; 
	margin: 0px;
	padding: 0; 
}
.product-carousel-indicators li.active { 
	background-color:#00a1cb; 
}
/* 17.6.3 - Product Carousel End
---------------------------*/ 


/* 17.6.4 - Circle Skills Items
---------------------------*/
.circle-skill-items { 
	overflow: hidden; 
	text-align: center;
}
.circle-skill-items .skill-item {
	font-family:'Oswald', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	display: inline-block;
	margin:0px 10px;
}
.circle-skill-items .skill-item .skill-percent {
	width:60px;
	height:60px;
	border:1px solid #dedede;
	border-radius:50%;
	text-align:center;
	font-size:24px;    
	line-height:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -30px;
	margin-left: -30px;
}
.polygon-bg .circle-skill-items .skill-item .skill-percent {
	border:1px solid #292929;
}
.circle-skill-items .skill-item .skill-name {
	position:absolute;
	bottom: 0px;
	width:100%;
	text-align:center;
	font-size:16px;
}
/* 17.6.4 - Circle Skills Items End
---------------------------*/


/* 17.6.5 - Product Images Slide
---------------------------*/ 
.flexslider.product-images,
.flexslider.product-image-thumbs {
	border-radius:0px;
	box-shadow:none;
	border: 1px solid #bfbfbf;
	margin-bottom:20px;
	border-radius: 0px;
	background-color:#dedede;
}
.flexslider.product-image-thumbs .flex-viewport { 
	padding:0 42.5px; 
}
.flexslider.product-image-thumbs:before,
.flexslider.product-images:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	border: 4px solid #dedede;
	z-index: 5;
	pointer-events:none;
}
.flexslider.product-image-thumbs .slides > li {
	position: relative;
	padding: 2.5px;
	overflow: hidden;
	opacity: 0.65;
}
.flexslider.product-image-thumbs .slides > li.flex-active-slide { 
	opacity:1; 
}
.flexslider.product-image-thumbs .slides > li:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 161, 203, 0.8);
	top: -100%;
}
.flexslider.product-image-thumbs .slides > li:after {
	content:"\f00e";
	font:normal normal normal 20px/1 FontAwesome;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-10px;
	color:#FFF;
	left:-100%;
}
.flexslider.product-image-thumbs .slides > li:hover { 
	cursor: pointer; 
}
.flexslider.product-image-thumbs .slides > li:hover:before { 
	top:0; 
}
.flexslider.product-image-thumbs .slides > li:hover:after { 
	left:50%; 
}
.flexslider.product-image-thumbs .flex-direction-nav li {
	position: absolute;
	height: 100%;
	top: 0;
	background-color: #1c1c1c;
}
.flexslider.product-image-thumbs .flex-direction-nav li:last-child { 
	left: auto; 
	right: 0px; 
}
.flexslider.product-image-thumbs .flex-direction-nav li:hover { 
	background-color:#00a1cb; 
}
.flexslider.product-image-thumbs .flex-direction-nav li a {
	position:relative;
	opacity:1;
	filter:alpha(opacity=1);
	top:50%;
	left:0px;
	color:#FFF;
	text-shadow:none;
	height:30px;
	margin:-15px 0 0;
	text-align: center;
}
.flexslider.product-image-thumbs .flex-direction-nav .flex-disabled { 
	opacity: 1!important; 
	filter:alpha(opacity=1); 
	cursor: pointer; 
}
.flexslider.product-image-thumbs .flex-direction-nav li a:before { 
	font-size:24px; 
}

/* 17.6.5 - Product Images Slide End
---------------------------*/


/* 17.6.6 - Product Content Area
---------------------------*/ 
.product-single-head .product-title { 
	margin: 0; 
	margin-bottom: 15px; 
}
.product-single-head .product-price {
	font-size: 30px;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	text-align: right;
}
.product-single-head .product-rating { 
	text-align: right; 
	color: #00a1cb; 
}
.product-single-head .product-review { 
	font-size: 13px; 
	font-style: italic; 
}

/* Product Details */
.product-details { 
	padding-top: 10px; 
}
.product-details h3 { 
	margin-top: 0; 
	margin-bottom: 20px; 
	font-size: 18px; 
}
.product-meta-items { 
	padding: 0; 
}
.product-meta-items .meta-item {
	list-style-type: none;
	color: #777777;
	font-size: 14px;
	margin: 5px 0;
}
.product-meta-items .meta-item > span {
	display: inline-block;
	text-transform: uppercase;
	margin-right: 15px;
	color: #606060;
	font-weight: 700;
}

/* Product Customize */
.product-customize > div {
	display: inline-block;
	width: 48.4%;
}
.product-content .product-customize > div {
	margin-top: 7px;
}
.product-customize > div:first-child {
	margin-right: 2%;
}

/* 17.6.6 - Product Content Area End
---------------------------*/


/* 17.6.7 - Product Order Cart
---------------------------*/

.product-quantity {
	overflow: hidden;
	border:1px solid #dedede;
	margin-bottom: 0px;
	height: 37px;
	/* float: left; */
	position: relative;
} 
.product-quantity button {
	border: 0px;
	background: transparent;
	color: #606060;
	padding: 10px 15px;
	position: absolute;
	top:0px;
}
.product-quantity button.minus { 
	border-right: 1px solid #dedede; 
	left:0px;
}
.product-quantity button.plus { 
	border-left: 1px solid #dedede; 
	right:0px; 
}
.product-quantity input {
	padding: 6px 0px;
	border: 0px;
	background-color: transparent;
	width: 100%;
	text-align: center;
}
.product-quantity input:focus,
.product-quantity button:focus { 
	outline: none; 
}
.product-quantity button { 
	font: normal normal normal 14px/1 FontAwesome; 
}
.product-quantity input:last-child { 
	border-right: 0px; 
}
.product-adding-cart .product-quantity { 
	width: 25%; 
}
.product-order-action { 
	float:left; 
	width: 75%;
}
.product-order-action button {
	margin: 0;
	margin-left: 15px;
	width: auto;
	border-color: #1c1c1c;
	color:#FFF;
	background: #1c1c1c;
	padding: 7px 0px;
	text-align:center;
	width: 38%;
}
.product-order-action button:last-child { 
	width: 50%; 
}
.product-order-action button:hover { 
	color:#FFF; 
	background-color: #00a1cb; 
	border-color: #00a1cb; 
}
.product-order-action button > i { 
	margin-left: 10px; 
}

/* 17.6.7 - Product Order Cart End
---------------------------*/


/* 17.6.8 - Product Share
---------------------------*/ 
.product-share { 
	position: relative; 
}
.product-share .social-icons {
	position: absolute;
	right: 0px;
	top: 0px;
	background: #FFF;
	padding-left: 10px;
}

/* Social Icons */
.soical-icon-list li > a {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-color: #1c1c1c;
	color:#FFF;
	position: relative;
	overflow: hidden;
}
.soical-icon-list li > a:hover { 
	background-color: #00a1cb; 
}
.soical-icon-list li > a i {
	font-size: 16px;
	position: absolute;
	top:50%;
	margin-top: -8px;
}
.soical-icon-list li > a i { 
	left: 50%; 
	margin-left: -6px; 
}

/* 17.6.8 - Product Share End
---------------------------*/


/* 17.6.9 - Shop Widget
---------------------------*/ 
/* Search Widget */
.search-widget-form .search-form { 
	position:relative; 
}
.search-widget-form .search-form .search-field {
	border: 0px;
	border-bottom:2px solid #dedede;
	padding:10px 0px;
	width:100%;
	font-size:13px;
	color:#aaaaaa;
}
.search-widget-form .search-form .search-field:focus,
.search-widget-form .search-form .search-field:active { 
	outline-color:transparent; 
}
.search-widget-form .search-form .search-submit {
	position:absolute;
	top:10px;
	right:0px;
	border:0px;
	background-color: transparent;
}
.search-widget-form .search-form .search-submit:before {
	content:"\f002";
	font-family:FontAwesome;
	color: #aaaaaa;
	font-size:16px;
}
.search-widget-form .search-form .search-submit span { 
	display:none; 
}

/* Shot Buttons */
.sort-by-size .sort-btn {
	width:40px;
	height:40px;
	padding:0px;
	text-align:center;
	font-size:14px;
	font-weight:700;
	line-height:37px;
	margin:10px 3px;
}
.sort-by-size .sort-btn:hover {
	background: #00a1cb;
	color: #FFF;
	border-color: #00a1cb;
}

/* Taglist */
.tag-list { 
	padding: 0px; 
}
.tag-list li { 
	display: inline-block; 
}
.tag-list li a { 
	margin: 5px 2px; 
} 
.tag-list li a:hover {
	background: #00a1cb;
	color: #FFF;
	border-color: #00a1cb;
} 
/* 17.6.9 - Shop Widget End
---------------------------*/


/* 17.6.10 - Single Product Tabs
---------------------------*/ 
.product-description .nav-tabs { 
	border-color: #dedede; 
}
.product-description .nav-tabs>li>a {
	border-radius:0px;
	font-size:13px;
	font-weight:700;
	border-color:#dedede;
	margin-right:5px;
}
.product-description .nav-tabs>li.active>a { 
	border-bottom-color: transparent; 
	position: relative; 
}
.product-description .nav-tabs>li.active>a:before {
	content:"";
	position: absolute;
	width: 100%;
	height: 2px;
	background:#00a1cb;
	top: -1px;
	left: 0px;
}
.product-description .tab-content { 
	border: 1px solid #dedede; 
	border-top:0px; 
	padding: 30px; 
}
#reviews .commentlist { 
	list-style: none; 
}
#reviews .commentlist .comment-meta .comment-author { 
	float: left; 
	margin-right: 20px; 
}
#reviews .commentlist .comment-meta .comment-author img { 
	border-radius: 50%; 
	border:1px solid #dedede; 
} 
/* 17.6.10 - Single Product Tabs End
---------------------------*/ 
/* 17.6 - Shop Page End
---------------------------------------------*/ 



/* 17.7 - Shppoing Cart Page
---------------------------------------------*/  
/* Shppoing Cart Page */
.shopping-cart-items { 
	overflow:hidden;
	position: relative;
}
.shopping-cart-items .shop_table { 
	width: 100%; 
}

/* 17.7.1 - Cart Head
---------------------------*/
.shopping-cart-items .shop_table thead tr th {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Robot', sans-serif;
	color: #606060;
	text-align: center;
}
.table-effects th { 
	padding-bottom:20px 
}
.table-effects { 
	overflow:hidden; 
}
.table-effects.stripe-full:before { 
	bottom:auto; 
	top:26px; 
}
.table-effects.stripe-full:after { 
	top:24px; 
	bottom: auto; 
}
.shopping-cart-items .shop_table .cart-product-thumbnail {  }
.shopping-cart-items .shop_table .cart-product-thumbnail .product-image {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #bfbfbf;
	overflow: hidden;
}
.shopping-cart-items .shop_table .cart-product-thumbnail .product-image:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	border: 4px solid #dedede;
	z-index: 5;
	pointer-events:none;
}
.shopping-cart-items .shop_table .cart-product-details {  }
.shopping-cart-items .shop_table .cart-product-details h2 { 
	font-size: 16px; 
	font-weight: 700; 
}
.shopping-cart-items .shop_table .cart-product-details .product-rating { 
	color: #00a1cb; 
	font-size: 14px; 
	margin-bottom: 10px;
}
.shopping-cart-items .shop_table .cart-product-details .product-size,
.shopping-cart-items .shop_table .cart-product-details .product-color { 
	color: #606060; 
	font-size: 14px; 
	font-weight: 700; 
}
.shopping-cart-items .shop_table .cart-product-details .product-size span,
.shopping-cart-items .shop_table .cart-product-details .product-color span { 
	color: #777777; 
	font-weight: 500; 
	padding-left: 10px; 
}
.shopping-cart-items .shop_table .cart-product-price div,
.shopping-cart-items .shop_table .cart-product-subtotal div { 
	font-family: 'Oswald', sans-serif; 
	font-size: 16px; 
	font-weight:700; 
	text-align: center; 
}
.shopping-cart-items .shop_table .cart-product-quantity .product-quantity { 
	width: 100px; 
	margin: 0 auto;
}
.shopping-cart-items .shop_table .cart-product-quantity .product-quantity button { 
	padding: 10px; 
}
.shopping-cart-items .shop_table .cart-product-subtotal {  }
.shopping-cart-items .shop_table .cart-product-removal > a.product-removal {
	border: 1px solid #DEDEDE;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	color: #606060;
}
.shopping-cart-items .shop_table .cart-product-removal > a.product-removal:hover { 
	background: #00a1cb; 
	color:#FFF; 
}
.shopping-cart-items .shop_table .cart_item { 
	border-bottom: 1px solid #DDD; 
}
.shopping-cart-items .shop_table .cart_item > td { 
	padding:20px 0px; 
}
.shopping-cart-items .shop_table tr > td.actions { 
	padding: 10px 0px; 
}
.shopping-cart-items .shop_table tr > td.actions .coupon { 
	width: 300px; 
}
.shopping-cart-items .shop_table tr > td.actions .coupon input,
.shopping-cart-items .shop_table tr > td .cart-next-step input { 
	padding: 10px 20px; 
	width: 200px; 
	float: left; 
	min-height: 40px;
}
.shopping-cart-items .shop_table tr > td.actions .coupon input.button,
.shopping-cart-items .shop_table tr > td .cart-next-step input { 
	background: #1c1c1c; 
	color: #FFF; 
	margin-left: 5px; 
	width: 90px; 
	float: left; 
	border: 0px; 
}
.shopping-cart-items .shop_table tr > td.actions .coupon input.button:hover,
.shopping-cart-items .shop_table tr > td .cart-next-step input:hover { 
	background: #00a1cb; 
}
.shopping-cart-items .shop_table tr > td .cart-next-step { 
	width: auto; 
	float: right;
}
.shopping-cart-items .shop_table tr > td .cart-next-step input { 
	float: left; 
	width: auto; 
}
.shopping-cart-items .shop_table tr > td .cart-next-step input:first-child { 
	margin-right: 10px; 
}
.shipping-calculator-form .form-control { 
	min-height: 40px; 
}
/* 17.7.1 - Cart Head End
---------------------------*/


/* 17.7.2 - Cart Widget
---------------------------*/
.widget_calculate_shipping .shipping_calculator .calc_shipping { 
	width: 100%; 
	margin: 0; 
	border-width: 0px; 
	background: #1c1c1c; 
	color: #FFF; 
	height: 40px; 
}
.widget_calculate_shipping .shipping_calculator .calc_shipping:hover { 
	background: #00a1cb; 
}
.widget_cart_totals_pricing .cart_totals table { 
	width: 100%; 
}
.widget_cart_totals_pricing .cart_totals table tbody tr { 
	border-bottom: 1px solid #e4e4e4; 
	font-size: 14px; 
	text-transform: uppercase;
}
.widget_cart_totals_pricing .cart_totals table tbody tr th { 
	color: #606060; 
	padding: 10px 0px; 
}
.widget_cart_totals_pricing .cart_totals table tbody tr td { 
	color: #777777; 
	padding: 10px 0px; 
	text-align: right; 
}
.widget_cart_totals_pricing .cart_totals table tbody tr.order-total { 
	border-bottom: 0px; 
}
.widget_cart_totals_pricing .cart_totals table tbody tr.order-total th,
.widget_cart_totals_pricing .cart_totals table tbody tr.order-total td { 
	color: #00a1cb; 
}
/* 17.7.2 - Cart Widget End
---------------------------*/


/* 17.7.3 - Column Styles
---------------------------*/
.portfolio-column-2 .item {
	width: 50%;
	float: left;
}
.portfolio-column-3 .item {
	width: 33.333333333%;
	float: left;
}
.portfolio-column-4 .item {
	width: 25%;
	float: left;
}
.portfolio-column-5 .item {
	width: 20%;
	float: left;
}
@media (max-width: 750px) { 
	.portfolio-column-2 .item,
	.portfolio-column-3 .item,
	.portfolio-column-4 .item,
	.portfolio-column-5 .item { 
		width: 50%; 
	}
}
@media (max-width: 400px) { 
	.portfolio-column-2 .item,
	.portfolio-column-3 .item,
	.portfolio-column-4 .item,
	.portfolio-column-5 .item { 
		width: 100%; 
	}
}
/* 17.7.3 - Column Styles End
---------------------------*/


/* 17.7.4 - Client review
---------------------------*/
.client-review-item { 
	text-align: center; 
}
.client-review-carousel.carousel-head { 
	width:300px; 
	margin: 0 auto; 
}
.client-review-item .client-review-content { 
	color: #ffffff;
	font-size: 14px; 
	margin: 25px 50px 10px 50px; 
}
.client-review-item .client-review-content i { 
	color: #00a1cb; 
	padding: 0 7px; 
}
.client-review-item .client-review-info .client-review-name { 
	color: #ffffff;
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	font-size: 14px; 
	margin-bottom: 15px;
}
.client-review-item .client-review-info .client-review-name small { 
	color: #AAAAAA;
	font-family: 'Roboto', sans-serif;
	font-style: italic; 
	padding-left: 5px; 
}
.client-review-item .client-review-info .client-review-star { 
	color: #ffffff;
	font-size:12px; 
}
.client-review-item img.client-img { 
	width: 40px; 
	height: 40px; 
}
.client-review-item.slick-active img.client-img { 
	width: 50px; 
	height: 50px; 
}
.client-review-item.slick-active.slick-center img.client-img { 
	width: 60px; 
	height: 60px; 
}


article.post .post-thumbnail:hover .entry-date {
	display: none;
}
.style-3 article.post {
	position: relative;
	padding-top: 70px;
}
.post.style-2 .entry-meta{
	padding-bottom: 0px;
}


/* 17.7.4 - Client review End
---------------------------*/
/* 17.7 - Shppoing Cart Page End
---------------------------------------------*/ 
/* 17 - Pages End
---------------------------------------------------------------------- */ 

/*-----------------------------------------------------------------------------------*/
/*	woocommerce over write 
/*-----------------------------------------------------------------------------------*/ 

/*cart notification*/
#notification-fixed {
	margin: auto;
	max-width: 395px;
}

.added_to_cart {
  display: none;
}

#notification-fixed .success, #notification-fixed .warning, #notification-fixed .attention, #notification-fixed .information {
	max-width: 400px;
	position: fixed;
	top: 37%;
	z-index: 99999;
	padding: 20px;
	border-width: 1px;
	border-style: solid;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin-left: 15px;
	margin-right: 15px;
	width: 33.33333333%;
}
.woocommerce .products .star-rating {
	font-size: 12px;
	color: #00a1cb;
}

.product-action .project-like {
	text-align: center;
	float: left;
	margin-right: 20px;
}

.product-action .project-like a{
	line-height: 40px;
}


.woocommerce-ordering {
	overflow: hidden;
	border: 1px solid #dedede;
	position: relative;
}
.woocommerce table.shop_table {
	border: none;
}

.woocommerce table.shop_table td {
	border : none;
}

.shop_table .table-effects.stripe-full:before {
	bottom: auto;
	top: 37px;
}

.shop_table .table-effects.stripe-full:after {
	top: 35px;
	bottom: auto;
}
.woocommerce .quantity .qty {
	width: 40px;
	text-align: center;
	height: 38px;
	padding: 0;
	border: none;
	float: left;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #e6e6e6;
}
.quantity {
	width: 100px;
	padding: 0;
	margin: 0;
}
.woocommerce-cart table.cart img {
	width: 75px; 
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	border: 2px solid #d3ced2;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #1C1C1C;
	border-radius: 0;
	padding: 12px 40px;
	margin-left: 8px;
}
.woocommerce .woocommerce-product-rating .star-rating {
	margin: .5em 4px 0 0;
	float: right;
}
.woocommerce div.product .woocommerce-product-rating {
	margin-bottom: 0;
}
input.minus, input.plus {
	width: 29px;
	float: left;
	background: white;
	height: 38px;
	border: none;
}
textarea:focus, button:focus, input:focus {
	outline: none;
}
.woocommerce div.product form.cart div.quantity {
	float: left;
	margin: 0 4px 0 0;
	border: 1px solid #e6e6e6;
}

.woocommerce div.product form.cart {
	margin-bottom: 2em;
	/*width: 53%;
	float: left;*/
}
.product-image-gallery {
	overflow: hidden;
	position: relative;
}
a.add_to_wishlist {
  padding: 9px 20px;
  display: block;
  background: #111;
  float: left;
  border-radius: 0!important;
  color: #fff;
  font-weight: bold;
}
.yith-wcwl-add-button > a i {
	margin-left: 10px;
	margin-right: 0px;
}
.woocommerce #review_form #respond .form-submit input {
	left: auto;
	background: #111;
	color: #fff;
	padding: 12px 50px;
	border-radius: 0;
}
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.product-price del  {
	font-size: 16px;
	float: right;
}
.product-price ins  {
	font-size: 18px;
	float: right;
}
.woocommerce div.product form.cart .variations select {
	width: 100%;
	float: left;
	padding: 8px;
	border: 1px solid #E1E1E1;
}
.woocommerce div.product form.cart .variations select:focus {
	outline: none;

}
.variations .label{
	width: 35%;
	float: left;
	color: #777777;
	text-align: left;
	font-size: 17px;
}

.variations .value{
	float: left;
	width: 65%;
}
.reset_variations {
	color: #ccc;
}

.woocommerce div.product p.price del, .woocommerce div.product span.price del {
	opacity: .5;
	display: block;
	width: 100%;
	text-align: right;
	margin-right: 0px;
}
.single_variation {
	margin-left: 20px;
	float: left;
}
.woocommerce div.product form.cart .variations {
	margin-top: 20px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: #1C1C1C;
	font-size: 1.5em;
	text-align: right;
}
a.compare.button {
	background: #111;
	color: #fff;
	padding: 12px 55px;
	border-radius: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
.added_to_cart {
	display: none !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	padding: 5px;
	border: 1px solid #E6E6E6;
}
.woocommerce form .form-row.woocommerce-validated select {
	padding: 5px;
}
.woocommerce-checkout #payment div.payment_box:after {
	top: 0px;
}
.woocommerce div.product {
	min-height: 725px;
}
.product-action a.added, 
.product-action a.loading {
    opacity: 1; /* NB */
    border: none;
    text-align: center;    
    background: #00A1CB !important;
    color: #fff;   
}
.woocommerce .woocommerce-ordering select:focus {
	outline: none;
}
.woocommerce-ordering:after {
	content: "\f107";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	background: #fff;
	text-align: center;
	line-height: 40px;
	border-left: 1px solid #dedede;
	pointer-events: none;
}
.product-action a.added:before {
	content: "\f00c";
	font-weight: 400;
	font-family: FontAwesome;
	color: #fff;
	margin-right: 5px;
	opacity: 0.5;
	font-size: 12px;
}
.section-head .woocommerce-message {
	border-top-color: transparent;
	position: absolute;
	background: none;
	top: -15px;
	left: 175px;
}
.product-action a.loading {
	opacity: 0.5;
	filter: alpha(opacity=@opacity * 100);
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
	padding: 10px 0;
	margin: 0;
	list-style: none;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
	display: block;
	font-weight: 700;
	font-family: oswald;
	margin-bottom: 3px;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
	float: none;
	font-size: 12px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  padding: 10px 18px;
}
.product-categories ul.children {
  list-style: none;
  padding-left: 0;
  margin-left: 15px;
}
.product-action a.loading:before {
    display: inline-block;
    content: "\f021";
    font-family: 'FontAwesome';
    -webkit-animation-name: spin-360;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    margin-right: 5px;
}
.yith-wcwl-wishlistexistsbrowse.show {
	float: left;
	background: #111;
	padding: 10px 20px;
	color: #fff;
}

.yith-wcwl-wishlistexistsbrowse.show a {
	color: #fff;
	  text-indent: 1px;
}
.yith-wcwl-wishlistexistsbrowse span.feedback {
	display: none;
}
.yith-ajaxsearchform-container input[type=search] {
	-webkit-appearance: none;
	padding: 10px 5px;
	border: 1px solid #ccc;
	float: left;
	
}
label.screen-reader-text {
	display: none;
}
input#yith-searchsubmit {
	border: 1px solid #252525;
	padding: 10px 12px;
	float: left;
	margin-left: -1px;
	background: #111;
	color: #fff;
	font-family: oswald;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
	font-size: 1.15em;
	float: left;
	background: transparent;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 10px 40px;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
	height: 1px;
	background: rgb(191, 191, 191);
}
.woocommerce .widget_price_filter .ui-slider-horizontal:before {
	content: "";
	height: 1px;
	position: absolute;
	top: 2px;
	width: 100%;
	background: rgb(191, 191, 191);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 5px;
	height: 1em;
	background-color: #0B0B0B;
	border-radius: 0;
	cursor: ew-resize;
	outline: 0;
	top: -7px;
	margin-left: 0;
}
#min_price, #max_price {
	display: none;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
	background: rgb(0, 161, 203);
	color: #fff;
	border-color: rgb(0, 161, 203);
}
/* Spin 360 */

@-webkit-keyframes spin-360 {
  from {
    -webkit-transform: rotate(0);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(0);
    /* FF3.5+ */
    -ms-transform: rotate(0);
    /* IE9 */
    -o-transform: rotate(0);
    /* Opera 10.5 */
    transform: rotate(0);
    zoom: 1;
  }
  50% {
    -webkit-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(180deg);
    /* FF3.5+ */
    -ms-transform: rotate(180deg);
    /* IE9 */
    -o-transform: rotate(180deg);
    /* Opera 10.5 */
    transform: rotate(180deg);
    zoom: 1;
  }
  to {
    -webkit-transform: rotate(360deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(360deg);
    /* FF3.5+ */
    -ms-transform: rotate(360deg);
    /* IE9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    transform: rotate(360deg);
    zoom: 1;
  }
}
@-moz-keyframes spin-360 {
  from {
    -webkit-transform: rotate(0);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(0);
    /* FF3.5+ */
    -ms-transform: rotate(0);
    /* IE9 */
    -o-transform: rotate(0);
    /* Opera 10.5 */
    transform: rotate(0);
    zoom: 1;
  }
  50% {
    -webkit-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(180deg);
    /* FF3.5+ */
    -ms-transform: rotate(180deg);
    /* IE9 */
    -o-transform: rotate(180deg);
    /* Opera 10.5 */
    transform: rotate(180deg);
    zoom: 1;
  }
  to {
    -webkit-transform: rotate(360deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(360deg);
    /* FF3.5+ */
    -ms-transform: rotate(360deg);
    /* IE9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    transform: rotate(360deg);
    zoom: 1;
  }
}
@-o-keyframes spin-360 {
  from {
    -webkit-transform: rotate(0);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(0);
    /* FF3.5+ */
    -ms-transform: rotate(0);
    /* IE9 */
    -o-transform: rotate(0);
    /* Opera 10.5 */
    transform: rotate(0);
    zoom: 1;
  }
  50% {
    -webkit-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(180deg);
    /* FF3.5+ */
    -ms-transform: rotate(180deg);
    /* IE9 */
    -o-transform: rotate(180deg);
    /* Opera 10.5 */
    transform: rotate(180deg);
    zoom: 1;
  }
  to {
    -webkit-transform: rotate(360deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(360deg);
    /* FF3.5+ */
    -ms-transform: rotate(360deg);
    /* IE9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    transform: rotate(360deg);
    zoom: 1;
  }
}
@keyframes spin-360 {
  from {
    -webkit-transform: rotate(0);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(0);
    /* FF3.5+ */
    -ms-transform: rotate(0);
    /* IE9 */
    -o-transform: rotate(0);
    /* Opera 10.5 */
    transform: rotate(0);
    zoom: 1;
  }
  50% {
    -webkit-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(180deg);
    /* FF3.5+ */
    -ms-transform: rotate(180deg);
    /* IE9 */
    -o-transform: rotate(180deg);
    /* Opera 10.5 */
    transform: rotate(180deg);
    zoom: 1;
  }
  to {
    -webkit-transform: rotate(360deg);
    /* Saf3.1+, Chrome */
    -moz-transform: rotate(360deg);
    /* FF3.5+ */
    -ms-transform: rotate(360deg);
    /* IE9 */
    -o-transform: rotate(360deg);
    /* Opera 10.5 */
    transform: rotate(360deg);
    zoom: 1;
  }
}

/*vc */

.wpb_toggle, #content h4.wpb_toggle {
  padding-left: 25px;
  clear: both;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #E3E3E3;
}