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

    Template Name: Your template name
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)

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

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {height: 100%;font-family: 'Montserrat', sans-serif;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {
	max-width: 100%;
	height: 555
}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
}
a {transition: all 0.3s ease 0s;text-decoration:none;}
a:hover {
  color: #ec4445;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
body {}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.inline-css{
	display:inline-block;
	margin-left:10px;
}
@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.mar-90{
	margin:90px 0px;
}
.pad-90{
	padding:90px 0px;
}
.pad-t-90{
	padding-top:90px;
}
.pad-b-90{
	padding-bottom:90px;
}
/*----------------------------------------*/
/*  1.  HEADER TOP LEFT MENU
/*----------------------------------------*/
.header-top-area{
	background:#272727;
}
.header-top-menu ul.header-top-list > li {
	display:inline-block;
	position:relative;
}
.header-top-menu ul.header-top-list > li > a, .header-top-menu ul.header-top-list > li > a:hover, .header-top-menu ul.header-top-list > li > a:focus{
	font-size:12px;
	font-weight:400;
	color:#fff;
	text-transform:capitalize;
	padding:10px;
	display:block;
	text-decoration:none;
}
.header-top-menu ul.header-top-list > li:hover > a, .main-menu ul > li:hover > a{
	color:#05c2f9;
}
.header-top-menu ul.header-top-list > li > a:hover, .main-menu ul > li > a:hover{
	color:#05c2f9;
}
.header-top-menu ul.header-top-list > li > ul{
	width: 120px;
}
.main-menu ul > li > ul.home-drop{
	width: 210px;
}
.header-top-menu ul.header-top-list > li > ul, .main-menu ul > li > ul.home-drop, .main-menu ul > li > ul.page-drop {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #adadad;
  box-shadow: 0 0 4px 0 #444;
  left: 10px;
  opacity: 0;
  position: absolute;
  top: 120%;
  transition: all 0.6s ease 0s;
  visibility: hidden;
  z-index: 99;
}
.header-top-menu ul.header-top-list > li:hover > ul, .main-menu ul > li:hover > ul.home-drop, .main-menu ul > li:hover > ul.page-drop {
	opacity:1;
	visibility:visible;
	top:100%;
	transition: all 0.6s ease 0s;
}
.header-top-menu ul.header-top-list > li > ul > li >a, .header-top-menu ul.header-top-list > li > ul > li >a:hover, .header-top-menu ul.header-top-list > li > ul > li >a:focus, .main-menu ul > li > ul.home-drop > li > a, .main-menu ul > li > ul.home-drop > li > a:hover, .main-menu ul > li > ul.home-drop > li > a:focus, .main-menu ul > li > ul.page-drop > li > a, .main-menu ul > li > ul.page-drop > li > a:hover, .main-menu ul > li > ul.page-drop > li > a:focus{
	color:#333333;
	font-weight:300;
	font-size:14px;
	padding:10px;
	display:block;
	text-transform:capitalize;
	text-decoration:none;
	font-family: "montserratlight";
}
.header-top-menu ul.header-top-list li ul li a:hover, .main-menu ul > li > ul.home-drop > li > a:hover, .main-menu ul > li > div.fashion-dropdown > .single-drop a:hover, .main-menu ul > li > ul.page-drop > li > a:hover {
  color: #05c2f9;
  display: block;
  padding: 10px 10px 10px 20px;
  transition: all 0.6s ease 0s;
}
.search-button > a{
    padding: 8px;
    margin: 0 auto;
    display: block;
	color:#fff;
	font-size:15px;
}
.search-button > a:hover{
	color:#05c2f9;
}

/*---cart css----*/
.shopping-area {
	position:relative;
}
.shopping-area > a{
    padding: 3px;
    margin: 0 auto;
    display: block;
	color:#fff;
}
.shopping-area i{
   font-size:20px;
}
.shopping-area .num-count {
  background: #05c2f9 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -15px;
  text-align: center;
  top: -2px;
  width: 20px;
}
.shopping-area ul{
	position:absolute;
	top:135%;
	right:0;
	width:245px;
	background:#fff;
	border:2px solid #adadad;
	padding:15px;
	opacity:0;
	visibility:hidden;
	 transition: all 0.6s ease 0s;
	 z-index:999;
}
.shopping-area:hover ul{
	opacity:1;
	visibility:visible;
	transition: all 0.6s ease 0s;
	top:115%;
}
.shopping-area ul li{
	overflow:hidden;
	margin-bottom:15px;
}
.shopping-area ul li:last-child{
	margin-bottom:0px;
}
.cart-info{
	padding-left:10px;
	width:135px;
}
.cart-info .cl-bk, .cart-info .se-sl{
	font-size:12px;
	color:#333333;
	font-weight:300;
	display:block;
	font-family: "montserratlight";
}
.cart-info h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 5px 0;
}
.cart-info a {
  color: #333333;
}
.cart-info a:hover, .cart-info a:focus {
  color: #05c2f9;
  text-decoration:none;
}
.del-icon i {
  background: #ececec none repeat scroll 0 0;
  color: #555;
  font-size: 12px;
  margin: 20px 0;
  padding: 5px;
  transition: all 0.6s ease 0s;
}
.del-icon i:hover {
  background: #05c2f9 none repeat scroll 0 0;
  color: #fff;
}
.total-price h3{
	font-size:12px;
	color: #333333;
	text-transform:uppercase;
	padding-left:65px;
	font-weight:300;
	font-family: "montserratlight";
}
.total-price .pricing-rate-db{
	float:right;
}
.checkout a.effect-hover, .checkout a.effect-hover:focus, .offer-content a, .offer-content a:focus {
  background: #05c2f9 none repeat scroll 0 0;
  border-radius: 20px;
  color: #fff;
  font-weight: 700;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.6s ease 0s;
  width: 150px;
}
.checkout a.effect-hover:hover, .offer-content a:hover{
  background: #272727;
}
.offer-content a{
	float:right;
}
/*----------------------------------------*/
/*  1.  HEADER Middle CSS
/*----------------------------------------*/
.header-middle-area .main-menu{
	display:block;
}
.header-middle-area.stick {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 2px 0 #ddd;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.stick .logo{
	padding:6px 0px;
	transition: all 0.6s ease 0s;
}
.stick .main-menu ul > li > a{
	padding: 20px 0 20px 35px;
	transition: all 0.4s ease 0s;
}
.logo {
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.main-menu{
	text-align:right;
}

.main-menu ul > li {
	display:inline-block;
	position:relative;
}
.main-menu ul > li > a {
	color: #333333;
	display: block;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
}
.main-menu ul > li > ul.home-drop > li, .main-menu ul > li > ul.page-drop > li{
	display:block;
	text-align:left;
}
.main-menu ul > li > div.fashion-dropdown{
	width:695px;
	left:-255px;
}
.main-menu ul > li > div.Shortcode-megamenu {
  width: 648px;
  left:-395px;
}
.main-menu ul > li > div.fashion-dropdown, .main-menu ul > li > div.Shortcode-megamenu {
	position:absolute;
	top:120%;
	z-index:999;
	background:#fff;
	opacity:0;
	border:1px solid #999;
	padding:30px;
	box-shadow: 0 0px 4px 0 #444;
	visibility:hidden;
}
.main-menu ul > li:hover > div.fashion-dropdown, .main-menu ul > li:hover > div.Shortcode-megamenu {
	opacity:1;
	visibility:visible;
	top:100%;
	transition: all 0.6s ease 0s;
}
.main-menu ul > li > div.fashion-dropdown > .single-drop{
	width: 158px;
}
.main-menu ul > li > div.Shortcode-megamenu > .single-drop {
  width: 195px;
}
.main-menu ul > li > div.fashion-dropdown > .single-drop, .main-menu ul > li > div.Shortcode-megamenu > .single-drop {
  float: left;
  text-align: left;
}
.main-menu ul > li > div.fashion-dropdown > .single-drop > h2 {
  color:#303030;
  font-size:18px;
  font-weight:700;
  text-transform:capitalize;
}
.main-menu ul > li > div.fashion-dropdown > .single-drop a, .main-menu ul > li > div.fashion-dropdown > .single-drop a:hover, .main-menu ul > li > div.fashion-dropdown > .single-drop a:focus, .main-menu ul > li > div.Shortcode-megamenu > .single-drop a, .main-menu ul > li > div.Shortcode-megamenu > .single-drop a:focus {
  color: #333333;
  font-size: 14px;
  font-weight: 300;
  padding: 8px 0;
  text-decoration: none;
  text-transform: capitalize;
  display: block;
  font-family: "montserratlight";
}
.main-menu ul > li > div.fashion-dropdown > .single-drop a:hover, .main-menu ul > li > div.Shortcode-megamenu > .single-drop a:hover {
  color: #05c2f9;
  display: block;
  padding: 8px 8px 8px 15px;
  transition: all 0.6s ease 0s;
}
.main-menu ul > li > div.fashion-dropdown > .single-drop a.drom-img {
  padding: 0;
}
.main-menu ul > li > div.fashion-dropdown > .single-drop p, .main-menu ul > li > div.Shortcode-megamenu > .single-drop p{
	margin:0;
	font-weight: 400;
}
.main-menu ul > li > ul.page-drop{
	width:210px;
}
/*-----------------------
4. slider area
-------------------------*/
.nivo-caption {
    background: rgba(0, 0, 0, 0);
	opacity:1;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	padding:0 !important;
}
.width-cap{
	max-width: 500px;
	position: absolute;
	right: 8%;
	top:30%;
	text-align:right;
}
.layer-image img{
	position: absolute;
	left: 8%;
	top:0%;
	text-align:right;
	width: 40%;
	height:auto;
}

.slider-text{
	display:table;
	height:100%;
	width:100%;
}
.middle-text{
	display:table-cell;
	vertical-align:middle;
}
.width-cap h2{
	color:#333333;
	font-size:100px;
	font-weight:700;
	line-height:90px;
	text-transform:uppercase;
}
.width-cap h3.slider-tiile-top{
	color:#909090;
	font-size:24px;
	font-weight:700;
}
.width-cap h3.slider-tiile-bottom{
	color:#333;
	font-size:14px;
	font-weight:400;
	line-height:20px;
}
.slider-readmore{
	overflow:hidden;
	color:#333333;
}

.slider-readmore{
	padding: 20px 0;
}
.slider-readmore a, .slider-readmore a:focus{
	border: 2px solid #05c2f9;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 30px;
	text-transform: none;
	background:#05c2f9;
	text-decoration:none;
}
.slider-readmore a:hover{
	background:#272727;
	border: 2px solid #272727;
}
.slider-readmore a:hover{}
.top-ani-1{
	animation: 1200ms ease-in-out 0s normal none 1 running bounceInDown;
}
.bottom-ani-11{
	animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;
}
.top-ani-2{
	animation: 1500ms ease-in-out 0s normal none 1 running bounceIn;
}
.middle-ani-2, .middle-ani-1{
	animation: 1700ms ease-in-out 0s normal none 1 running bounceInRight;
}
.bottom-ani-22{
	animation: 1800ms ease-in-out 0s normal none 1 running bounceIn;
}
.slider-readmore{
	animation: 2500ms ease-in-out 0s normal none 1 running bounceIn;
}
.layer-image img{
	animation: 1700ms ease-in-out 0s normal none 1 running pulse;
}
.nivo-directionNav a {
	color: transparent;
	height: 30px;
	margin-top: -30px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 30px;
}
.nivo-directionNav a.nivo-prevNav{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-style: solid;
	border-width: 30px 30px 30px 0px;
}
.nivo-directionNav a.nivo-prevNav:before{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-style: solid;
	border-width: 26px 26px 26px 0px;
    border-color: transparent #ececec;
	 position: absolute;
    content: "";
	left: 2px;
    top: -26px;
}
.nivo-directionNav a.nivo-nextNav{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-style: solid;
	border-width: 30px 0px 30px 30px;
}
.nivo-directionNav a.nivo-nextNav:before {
    position: absolute;
    content: "";
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 26px 0px 26px 26px;
    border-color: transparent #ececec;
    right: 2px;
    top: -26px;
}
.nivo-directionNav a.nivo-prevNav{
	left: 30px;
	border-color: transparent #909090;
}
.nivo-directionNav a.nivo-prevNav:hover{
	border-color: transparent #00A9E0;
}
.nivo-directionNav a.nivo-nextNav:hover{
	border-color: transparent #00A9E0;
}
.nivo-directionNav a.nivo-nextNav {
	border-color:transparent #909090;
	right: 30px;
}
a.nivo-prevNav i.nivo-prev-icon, a.nivo-nextNav i.nivo-next-icon{
	color: #fff;
	display: block !important;
	font-size: 15px;
	height: 10px;
	line-height:10px;
	margin-top: -5px;
	position: relative;
	top: 50%;
	width: 10px;
}
a.nivo-prevNav i.nivo-prev-icon {
    left: 10px;
	color: #909090;
    font-size: 20px;
}
a.nivo-prevNav:hover i.nivo-prev-icon {
	color: #00A9E0;
}
a.nivo-nextNav i.nivo-next-icon {
    left: -22px;
    color: #909090;
    font-size: 20px;
}
a.nivo-nextNav:hover i.nivo-next-icon {
    color: #00A9E0;
}
.slider:hover .nivo-directionNav a.nivo-prevNav{
	left: 0;
}
.slider:hover .nivo-directionNav a.nivo-nextNav{
	right:0;
}

.slider-progress{
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(38, 57, 64, 0.42);
	height:5px;
	-webkit-animation: timebar 5000ms ease-in-out;
	-moz-animation: timebar 5000ms ease-in-out;
	-ms-animation: timebar 5000ms ease-in-out;
	animation: timebar 5000ms ease-in-out;
	opacity:0.8;
}
@-webkit-keyframes timebar {
	from {width: 0;}
	to {width: 100%;}
}
 @keyframes timebar {
	from {width: 0;}
	to {width: 100%;}
}
 .slider-progress.pos_hover{
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
.shipping-add-image {
	margin-left: -300px;
	margin-top: 22px;
	position:relative;
	z-index:99;
}
.shipping-add-image .row {
	margin-left: 3px;
	margin-right: -5px;
}
.shipping-add-image .row .col-xs-12.col-sm-12.col-md-4.col-lg-4 {
	padding: 0 5px;
}
/*-----------------------
4. Special product CSS
-------------------------*/
.special-single-area{
	margin-top:50px;
}
.spacial-heading h1{
	font-size:24px;
	color:#333;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
}
.special-details{
	text-align:center;
}
.special-details a, .special-details a:hover, .special-details a:active{
	font-size:18px;
	color:#333;
	font-weight:700;
	text-decoration:none;
}
.special-details a:hover{
	color:#05c2f9;
}
.star-icon i{
	color:#05c2f9;
	font-size:14px;
}
.special-dollor{
	font-weight:700;
	color:#333;
	font-size:24px;
}
.special-bg-image{
	position:relative;
}
.special-bg-image a{
	position: relative;
	display: block;
	width: 100%;
}
.special-bg-image a:before{
	position:absolute;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
	content:"";
	border:4px solid #fff;
	opacity:0;
	transform: scale(0);
    transition: all 0.5s ease 0s;
	z-index:999999;
}
.special-bg-image a::after {
  background: #000 none repeat scroll 0 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: all 0.5s ease 0s;
}
.special-bg-image a:hover:after{
	opacity:0.1;
	transform: scale(1);
    transition: all 0.5s ease 0s;
}
.special-bg-image a:hover:before{
	opacity:1;
	transform: scale(1);
    transition: all 0.5s ease 0s;
}
.special-men-image img{
	right: 8%;
}

.special-men-image img{
    position: absolute;
    top: 27px;
    width: 37%;
}

/*-----------------------
4. Special Offer CSS
-------------------------*/
.special-details h2{
	margin: 0;
}
.special-offer-area, .find-us-area, .testimonial-area{
  overflow: hidden;
  position: relative;
}
.special-offer-bg{
	background: rgba(0, 0, 0, 0) url("img/special-offer/2.jpg") no-repeat fixed center center / cover ;
}
.special-offer-bg, .find-us-bg, .testimonial-bg{
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.timer-total-pro {
  padding: 88px 0px;
}
.time-count {
	color:#333;
	font-size:18px;
	font-weight:700;

}
.cdown{
	border:2px solid #909090;
	display:block;
	margin-bottom:20px;
	text-align:center;
	width:60px;
	height:60px;
	background:#fff;
	padding:5px;
}
.cdown:last-child{
	margin-bottom:0px;
}
.cdown p{
	color:#333;
	font-size:12px;
	font-weight:300;
	text-transform:uppercase;
	font-family: "montserratlight";
}
.special-offer-details {
  padding: 120px 0;
  text-align: right;
  display:inline-block;
}
.special-offer-details a.special-hd, .special-offer-details a.special-hd:hover, .special-offer-details a.special-hd:focus{
  text-decoration:none;
  color:#333;
}
.special-offer-details a.special-hd:hover{
  color:#05c2f9;
}
.special-offer-details h1, .offer-regular{
	font-weight:700;
	font-size:36px;
	text-transform:uppercase;
}
.pricing-inline{
	display:inline-block;
}
.offer-old{
	font-size:18px;
	color:#909090;
	font-weight:400;
	padding: 0 0 0 15px;
}
.review-star{
	font-size:12px;
	color:#05c2f9;
}
.review-cn{
	font-size:12px;
	font-weight:400;
	color:#909090;
}
.offer-content p {
  color: #333;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 0 0 0 175px;
}
/*-----------------------
4. Popular Product CSS
-------------------------*/
.popular-items{
	position:relative;
}
.special-single-area .popular-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#05c2f9;
	z-index:99;
	opacity:0;
	visibility:hidden;
	transform: scale(0);
    transition: all 0.5s ease 0s;
}
.special-single-area:hover .popular-overlay{
	opacity:.45;
	transform: scale(1);
    transition: all 0.5s ease 0s;
	visibility: visible;
}
.special-single-area .overview-popular {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 999;
  margin: 15px auto;
  opacity:0;
  visibility:hidden;
  transform: scale(0);
    transition: all 0.5s ease 0s;
}
.special-single-area:hover .overview-popular{
	opacity:1;
	transform: scale(1);
    transition: all 0.5s ease 0s;
	visibility: visible;
}
.special-single-area .overview-popular a {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 3px;
  text-align: center;
  width: 40px;
}
.special-single-area .overview-popular a:hover{
  border: 1px solid #fff;
  background:#fff;
  color: #05c2f9;
  transition: all 0.5s ease 0s;
}
.popular-heading{
	width: 30%;
}
.latest-blog-heading{
	width: 22%;
}
.popular-heading, .latest-blog-heading, .suggested-heading {
  margin: 0 auto;
  text-align: center;
}
.popular-heading h1, .latest-blog-heading h1, .suggested-heading h1{
	color:#333;
	font-size:24px;
	font-weight:700;
	padding: 15px 30px;
	border:1px solid #dddddc;
	text-transform:uppercase;
}
/*-----------------------
4. Blog CSS
-------------------------*/
.latest-blog-heading h1{
	margin-bottom:50px;
}
.blog-image{
	position:relative;
}
.blog-date {
  background: #05c2f9 none repeat scroll 0 0;
  border: 4px solid #fff;
  border-radius: 50%;
  bottom: -25px;
  color: #fff;
  height: 55px;
  left: 0;
  line-height: 15px;
  position: absolute;
  text-align: center;
  width: 55px;
}
.blog-date .blog-day{
	font-size:18px;
}
.blog-date p {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  margin: 0;
  padding-top: 10px;
}
.blog-details a.blog-ht, .blog-details a.blog-ht:hover, .blog-details a.blog-ht:focus{
	font-size:18px;
	font-weight:400;
	color:#333;
	text-transform:capitalize;
	text-decoration:none;
}
.blog-details a.blog-ht:hover{
	color:#05c2f9;
}
.blog-details p{
	color:#606060;
	font-size:14px;
	font-weight:300;
	font-family: "Roboto",sans-serif;
}
.details-blog-dt {
	margin-left:60px;
}
.details-blog-dt a, .details-blog-dt a:hover, .details-blog-dt a:focus{
	color:#909090;
	font-family: "Roboto",sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-decoration:none;
}
.details-blog-dt a:hover{
	color:#05c2f9;
}
.details-blog-dt span.blog-home, .details-blog-dt span.blog-home2, .details-blog-dt span.blog-full {
  display: inline-block;
  margin: 10px 3px 0;
}
.details-blog-dt span.blog-left, .details-blog-dt span.blog-right{
  display: inline-block;
  margin: 10px 8px 0;
}
.blog-details .blog-read, .blog-details .blog-read:hover, .blog-details .blog-read:focus{
	font-size:12px;
	font-weight:400;
	font-family: "Roboto",sans-serif;
	color:#333;
	text-decoration:none;
}
.blog-details .blog-read:hover{
	color:#05c2f9;
}
.blog-full-dth{
	background:#f7f7f7;
	padding:10px;
	margin-bottom:50px;
}
/*-----------------------
4. Find us CSS
-------------------------*/
.find-us-bg{
	background: rgba(0, 0, 0, 0) url("img/find-us/1.jpg") no-repeat fixed center center / cover ;
}
.find-us-overlay{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#333;
	opacity:.6;
}
.find-us-details{
	padding:90px 0px;
}
.social-heading h2{
	font-size:30px;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
}
.social-heading p {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 5px;
  text-transform: uppercase;
  width: 10%;
  margin: 0px auto 50px;
}
.find-social-list, .social-heading{
	text-align:center;
}
.find-social-list a{
	height:70px;
	width:70px;
	border-radius:50%;
	border:1px solid #fff;
	color:#fff;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:30px;
	margin:0px 50px;
}
.find-social-list a:hover{
	border:1px solid #05c2f9;
	color:#fff;
	background:#05c2f9;
	transition:all .9s ease 0s;
}
/*-----------------------
4. Footer top CSS
-------------------------*/
.footer-area{
	background:#292929;
}
.about-company p, .newsletter p{
	font-size:14px;
	color:#d1d1d1;
	font-weight:300;
	font-family: "Roboto",sans-serif;
	margin:20px 0px;
}
.footer-social a{
border: 1px solid #fff;
color: #fff;
}
.footer-social a, .single-social-area a {
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  margin: 0px 2px;
}
.footer-social a:hover, .single-social-area a:hover{
	background:#05c2f9;
	border:1px solid #05c2f9;
}
.information h3, .account h3, .newsletter h3{
	color:#efefef;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}
ul.information-list li, ul.account-list li{
	padding:10px 0px;
	border-bottom:1px solid #555555;
}
ul.information-list li i, ul.account-list li i{
	margin-right:15px;
}
ul.information-list li a,ul.information-list li a:hover, ul.information-list li a:focus, ul.account-list li a, ul.account-list li a:hover, ul.account-list li a:focus{
	color:#d1d1d1;
	font-size:12px;
	font-family: "Roboto",sans-serif;
	font-weight:400;
	text-decoration:none;
	text-transform:capitalize;
}
ul.information-list li a:hover, ul.account-list li a:hover{
	color:#05c2f9;
}
.information, .account, .about-company, .newsletter {
  padding: 70px 0;
}
.subscribe-form {
  border-radius: 15px;
  display: block;
  height: 40px;
  width: 100%;
}
.newsletter [type="text"] {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  border-radius: 15px 0 0 15px;
  float: left;
  font-family: "Roboto",sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  padding: 0 10px;
  width: 50%;
}
.newsletter [type="submit"] {
  background: #05c2f9 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0 15px 15px 0;
  color: #fff;
  height: 40px;
  padding: 0 10px;
  text-transform: uppercase;
  width: 50%;
  font-family: "Roboto",sans-serif;
	font-weight:400;
	transition:all .4s ease 0s;
}
.newsletter [type="submit"]:hover, .coment-area input[type="submit"]:hover, .list-pro-button:hover, .pro-button:hover{
	background: #272727 none repeat scroll 0 0;
}
/*-----------------------
4. Footer Bottom CSS
-------------------------*/
.footer-bottom-area{
	background:#202020;
}
.copy-right p{
	color:#fff;
	font-size:12px;
	padding:25px 0px;
	margin:0;
}
.copy-right a, .copy-right a:hover, .copy-right a:focus{
	color:#05c2f9;
	text-decoration:none;
}
.bottom-payment {
  text-align: right;
  padding: 18px 0px;
}
/*-----------------------
4. Home 2 slider CSS
-------------------------*/
.layer2-image img{
	left: 50%;
}
.width2-cap{
	left: 12%;
	text-align:left;
}
/*-----------------------
4. Home 2 Hot deal CSS
-------------------------*/
.home2-slider{
	position:relative;
}
.hot-deal-product-area {
  margin-top: 50px;
}
.hot-deal-bg{
	background:#f3f3f3;
}
.hot-deal-area {
  bottom: -50px;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.hot-deal-heading{
	text-align:center;
	background:#05c2f9;
}
.hot-deal-heading h2{
	text-transform:uppercase;
	font-size:24px;
	color:#fff;
	font-weight:700;
	padding:35px 0px;
	margin:0;
	display:inline-block;
}
.hot-deal-heading span{
	margin:0px 20px;
}
.hot-product-image img{
	margin:0 auto;
	display:block;
}
.home2-special-offer-details {
  text-align: left;
  padding: 62px 0;
}
.home2-special-offer-details h1 {
  font-size: 18px;
}
.home2-special-offer-details .offer-regular {
  font-size: 24px;
}
.home2-special-offer-details p.offer-hd-pro{
  padding: 0 125px 0 0;
}
.home2-special-offer-details .box-timer .cdown{
  display:inline-block;
}
.home2-timer .cdown{
	margin-bottom:0px;
}
.offer-pricing {
  padding: 5px 0px;
}
/*-----------------------
4. Home 2 money return CSS
-------------------------*/
.order-shop i{
	height:75px;
	width:75px;
	border:1px solid #05c2f9;
	border-radius:50%;
	line-height:75px;
	font-size:30px;
	color:#9a979a;
	text-align:center;
	float:left;
	margin-right:10px;
}
.order-shop i:hover{
	background:#05c2f9;
	color:#fff;
	transition:all .6s ease 0s;
}
.order-details {
  padding: 6px 0;
}
.order-details h1{
	color:#333;
	text-transform:uppercase;
	font-size:18px;
	font-weight:700;
	margin:0px 0px 5px;
}
.order-details p{
	color:#909090;
	font-family: "Roboto",sans-serif;
	font-size:14px;
	font-weight:400;
	margin:0;
}
/*-----------------------
4. Home 2 tab CSS
-------------------------*/
ul.tab-custon-design{
	margin: 0 auto;
}
ul.tab-custon-design, ul.tab-review-design{
  border: 1px solid #dddddc;
  padding: 15px 35px;
  width: 65%;
}
ul.tab-custon-design li, ul.tab-review-design li{
	display:inline-block;
}
ul.tab-custon-design li span, ul.tab-review-design li span{
	margin:0px 20px;
	color:#05c2f9;
	font-size:14px;
}
ul.tab-custon-design li a, ul.tab-custon-design li a:hover, ul.tab-custon-design li a:focus, ul.tab-review-design li a, ul.tab-review-design li a:hover, ul.tab-review-design li a:focus{
	font-size:24px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	color:#909090;
}
ul.tab-custon-design li.active a, ul.tab-review-design li.active a{
	color:#333 !important;
}
/*-----------------------
4. Testimonial CSS
-------------------------*/
.testimonial-bg {
  background: rgba(0, 0, 0, 0) url("img/testimonial/1.jpg") no-repeat fixed center center / cover ;
}
.testimonial-wrapper{
	padding:90px 60px;
}
.testimonial-head-st{
	text-align:center;
	margin-bottom:40px;
}
.testimonial-details{
	text-align:center;
}
.testimonial-head-st h2{
	font-size:30px;
}
.testimonial-details h2{
	font-size:18px;
}
.testimonial-details a{
	color:#fff;
}
.testimonial-head-st h2, .testimonial-details h2{
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
}
.testimonial-details h5{
	font-weight:300;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	font-family: "montserratlight";
}
.testimonial-details p{
	font-family: "Roboto",sans-serif;
	font-size:14px;
	font-weight:400;
	color:#fff;
}
.testimonial-details img {
  border-radius: 50%;
  height: 90px;
  width: 90px !important;
  display: block;
  margin: 5px auto;
}
.testimonial-list .owl-controls {
  text-align: center;
}
.testimonial-list .owl-dots div{
	height:15px;
	width:15px;
	border:1px solid #05c2f9;
	border-radius:50%;
	display:inline-block;
	margin:0px 2px;
	background:#05c2f9;
}
.testimonial-list .owl-dots div.active{
	border:1px solid #fff;
	background:none;
}
/*-----------------------
4. single product page bread come CSS
-------------------------*/
.sign-up-area{
	background: url("img/sing-up/sign-up-bg.jpg") no-repeat scroll 0 0 / cover ;
}
.sign-details{
	position:relative;
	height:250px;
}
.bread-come {
  bottom: 0;
  left: 0;
  padding: 5px 0;
  position: absolute;
}
.bread-middle-area {
  display: block;
  margin: 0 auto;
  padding: 87px 0;
  position: absolute;
  right: 0;
  top: 0;
}
.sign-up-head{
	text-align:center;
}
.sign-up-head h1{
	font-size:36px;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
}
.sign-up-head p{
	font-size:14px;
	color:#fff;
	font-weight:700;
	margin:0;
}
.sign-up-head span{
	color:#05c2f9;
}
.sign-up-button a.sign-up-a {
  background: #fff none repeat scroll 0 0;
  border-radius: 25px;
  color: #333;
  display: block;
  font-size: 18px;
  margin: 15px 30px;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
}
.bread-come span{
	font-size:14px;
}
.bread-come .bread-home, .bread-come .bread-home:hover, .bread-come .bread-home:focus {
	color:#fff;
	text-decoration:none;
}
.bread-come .bread-pro {
	color:#05c2f9;
}
/*-----------------------
4. single product branding CSS
-------------------------*/
.product-page-brand{
	margin-top:90px;
}

/*-----------------------
4. single product tab CSS
-------------------------*/
#single-product-tab img{
	border: 1px solid transparent;
}
#single-product-tab .active img{
	border: 1px solid #05c2f9;
}
ul#single-product-tab{
	margin-top:10px;
	margin-left:-5px;
	margin-right:-5px;
}
ul#single-product-tab li{
	width:25%;
	float:left;
	padding:0px 5px;
	border:1px solid transparent;
}
ul#single-product-tab li a{
	display: block;
}
.single-pro-list {
  margin-top: 20px;
}
.single-product-details h1{
	font-size:24px;
}
.single-product-details h1, .single-pro-size h6, .color-quality-details h5, .color-quality h4, .single-social-area h3, .sb-shop-product-single h2{
	font-weight:700;
	color:#333;
	text-transform:uppercase;
}
.single-pro-star, .list-star{
	color:#05c2f9;
	font-size:14px;
}
.single-pro-star i{
	margin:0px 1px;
}
.single-pro-price{
	margin:25px 0px;
}
.single-regular, .list-regular{
	color:#333333;
	font-weight:700;
	font-size:24px;
}
.single-old, .list-old{
	color:#909090;
	font-weight:400;
	font-size:14px;
	margin:0px 10px;
}
.single-pro-cn h3{
	font-size:14px;
	color:#333;
	font-weight:400;
	text-transform:uppercase;
}
.single-pro-cn p, .list-pro-cn p{
	font-size:14px;
	color:#606060;
	font-weight:400;
	font-family: "Roboto",sans-serif;
}
.single-pro-size h6, .color-quality-details h5, .color-quality h4, .single-social-area h3{
	font-size:14px;
}
.single-pro-size{
	margin:35px 0px;
}
.single-pro-size span{
	border: 1px solid #ececec;
	color: #606060;
	font-size: 12px;
}
.color-quality-details{
	float:left;
}
.color-quality-details .red, .sidebar-color-area .red{
	background:#00ffff;
}
.color-quality-details .green, .sidebar-color-area .green{
	background:#ef7676;
}
.color-quality-details .yellow, .sidebar-color-area .yellow{
	background:#f06eaa;
	border: 1px solid #05c2f9;
}
.color-quality-details .black, .sidebar-color-area .black{
	background:#2094ed;
}
.color-quality-details .white, .sidebar-color-area .white{
	background:#f7941d;
}
.single-pro-size span, .color-quality-details span {
  display: inline-block;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
  margin-right:10px;
}
.single-arrow-area{
	height:25px;
	width:25px;
	border: 1px solid #ececec;
}
.color-quality {
  float: left;
  margin: 0px 90px;
}
.pro-quantity-changer a {
  border: 1px solid #ececec;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
  cursor:pointer;
  color:#333;
  text-decoration:none;
}
.pro-quantity-changer [type="text"] {
  border: 1px solid #ececec;
  height: 25px;
  text-align: center;
  width: 50px;
  color:#333;
  font-weight:400;
  font-size:12px;
}
.color-quality-pro{
	margin:35px 0px;
}
.single-social-area a{
	border:1px solid #979797;
	color:#909090;
}
.single-social-area a:hover{
	color:#fff;
}
.pro-button, .pro-viwer{
	float:left;
	margin:30px 0px;
}
.pro-button, .list-pro-button{
	height: 40px;
  line-height: 40px;
  text-align: center;
  width: 150px;
  background: #05c2f9 none repeat scroll 0 0;
  border-radius: 25px;
  transition: all .4s ease 0s;
}
.pro-button a, .pro-button a:focus, .list-pro-button a, .list-pro-button a:focus{
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.pro-viwer{
	margin:30px 10px;
}
.pro-viwer a, .list-pro-viwer a {
  border: 1px solid #05c2f9;
  border-radius: 50%;
  color: #05c2f9;
  display: inline-block;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.review-content-section{
	margin-top:30px;
}
.review-content-section p{
	color:#606060;
	font-weight:400;
	font-family: "Roboto",sans-serif;
	font-size:14px;
}
.suggested-heading{
	width:33%;
}
/*-----------------------
4. shop Grid full css
-------------------------*/
.grid-icon-sec ul.tab-shop-grid li a{
	float:left;
	padding:5px 10px;
	color:#909090;
	margin-right:10px;
	font-size:18px;
	border:1px solid #e7e7e7;
}
.grid-icon-sec ul.tab-shop-grid li.active a{
	background:#05c2f9;
	color:#fff;
}
.limiter, .limiter-left, .grid-pagination {
  float: right;
  margin-left: 90px;
}
.limiter label, .limiter-left label{
	font-size:14px;
	color:#333;
	font-weight:400;
	text-transform:uppercase;
	margin-right:10px;
}
.limiter-left select, .limiter select {
  border: 1px solid #e7e7e7;
  color: #909090;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
}
.limiter-left option, .limiter option{
	border:none;
	outline:none;
}
ul.pagination-pro li{
	display:inline-block;
}
ul.pagination-pro li.active span {
  background-color: #05c2f9;
  border: 1px solid #05c2f9;
  color: #fff;
  cursor: default;
  z-index: 2;
  padding:8px 14px;
  font-size:14px;
  display:inline-block;
}
ul.pagination-pro li a{
  padding:8px 14px;
  border: 1px solid #e7e7e7;
  font-size:14px;
  color:#909090;
}
.grid-pagination-bottom {
  text-align: center;
  padding-top:15px;
}
.shop-full-pg-bt{
	padding-top:30px;
}
/*-----------------------
4. shop Grid left sidebar css
-------------------------*/
.left-sidebar-filter, .priceing_area{
	margin:30px 0px;
}
.grid-left-sidebar {
  margin-left: 70px;
}
.grid-left-bottom-pg {
  margin-top: 40px;
}
.left-sidebar-category, .left-sidebar-filter, .priceing_area, .sidebar-color{
	border:1px solid #e7e7e7;
}
.left-sidebar-category h3, .left-sidebar-filter h3, .priceing_area h2, .sidebar-size h2, .sidebar-color h2, .blog-latest-blog-area h2, .blog-feed-area h2, .blog-tag h2{
	font-size:14px;
	color:#333;
	font-weight:400;
	text-transform:uppercase;
	padding:15px 16px;
	margin:0;
}
ul.category-nav li a, ul.category-nav li a:hover, ul.category-nav li a:focus, ul.filter-nav li a, ul.filter-nav li a:hover, ul.filter-nav li a:focus{
	font-size:12px;
	color:#333;
	font-weight:300;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 15px;
	display:block;
	border-top:1px solid #e7e7e7;
	font-family: "montserratlight";
}
ul.category-nav li a:hover{
	color:#3ec7f7;
	background:#e7e7e7;
}
.price_filter {
  padding: 20px 20px;
  border-top: 1px solid #e7e7e7;
}
#amount {
  color: #333;
  font-size: 11px;
  font-weight:300;
  font-family: "montserratlight";
}
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #cacaca none repeat scroll 0 0;
  border: medium none;
  height: 5px;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #05c2f9;
  border-radius: 50%;
  cursor: pointer;
  height: 12px;
  width: 12px;
  margin-top:1px;
}
.ui-slider .ui-slider-range {
  background: #05c2f9 none repeat scroll 0 0;
  border: 0 none;
}
.price_slider_amount input[type="text"] {
  border: medium none;
  width: 100%;
}
.sidebar-size, .blog-latest-blog-area{
	border: 1px solid #e7e7e7;
}
.sidebar-size-area{
	 border-top: 1px solid #e7e7e7;
}
.sidebar-size-area span {
  border-right: 1px solid #e7e7e7;
  display: inline-block;
  font-size: 12px;
  padding: 15px 19px;
  text-transform: uppercase;
  font-weight:300;
  font-family: "montserratlight";
}
.sidebar-color{
	margin-top:20px;
}
.sidebar-size-area span:last-child{
	border-right: none;
}
.sidebar-color-area span {
 margin:10px 10px;
 height: 25px;
 width: 25px;
 display:inline-block;
 border-right: 1px solid #e7e7e7;
}
.sidebar-color-area{
	border-top:1px solid #e7e7e7;
}
/*-----------------------
4. shop list left sidebar css
-------------------------*/
.sb-shop-product-single h2 {
  font-size: 18px;
  margin-top: 10px;
}
.sb-shop-product-single .list-hd {
  color:#333;
}
.sb-shop-product-single .list-hd:hover {
  color:#05c2f9;
}
.sb-shop-product-single h2 {
  font-size: 18px;
  margin-top: 10px;
}
.list-star{
	float:right;
}
.list-pro-cn p {
  margin: 20px 0;
}
.list-pro-button, .list-pro-viwer{
	float:left;
	margin-right:10px;
}
.list-pro-viwer a{
	margin:0px 2px;
}
.shop-list-images, .sb-list-product-shop{
	margin-top:30px;
}
.sb-shop-product-single {
  display: inline-block;
  padding: 42px 0;
}
/*-----------------------
4. Blog page full view css
-------------------------*/
.blog-tag a:hover {
	border: 1px solid #05c2f9 !important;
}
.category-blog-sidebar, .blog-tag{
	margin:30px 0px;
}
.blog-search-bx [type="text"]{
	height:35px;
	width:213px;
	border:1px solid #e7e7e7;
	padding:0px 20px;
	color:#909090;
	font-weight:400;
	font-size:14px;
}
.blog-search-bx a{
	height:35px;
	width:45px;
	border:none;
	font-size:18px;
	color:#fff;
	line-height:35px;
	text-align:center;
	background:#333333;
	display:inline-block;
}
.blog-single img{
	margin-right:10px;
}
.blog-single img, .blog-details{
	float:left;
}
.blog-details a, .blog-details a:hover, .blog-details a:focus{
	color:#69686c;
	font-size:12px;
	font-weight:300;
	text-decoration:none;
	font-family: "montserratlight";
}
.blog-details p{
	color:#69686c;
	font-size:12px;
	font-weight:300;
	font-family: "montserratlight";
}
.blog-single {
  overflow: hidden;
  padding: 15px 20px;
  border-bottom: 1px solid #e7e7e7;
}
.blog-single:last-child{
	border:none;
}
.blog-latest-blog-area h2{
	border-bottom: 1px solid #e7e7e7;
}
.blog-tag a, .blog-tag a:hover, .blog-tag a:focus{
	color:#69686c;
	font-size:12px;
	font-weight:300;
	text-transform:uppercase;
	text-decoration:none;
	border:1px solid #e7e7e7;
	padding:10px;
	margin-right:3px;
	margin-bottom:5px;
	display:inline-block;
}
.single-full-details{
	background:#f7f7f7;
	margin-bottom:50px;
}
.single-full-details p, .blog-sig-details p{
	font-size:14px;
}
.single-full-details {
  background: #f7f7f7 none repeat scroll 0 0;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.single-full-details-dt span{
	margin: 10px 8px 0;
}
.blog-sig-details-dt span{
	margin: 10px 85px 0;
	display:inline-block;
}
.comment-head h3{
	margin: 20px 0;
	text-transform: uppercase;
	position:relative;
	text-align: center;
}
.comment-head h3, .comment-details h4, .lead-head h3 {
  color: #333;
  font-size: 18px;
  font-weight: 400;
}
.comment-details a:hover, .comment-details a:focus{
	color:#05c2f9;
}
.comment-head h3::before, .comment-head h3::after{
	width: 37%;
}
.comment-head h3::before, .lead-head h3:before {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
}
.comment-head h3::after, .lead-head h3:after {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  height: 1px;
  right: 0;
  position: absolute;
  top: 50%;
}
.user-comment img{
	float:left;
	margin-right:20px;
}
.comment-replay{
	float:right;
	color:#05c2f9;
	font-size:14px;
	text-transform:uppercase;
}
.comment-details p{
	color:#666666;
	font-size:14px;
	font-weight:300;
	font-family: "Roboto",sans-serif;
}
.admin-comment{
	padding: 20px 0px;
	padding-left:40px;
}
.user-comment {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 15px;
}
.user-coment2 {
  border-bottom: none;
  padding: 20px 0px;
}
.lead-head h3{
	text-transform:uppercase;
	position:relative;
	text-align:center;
}
.lead-head h3:before, .lead-head h3:after{
	width:30%;
}
.coment-area, .coment-area textarea{
	margin:30px 0px;
}
.coment-area input[type="text"], .coment-area textarea{
	width:100%;
	border:1px solid #e7e7e7;
	color:#909090;
	font-size:14px;
	font-weight:300;
	padding:0px 10px;
	font-family: "montserratlight";
}
.coment-area input[type="text"]{
	height:40px;
}
.coment-area textarea{
	padding-top:10px;
}
.coment-area input[type="submit"]{
	text-transform:uppercase;
	font-weight:400;
	font-size:12px;
	color:#fff;
	padding:10px 30px;
	background:#05c2f9;
	border:none;
	border-radius:25px;
	transition:all .4s ease 0s;
}
.coment-area input[type="text"]:focus, .coment-area textarea:focus{
	border:1px solid #05c2f9;
}
.blog-feed-area {
  margin: 0 -5px;
}
.blog-feed-area a {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-top:10px;
  width: 33.33%;
}
.blog-page-gallery{
	display:inline-block;
}
/*-----------------------
4. checkout page css
-------------------------*/
.checkout-main-hd h1, .shopping-main-hd h1, .order-main-hd h1, .payment-main-hd h1{
	font-size:14px;
	color:#333;
	font-weight:400;
	text-transform:uppercase;
}
.checkout-wrapper, .shopping-wrapper, .order-wrapper, .order-wrapper{
	background:#f6f6f6;
	padding:30px;
}
.checkout-wrapper input[type="text"], .shopping-wrapper input[type="text"]{
	height:40px;
	margin:10px 0px;
	padding:0px 10px;
}
.checkout-wrapper textarea, .shopping-wrapper textarea{
	margin-top:10px;
	padding:10px;
}
.checkout-wrapper input[type="text"], .checkout-wrapper textarea, .shopping-wrapper input[type="text"], .shopping-wrapper textarea{
	width:100%;
	background:#fff;
	color:#909090;
	font-size:14px;
	text-transform:capitalize;
	border:none;
	font-weight:300;
	font-family: "montserratlight";
}
.order-total, .order-sum, ul.order-list li span{
	float:right;
}
.order-wrapper .product-total, .order-wrapper .order-sum-sb, ul.order-list li{
	margin:0px;
	font-weight:300;
	font-size:14px;
	font-family: "montserratlight";
}
.order-wrapper .product-total, .bank-total{
	padding:10px 10px;
	background:#fff;
	color:#333;
	font-weight:300;
	font-family: "montserratlight";
}
.order-wrapper .order-sum-sb{
	color:#05c2f9;
	border-top:1px solid #909090;
	margin:0px 10px;
}
ul.order-list li {
  border-bottom: 1px solid #e7e7e7;
  color: #909090;
  padding: 10px;
}
ul.order-list li:last-child {
 border:none;
}
.bank-total{
	text-transform:uppercase;
}
.payment-ct{
	padding:10px 10px;
	color:#909090;
	font-weight:300;
	font-size:14px;
}
.order-main-hd h1, .payment-main-hd h1 {
  margin: 30px 0 10px;
}
.order-wrapper a{
	 margin-top: 10px;
	 width: 30%;
	 display: block;
	padding: 10px 20px;
}
.order-wrapper a, .wish-cart a, .coupon-discount a, .calculate-get-quate a, .contact-form-nt a {
  background: #05c2f9 none repeat scroll 0 0;
  border-radius: 25px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "montserratlight";
  transition:all .4s ease 0s;
}
.order-wrapper a:hover, .contact-form-nt a:hover, .wish-cart a:hover, .coupon-discount a:hover, .calculate-get-quate a:hover{
  background: #272727 none repeat scroll 0 0;
}
/*-----------------------
4. Wishlist page css
-------------------------*/
.wishlist-list table {
  border: 1px solid #e7e7e7;
  text-align: center;
  width: 100%;
}
.wishlist-list table th {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 10px;
  text-align: center;
  text-transform: uppercase;
  background:#ececec;
}
.wishlist-list table td{
	color:#6a6a6a;
	padding:15px 20px;
	border-bottom: 1px solid #e7e7e7;
}
.wishlist-img{
	margin-right:20px;
}
.wishlist-img, .wishlist-pro-details{
	float:left;
}
.wishlist-pro-details{
	text-align:left;
}
.wishlist-pro-details h1{
	margin-bottom:5px;
}
.wishlist-pro-details p{
	margin:0px 0px;
	color:#909090;
}
.wishlist-pro-details a{
	font-size:14px;
	font-weight:400;
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
}
.wish-cart a{
	padding: 10px 10px;
}
.wish-time a{
	padding:3px 5px;
	background:#ececec;
	color:#999;
}
/*-----------------------
4. Shopping cart page css
-------------------------*/
.shopping-payment-details, .coupon-discount, .calculate-shopping {
	border: 1px solid #e7e7e7;
	padding:30px;
	margin-top:30px;
}
.shopping-payment-details h3, .coupon-discount h3, .calculate-shopping h2{
	font-size:14px;
	color:#333;
	font-weight:400;
	text-transform:uppercase;
}
.shopping-payment-details p{
	color:#05c2f9;
	border-top:1px solid #bababa;
	text-transform:uppercase;
	font-weight:300;
	font-family: "montserratlight";
}
.coupon-discount p, .calculate-shopping p{
	font-size:12px;
	font-weight:300;
	color:#6e6e6e;
	font-family: "montserratlight";
}
.coupon-discount input[type="text"], .calculate-shopping input[type="text"]{
	padding:10px;
	background:#ececec;
	font-weight:300;
	font-size:12px;
	color:#909090;
	border:none;
	width:100%;
	font-family: "montserratlight";
}
.coupon-discount a {
  margin: 24px 0;
  padding: 10px 20px;
  width: 35%;
}
.calculate-get-quate a {
  display: block;
  margin-top: 30px;
  padding: 10px 20px;
  width: 14%;
}
/*-----------------------
4. Contact css
-------------------------*/
.contact-page-area{
	position:relative;
}
.google-map-main-area {
  position: relative;
  margin-top: -110px;
}
.contact-bg-area {
	background:#fff;
	padding:90px 150px;
	box-shadow: 0 2px 1px 1px #ddd;
}
.shortcode-bx {
  box-shadow: 0 0 0 0 #ddd;
}
.contact-get-touch h2, .contact-form-cn h2{
	font-size:18px;
	color:#333;
	font-weight:400;
	text-transform:uppercase;
}
.contact-form-nt input[type="text"]{
	padding:0px 10px;
	height:40px;
}
.contact-form-nt input[type="text"], .contact-form-nt textarea{
	color:#909090;
	font-weight:300;
	font-size:14px;
	width:100%;
	border:1px solid #eeeeee;
	margin:10px 0px;
	font-family: "montserratlight";
}
.contact-form-nt textarea{
	padding:10px;
}
.contact-form-nt input[type="text"]:focus, .contact-form-nt textarea:focus{
	border:1px solid #05c2f9;
	color:#303030;
}
.contact-form-nt a {
  width: 39%;
  display: block;
  padding: 10px 20px;
  margin-top:10px;
}
.contact-details-main{
	padding:10px 20px;
	border:1px solid #eeeeee;
	margin:20px 0px;
	display:block;
}
.contact-details-main p{
	font-size:14px;
	color:#606060;
	font-weight:300;
	font-family: "montserratlight";
}
.contact-ctn {
  margin-bottom: 34px;
  overflow: hidden;
}
.contact-ctn i, .contact-address{
	float:left;
	margin-right:20px;
}
.contact-ctn i {
  border: 1px solid #8f8f8f;
  border-radius: 50%;
  color: #606060;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  margin-top: 5px;
}
.contact-address span{
	font-size:14px;
	font-weight:300;
	color:#606060;
	font-family: "montserratlight";
}
/*-----------------------
4. modal css
-------------------------*/
.modal-dialog.modal-search-dialog{
	width:900px;
}
.seach-bg-img{
	position:relative;
}
.search-box-here {
  bottom: 0;
  left: 0;
  margin: 25% auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
.search-box-here input[type="text"] {
  background: #272727 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 16px;
  height: 50px;
  padding: 0 10px;
  width: 400px;
  font-weight:400;
}
.search-box-here input[type="submit"] {
  width: 100px;
  height: 50px;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background:#05c2f9;
  font-weight:700;
}
.search-box-here input[type="text"]:focus {
  border:1px solid #05c2f9;
}
.modal-search-dialog{
	position:relative;
}
.modal-search-dialog .modal-header{
	position:absolute;
	right:0;
	z-index:9999;
}
.modal-search-dialog .modal-body{
	padding:0px;
}
.modal-dialog.popular-pro-dialog {
  margin: 65px auto;
  width: 965px;
}
.modal-header {
  border-bottom: 0px solid #e5e5e5;
  padding: 0px;
  float: right;
}
.modal-header i {
  font-size: 14px;
  height: 25px;
  width: 25px;
  background: #fff;
  line-height: 23px;
  border: 1px solid #000;
  border-radius: 50%;
}
.modal-content {
  border-radius: 0px;
}
.single-pro-list-modal {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 10px;
}
.single-pro-list-modal .product-single-img {
  float: left;
  padding: 0 10px;
  width: 25%;
}
/*-----------------------
4. Alert css
-------------------------*/
.alerts-title h2, .braedcrumbs-title h2, .button-section-title h2, .dropdown-section-title h2, .section-title h2{
	font-weight:700;
	color:#333;
	font-size:24px;
	padding:0px 0px 20px 0px;
	text-transform:capitalize;
}
.alerts-all, .breadcrumb-single {
  font-weight: 400;
}
.breadcrumb-single a{
	color:#333;
}
.breadcrumb-single a:hover{
	color:#05c2f9;
}
.alert:last-child{
	margin-bottom:0px;
}
.alert-titile-pad-t  {
  padding-top: 30px;
}
.button-cus-pad-b{
	padding-bottom: 30px;
}
.breadcrumb-pad-t{
	margin-bottom: 0px;
}
.pagination {
	margin-top:0px;
	margin-bottom:20px;
}
.pager, .progress-bt{
	margin-bottom:0px;
}
.special-shortcode-pro {
  padding: 116px 0;
}
.review-content-section .review-content-mg{
	margin:0;
}


.pg-wrap{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 999999;
}
.pg-content{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 4rem 4rem 2rem;
	background: #252525;
}
.pg-content .close{
	position: absolute;
	top: 0;
	right: -3rem;
	transform: translate(-50%, -50%);
	background: #e71c1c;
	color: white;
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	border-radius: 50%;
	text-shadow: none;
	line-height: 0;
}

.pg-preview{
	height: 60%;
	position: relative;
}


@media screen and (max-width: 1024px) {
	.pg-preview{
		height: 80%;
	}
}

.pg-wrap .arrow-right:before, .pg-wrap .arrow-left:before{
	content: '';
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E") no-repeat center;
	filter: brightness(0) invert(1);
	width: 3rem;
	height: 3rem;
	object-fit: contain;
	display: flex;
}

.pg-preview .arrow-left, .pg-preview .arrow-right{
	position: absolute;
	top: 50%;
	cursor: pointer;
}

.pg-preview .arrow-left {
	left: -1.5rem;
	transform: translate(-50%, -50%) rotate(180deg);
}

.pg-preview .arrow-right{
	right: -1.5rem;
	transform: translate(50%, -50%);
}

.pg-preview .images{
	overflow: hidden;
	align-items: center;
	transition: all .3s;
	height: 100%;
	white-space: nowrap;
}

.pg-preview img{
	width: 100%;
	height: 100%;
	max-height: 60vh;
	object-fit: contain;
	display: inline-block;
	padding: 1rem;
	border-radius: .5rem;
}

.pg-preview img.active{

}

.pg-thumbs{
	padding: 1rem .5rem;
}

.pg-thumbs .images{
	display: flex;
	overflow: hidden;
	align-items: center;
	transition: all .3s;
}

.pg-thumbs img{
	height: 80px;
	width: 80px;
	object-fit: cover;
	border: transparent solid 2px;
	margin: 0 .1rem;
	border-radius: .3rem;
	cursor: pointer;
}

.pg-thumbs img.active{
	border-color: #05c2f9;
}