/*

		Theme Name: Passion Arte

		Author: A2Z Technology Developing Team

		Description: Theme

		Version: 1.0

	Colour - bio lab blue #00a7a8

	*/



	.alignnone {

		margin: 5px 20px 20px 0;

	}

	.aligncenter,

	div.aligncenter {

		display: block;

		margin: 5px auto 5px auto;

	}

	.alignright {

		float:right;

		margin: 5px 0 20px 20px;

	}

	.alignleft {

		float: left;

		margin: 5px 20px 20px 0;

	}

	a img.alignright {

		float: right;

		margin: 5px 0 20px 20px;

	}

	a img.alignnone {

		margin: 5px 20px 20px 0;

	}

	a img.alignleft {

		float: left;

		margin: 5px 20px 20px 0;

	}

	a img.aligncenter {

		display: block;

		margin-left: auto;

		margin-right: auto

	}

	.wp-caption {

		background: #fff;

		border: 1px solid #f0f0f0;

		max-width: 96%; /* Image does not overflow the content area */

		padding: 5px 3px 10px;

		text-align: center;

	}   



	.wp-caption.alignnone {

		margin: 5px 20px 20px 0;

	}

	.wp-caption.alignleft {

		margin: 5px 20px 20px 0;

	}

	.wp-caption.alignright {

		margin: 5px 0 20px 20px;

	}   

	.wp-caption img {

		border: 0 none;

		height: auto;

		margin: 0;

		max-width: 98.5%;

		padding: 0;

		width: auto;

	}   

	.wp-caption p.wp-caption-text {

		font-size: 11px;

		line-height: 17px;

		margin: 0;

		padding: 0 4px 5px;

	}

	.carousel-inner > .item > img, .carousel-inner > .item > a > img {

	  width: 100%;

	}

	.widget.widget_text,.widget li,li.widget {

	  list-style: outside none none;

	}

	.side-bar {

	  font-family: "Open Sans",sans-serif;

	  margin-left: 40px;

	}

	.side-bar ul{

	  margin: 0;

	  padding: 0;

	}

	*{font-family: "Open Sans",sans-serif;}

	.holder h2 {

	  font-family: "Open Sans",sans-serif;

	  font-size: 24px;

	  font-weight: bold;

	  text-transform: uppercase;

	}

	.side-bar .widget {

	  border: 1px solid #eee;

	  margin: 20px 0;

	  padding: 16px 20px;

	}

	.serch-res {

	  margin: 20px 0;

	}

	.rest-cnt {

	  margin: 10px 0;

	}

	.thumb-image img {

	  padding: 2px;

	}

	.btn-src {

	  background: #00a7a8 none repeat scroll 0 0;

	  border-radius: 2px;

	  color: #fff;

	  text-transform: uppercase;

	}

	.erro-cont {

	  margin: 30px 0;

	}

	.search_box .form-control {

	  border-radius: 2px;

	}

	.form-search {

	  margin-top: 18px;

	}

	/*// Default Style*/

	.page-info { margin: 15px 0;}

	.btn-2{ background: #00a7a8; color:#fff; font-size:13px; font-family:'Raleway'; font-weight:500; text-transform:uppercase;}

	.rest-cnt p {  margin-bottom: 20px;}

	.side-bar a { color: #000;}

	.bx-wrapper .bx-controls-direction a.disabled {  display: block;}

	.top-pro{  margin-bottom: 16px;}

	.bottom-pro-2 img {  height: 198px;}

	.bottom-pro-4 img {  height: 159px;}

	/*woocommerce*/

	.woocommerce .woocommerce-info {  border-top-color: #00a7a8 !important;}

	.products{text-align: center;}

	.e-commerce .products li{ box-shadow: 0 0 9px 12px #000 inset !important;  padding: 40px !important;}

	.e-commerce .products h3{ color:#343434; font-size:22px; font-family:'Raleway';}

	.woocommerce span.onsale {  background-color: #00a7a8 !important;}

	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {  background-color: #00a7a8 !important;  color: #fff !important; font-family:'Raleway' !important;}

	.input-text {

	  background-color: #fff;

	  background-image: none;

	  border: 1px solid #ccc;

	  border-radius: 4px;

	  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

	  color: #555;

	  display: block;

	  font-size: 14px;

	  height: 34px;

	  line-height: 1.42857;

	  padding: 6px 12px;

	  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

	  width: 100%;

	}

	.woocommerce #coupon_code{margin-bottom: 15px;}

	/*End woocommerce*/



	.mainmenu .sub-menu {list-style: outside none none;  min-width: 250px;  padding: 0;  position: absolute;  z-index: 1000;  display:none;}

	.mainmenu li:hover .sub-menu{ display:block; }

	.mainmenu .sub-menu li{}

	.mainmenu .sub-menu li a { background: none repeat scroll 0 0 #00a7a8 !important;  display: block;  padding: 10px 15px;  text-align: left;  text-decoration: none;  transition: all 1s ease-in-out 0s;}

	.mainmenu .sub-menu li a:hover { background:#000 !important; border-left:5px solid #000; padding-left:25px;}



	.animation{ visibility:hidden;}

	.bx-wrapper .bx-pager { display: none;}



	.no-padding{ padding:0;}

	.no-margin{ margin:0;}



	.holder .black { box-shadow: 0 0 9px 12px #000 inset;  padding: 12px;}

	.holder .black .white { background: #f3f3f3 none repeat scroll 0 0;  padding: 20px;}



	.carousel-indicators{ left:12% !important; bottom:30% !important;}

	.carousel-indicators li { background-color: #fff;  border: 1px solid #fff;  border-radius: 10px;  cursor: pointer;  display: inline-block;  height: 10px;  margin: 1px;  text-indent: -999px; width: 10px;}

	.carousel-indicators li.active{ background:#00a7a8; border: none;}



	.box:hover .spl{ display:block}

	.spl {  background: rgba(0, 0, 0, 0) url("img/others/head-top-overlay.png") repeat scroll 0 0;  left: 16%;  padding: 26px;  position: absolute;  top: 63px; display:none;}

	.spl h5{ color:#fff;  font-family:'Raleway'; font-weight:700; text-transform:uppercase;}

	.spl ul li a{ color:#fff; font-family:'Raleway'; }

	.box{ position:relative; }





	header{}

	header .header-top { background: rgba(0, 0, 0, 0) url("img/others/head-top-overlay.png") repeat scroll 0 0;  padding: 15px 0; width: 100%;  z-index: 1000;}

	header .header-top .logo{ padding-top:6px;}

	header .header-top .mainmenu{}

	header .header-top .mainmenu .navbar-nav li a{ color:#fff; font-size:16px; font-family:'Raleway'; font-weight:500;}

	header .header-bottom .carousel-content-panel { left: 10%;  position: absolute;  top: 30%;  width: 355px;}

	header .header-bottom .carousel-content-panel h3{ color:#fff; font-size:43px;  font-family:'Raleway'; font-weight:700; text-transform:uppercase;}

	header .header-bottom .carousel-content-panel p{ color:#fff; font-size:16px;  font-family:'Raleway'; font-weight:500; line-height:1.6;}

	header .header-bottom .carousel-content-panel a{ background:#00a7a8; color:#fff; font-size:14px; font-family:'Raleway'; font-weight:500; text-transform:uppercase;}



	.holder{}

	.holder .arrival-holder { margin-bottom: 15px; padding: 15px 0;}

	.holder .arrival-holder h3{ color:#343434; font-size:30px; font-family:'Raleway'; font-weight:bold;}

	.holder .arrival-holder .bx-prev { background: rgba(0, 0, 0, 0) url("img/icons/nav-1.png") no-repeat scroll 0 0;  display: inline-block;  height: 23px;  position: absolute;  right: 30px;  text-indent: -9999px;  top: -40px;  width: 23px;}

	.holder .arrival-holder .bx-next { background: rgba(0, 0, 0, 0) url("img/icons/nav-2.png") no-repeat scroll 0 0;  display: inline-block;  height: 23px;  position: absolute;  right: 0px;  text-indent: -9999px;  top: -40px;  width: 23px;}

	.holder .painting{background:url(img/others/paint-bg.png) no-repeat; background-size:100%;}

	.holder .painting .paint-content{ padding:8%;}

	.holder .painting .paint-content h3{ color:#fff; font-size:38px;  font-family:'Raleway'; font-weight:500; text-transform:uppercase;}

	.holder .painting .paint-content p{ color:#fff; font-size:16px; font-family:'Raleway'; line-height:1.8;}

	.holder .painting .paint-content a{ background:#00a7a8; color:#fff; font-size:16px; font-family:'Raleway'; font-weight:500; text-transform:uppercase;}

	.holder .painting .bx-prev { background: rgba(0, 0, 0, 0) url("img/icons/paint-nav-1.png") no-repeat scroll 0 0;  display: inline-block;  height: 36px;  position: absolute;  width: 36px;  top: 43%;  text-indent: -9999px;  left: 7px;}

	.holder .painting .bx-next { background: rgba(0, 0, 0, 0) url("img/icons/paint-nav-2.png") no-repeat scroll 0 0;  display: inline-block;  height: 36px;  right: 51%;  position: absolute;  text-indent: -9999px;  top: 43%;  width: 36px;}

	.holder .feature-holder{ padding:20px 0;}

	.holder .feature-holder h2{ color:#343434; font-size:30px; font-family:'Raleway'; font-weight:800; padding-bottom:15px;}

	.holder .feature-holder .box-content h5{ color:#343434; font-size:22px; font-family:'Raleway';}

	.holder .feature-holder .box-content p{ color:#343434; font-size:14px; font-family:'Raleway'; line-height:1.8;}

	.holder .feature-holder .bx-prev { background: rgba(0, 0, 0, 0) url("img/icons/nav-1.png") no-repeat scroll 0 0;  display: inline-block;  height: 23px;  position: absolute;  right: 30px;  text-indent: -9999px;  top: -40px;  width: 23px;}

	.holder .feature-holder .bx-next { background: rgba(0, 0, 0, 0) url("img/icons/nav-2.png") no-repeat scroll 0 0;  display: inline-block;  height: 23px;  position: absolute;  right: 0px;  text-indent: -9999px;  top: -40px;  width: 23px;}



	footer{}

	footer .footer-top{ background:#343434; padding:20px 0;}

	footer .footer-top h4{ color:#fff; font-size:23px; font-family:'Raleway'; font-weight:500;  text-transform:uppercase;}

	footer .footer-top ul li{ padding:5px 0;}

	footer .footer-top ul li a{ color:#fff; font-size:13px; font-family:'Raleway'; }

	footer .footer-top ul li a:hover{ text-decoration:none;}

	footer .footer-top ul li a i{ padding-right:15px;}

	footer .footer-top p{ color:#fff; font-size:13px; font-family:'Raleway'; line-height:1.6;}

	footer .footer-top input[type="email"]{ background:#2d2d2d; border:none; border-radius:25px;}

	footer .footer-top .form-control{ color:#fff !important;}

	footer .footer-top .btn-default { background: #00a7a8 none repeat scroll 0 0;  border: medium none;  border-radius: 25px;  color: #fff;  font-family: "Raleway";  font-size: 13px;}

	footer .footer-bottom{ background: #00a7a8; padding:5px 0;}

	footer .footer-bottom ul{ margin:0;}

	footer .footer-bottom p{ margin:0; color:#fff; font-size:13px; font-family:'Raleway';}

	footer .footer-bottom .copy{ padding-top:10px;}



	@media (max-width: 1365px) {

		header .header-top .mainmenu .navbar-nav li a { font-size: 12px;}

		.holder .painting .paint-content { padding: 0;}

		.slider-2 { width: 858px;}

		.carousel-indicators{ left:12% !important; bottom:0% !important;}

		.spl{ display:none !important;}

		.carousel-indicators { bottom: 20px !important;  left: 12% !important;}



	}



	@media (max-width: 1023px) {

		.slider-2 { width: 572px;}

		header .header-top .mainmenu { padding-top: 7px;}

		header .header-top .mainmenu .navbar-nav li a { font-size: 12px;  padding: 5px;}

		.holder .painting .paint-content { padding: 0;}

		.holder .painting .paint-content h3 { font-size: 20px;}

		.holder .painting .paint-content p { font-size: 13px;}

		.holder .painting .paint-content a { font-size: 12px;}

		.carousel-indicators { bottom:0px !important;  }





	}





	@media (max-width: 767px) {

		header .header-top{ position:relative;}

		.black{ margin-bottom:10px;}

		.holder .painting { background: rgba(0, 0, 0, 0) url("img/others/paint-bg.png") no-repeat scroll 0 0 / cover ;}

		.holder .painting .paint-content { padding: 8%;}

		.box:hover .spl{ display:block !important;}



	}



	@media (max-width: 640px) {

		.holder .painting .bx-prev { left: 0;  top: 0;  width: 36px;}

		.holder .painting .bx-next { right: 13px;  top: 0;  width: 36px;}

		.slider-2 { width: 570px;}

		.spl { left: 35%;}

	}

	@media (max-width: 568px) {

		.slider-2 { width: 550px;}

		.spl { left: 33%;}

	}



	@media (max-width: 480px) {

		.holder .painting .bx-prev { left: 0;  top: 0;  width: 36px;}

		.holder .painting .bx-next { right: 0;  top: 0;  width: 36px;}

		.slider-2 { width: 280px;}

		.holder .feature-holder h2 { font-size: 22px;}

		.spl { left: 30%;}

	}

	@media (max-width: 360px) {

		.spl { left: 22%;}

	}

	@media (max-width: 320px) {

		.slider-2 { width: 280px;}

		.spl { left: 19%;}

	}