Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
ul, ol {margin: 0;}
p {margin: 0;}
html, body{
	font-family: 'Lato', sans-serif;
	font-size:100%;
	background:#fff;
}
body a:hover{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
/*-- Header Part Starts here --*/
.header{
	background:url(../images/banner.jpg)no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	min-height:800px;
	padding:3em 0;
}
.logo{
	float:left;
}
.moto {
	font-size: 11px;
	text-align: center;
	padding: 0;
	margin: 0;
}
.fw-moto {
	color: #C3EFFF;	
	text-transform: uppercase;font-weight: bold;
}
.sw-moto {
	color: #BCBCBC;
}
.navigation{
	float:right;
}
ul.navig{
	padding:0;
	margin-top: 3px;
}
ul.navig li{
	display:inline-block;
	margin:0 10px;
	color: #5EC2E7;
	font-weight: bold;
	font-size: 20px;
}
.banner{
	margin-top:5%;
}
.banner a{
	font-size:1em;	
	padding:0;
	border:1px solid #76cbeb;
	background:#fff;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	text-decoration:none;
}
.banner a:hover{
	border:1px solid #fff;
	background:#76cbeb;
	color:#fff;
}
/*-- Header Part Ends here --*/


/*------------------ Slider Part starts Here----------*/

.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
  border: 0;
}
.callbacks_tabs{
	list-style: none;	
	z-index: 999;	
	padding: 0;
	margin: 0;
}
.callbacks_tabs li{
	display:inline-block;
}
@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height:15px;
  width:15px;
  display:inline-block;
  border:2px solid #7eceec;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  background:#7eceec;
}

/*-- Reviews Part Ends Here --*/

.buy-g-row{
	margin:6em 0 3em;
}
.buy-g-col{
	text-align:center;
	z-index: 2;
}
.callbacks1_tabs a:after{
	background:#2996de;
	border:2px solid #2996de;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	width:18px;
	height:18px;
}

/*
** Issues
*/
.callbacks1_tabs .callbacks_here a:after{
	border:2px solid #fff;
}

.shirt-slide img{
	border-radius: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
}

div[aria-labelledby="tab_item-0"],
div[aria-labelledby="tab_item-1"],
div[aria-labelledby="tab_item-2"],.col-md-12 div {
	padding: 0;
}

.add-more{
	border: 0px solid #fff;
	background: #5C9FD6;
	color: #fff;
	text-transform: uppercase;
	padding: 17px 21px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	-webkit-border-radius:8px;	
	-moz-border-radius:8px;	
	-o-border-radius:8px;
	outline:none;	
}

.select-block {
  font-size: 17px;
  color: #898989;
  font-family:	"Lato",​sans-serif;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin: 15px 0 0 10px;  
  width: 95%; 
}
.select-block select {
  outline: none;
  -webkit-appearance: none;
  display: block;
  padding: 0 1em 0 1.5em;
  margin: 0;  
  height: 50px;  
  width: 100%;

  transition: border-color 0.2s;
  border: 5px solid transparent;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  border-radius: 5px;

  background: rgba(0, 0, 0, 0) url("../images/current-color.png") no-repeat scroll left center;
  
  line-height: normal;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.select-block select:active, select:hover {
  outline-color: red;
}
.select-block .arr {
  background: #fff;
  position: absolute;
  right: 0px;
  top: 5px;  
  bottom: 5px;
  width: 50px;
  pointer-events: none;
}
.select-block .arr:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -5px;
  pointer-events: none;
  border-top: 10px solid #E08C89;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.select-block .arr:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 28px;
  margin-top: -5px;
  pointer-events: none;
  border-top: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.select-block .size {
	background: rgba(0, 0, 0, 0) url("../images/size.png") no-repeat scroll left center;
}

.select-block .amount {
	background: rgba(0, 0, 0, 0) url("../images/quantity.png") no-repeat scroll left center;
}

.z-select {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
}

.item-price, .all-money {
	background-color: transparent;
	border: 0;
	color: #fff;
	text-align: center;
}

.client-name{
	padding-right: 0 !important;
}
.fa {
	color: grey;
	padding: 0 5px;
	opacity:  0.5;
}
.flat{
	position: relative;	
	cursor: pointer;
	font-weight:600;
	background:#FFF;
	border:1px solid #c8ccd3;
	color:#898989;
	border-radius:6px;	
	-webkit-border-radius:6px;	
	-moz-border-radius:6px;	
	-o-border-radius:6px;	
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.flat:hover{
	border:1px solid #6EC4CB;
}
.flat.open{
	z-index: 2;
}
.flat:hover,
.flat.focus{
	color:#666;
}
/* OLD SELECT (HIDDEN) */
.flat .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
.flat select{
	position: absolute;
	left: 0px;
	top: 0px;
}
.flat.touch select{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
/* SELECTED FEEDBACK ITEM */ 
.flat .selected {
    color:#898989;
}
.flat .selected:hover{
	color:#666;
}
.flat .selected,
.flat li{
	display:block;
	font-size:1em;
	font-weight:600;
	padding:1em 0 1em 3em;
	overflow:auto;
	white-space: nowrap;
	text-align:left;
}
.flat .selected{
	background: url(../images/current-color.png) no-repeat 8px 15px;
}
.flat .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding:27px 20px;
	width:20px;
	height:20px;
	background:url(../images/arrow-down.png) no-repeat center;
}
.pomp-size ul {
	z-index: 2;
}
.pomp-size .selected{
	background: url(../images/size.png) no-repeat 8px 15px;
}
.pomp-color .selected{
	background: url(../images/current-color.png) no-repeat 8px 15px;
}
.devilery-day .selected{
	background: url(../images/calendar.png) no-repeat 8px 15px;
}
.devilery-month .selected{
	background: url(../images/calendar-month.png) no-repeat 8px 15px;
}
/* DROP DOWN WRAPPER */
.flat div{
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top:1px;
	background:#FFF;
	overflow: hidden;
	opacity: 0;
	color:#898989;
	height:108px!important;
}
/* Height is adjusted by JS on open */

.flat.open div{
	opacity: 1;
	z-index: 2;
}
/* FADE OVERLAY FOR SCROLLING LISTS */
.flat.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
}
.flat.scrollable.bottom div::after{
	opacity: 0;
}
/* DROP DOWN LIST */
.flat ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow:auto;
	padding:0;
}
.flat.scrollable.open ul{
	overflow-y: auto;
}
/* DROP DOWN LIST ITEMS */
.flat li{
	list-style: none;
	padding:10px 10px;
	font-size:16px;
}
.flat li:last-child {
    border-bottom: 0;
}
/* .focus class is also added on hover */
.flat li:hover{
	color:#6EC4CB;
}
.flat li.focus{
	position: relative;
	z-index: 3;
	color:#6EC4CB;
}
.flat li.active{
    background-color:#6EC4CB;
	color: #fff;
}
.input-block{
	width:100%;
	padding: 0;
	float: left;
	margin: 0px 0;
}
.input-block span{
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	margin:16px 0 0 -6px;
	
}
.input-block div input[type="text"]{
	background: rgba(0, 0, 0, 0) url("../images/current-color.png") no-repeat scroll left center;
	margin: 15px auto;
	border: none;
	width: 95%;
	height: 50px;
	padding:10px 0 10px 25px;
	font-size: 1em;
	outline: none;
	color:#333;
	font-weight:600;
	border: 5px solid transparent;
  	box-shadow: 0 0 5px rgba(0,0,0,0.5);
  	border-radius: 5px;
}
.input-block div #datepicker {
	background: rgba(0, 0, 0, 0) url("../images/calendar-month.png") no-repeat scroll left center;
}
.input-block div #autocomplete {
	background: rgba(0, 0, 0, 0) url("../images/address.png") no-repeat scroll left center;
}
.input-block div #appartment {
	background: rgba(0, 0, 0, 0) url("../images/appartment-number.png") no-repeat scroll left center;
}
.input-block div #name {
	background: rgba(0, 0, 0, 0) url("../images/name.png") no-repeat scroll left center;
}
.input-block div #phone {
	background: rgba(0, 0, 0, 0) url("../images/phone.png") no-repeat scroll left center;
}
.submit-order, .next-step, .money {
	text-align:left;
	margin: 14px 5%;
}
#order-list-submit th{
	text-align: center;
}
.glyphicon-remove {
	cursor: pointer;
	color: #F87E74;
	display: block;
}
.glyphicon-remove:hover {
	color: #CF262B;
}
#orders-set .glyphicon-remove {	
	margin: 15% 0 ;
}
.address {
	text-align: left;
	margin-bottom: 30px;
}
.jumbotron {
	background-color: #5EC2E7;
	color: #fff;
	padding: 20px 15px !important;
}
.jumbotron h3 {
	text-transform: uppercase;
}
.money {
	margin-right: 0;
}
.all-price, .price-amount {
	border: 0;
	background: #F87E74;;
	color: #fff;
	text-transform: none;
	padding: 14px 15px !important;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	-webkit-border-radius:8px;	
	-moz-border-radius:8px;	
	-o-border-radius:8px;
	outline:none;
	cursor: default;
	display: none;
}
.price-amount {
	display: inline-block;
	margin: 13px 0 14px 8px;
	width: 161px;
	float: left;
}
.all-price:hover{
	background: #D14A40;
}
.money div {
	border: 0px solid #fff;
	background: #75c7e5;
	color: #fff;
	text-transform: none;
	width: 100%;
	padding: 17px 21px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	-webkit-border-radius:8px;	
	-moz-border-radius:8px;	
	-o-border-radius:8px;
	outline:none;
	cursor: default;
}
.next-step input {
	border: 0px solid #fff;
	background: url(../images/step-arw.png)no-repeat #75c7e5 69px;
	color: #fff;
	text-transform: uppercase;
	padding: 14px 33px 14px 21px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	-webkit-border-radius:8px;	
	-moz-border-radius:8px;	
	-o-border-radius:8px;
	outline:none;
}

.next-step input:hover {
	color:#fff;
	background: url(../images/step-arw.png)no-repeat #f87e74 69px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
}
.submit-order input{
	border: 0px solid #fff;
	background: #f87e74;
	color: #fff;
	text-transform: uppercase;
	padding: 14px 27px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	-webkit-border-radius:8px;	
	-moz-border-radius:8px;	
	-o-border-radius:8px;
	outline:none;
}
.submit-order input:hover{
	color:#fff;
	background: #75c7e5;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
}
/*--- Responsive Tabs ---*/
/******** SAP ************/
.sap_tabs{
	clear:both;
	padding:0;
}
.resp-tabs-list {
	width: 100%;
	list-style: none;
	padding: 0;
	border:1px solid #5EC2E7;
	background:rgba(255, 255, 255, 0.32);
	border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
}
.resp-tab-item:first-child{
	border-left:none;
}
.resp-tab-item{
	color: #333;
	font-size: 1.03em;
	cursor: pointer;
	padding:1em 0.816em;
	display: inline-block;
	margin: 0;
	text-align: center;
	list-style: none;
	float: left;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-weight:600;
}
.resp-tab-item:hover {
	text-shadow: none;
	color: #f68236;
}

.resp-tab-active {
	background:#5ec2e7;
	text-shadow: none;
	color:#fff;
	padding: 17px 19px;
	border-radius: 6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;	
	/*width: 40%;*/
}
/*This will work for firefox*/
@-moz-document url-prefix() {
    .resp-tab-active {
        padding: 17px 23px;
    }
    .resp-tabs-list li[aria-controls=tab_item-2] span{
	padding: 0 4px 0 0;
	}
}
.resp-tabs-container {
	padding: 0px;
	clear: left;
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
h2.resp-accordion {
	font-size:1em;
	margin: 0px;
	padding: 10px 15px;
	background:#f77462;
	margin:10px 0;
	color:#fff;
}
h2.resp-accordion:hover{
	background:#6CC5D9;
	text-shadow: none;
	color: #FFF;
}
@media only screen and (max-width:480px) {
	.sap_tabs{
		padding-top:0;
	}
	.resp-tabs-container{
		padding:0px;
	}
	ul.resp-tabs-list {
	  	display: none;
	}
	h2.resp-accordion {
	  	display: block;
	}
	.resp-accordion-closed {
		display: none !important;
	}
}

/*-- Media Queries Starts Here ---*/
@media(max-width:1024px){
	.banner {
		margin-top: 16%;
	}
	.header {
		min-height: 459px;
		padding: 2em 0 0;
	}
	ul.navig {
		margin-top: 0px;
	}
	.callbacks_tabs {
		top: 89%;
		left: 45.5%;
	}	
	.shirt-slide img {
		width: 54%;
	}
	.resp-tab-item {
		font-size: 0.875em;
		padding: 1em;
	}
	.resp-tab-active{
		padding: 1em;
	}
	ul.callbacks_tabs.callbacks3_tabs {
		left: 21%;
		top: 98%;
	}
	.flat .selected, .flat li {
		font-size: 0.875em;
		padding: 0.8em 0 0.8em 3em;
	}
	.flat .selected {
		background: url(../images/current-color.png) no-repeat 8px 9px;
	}
	.size .selected {
		background: url(../images/size-point.png) no-repeat 8px 9px;
	}
	.input-block div input[type="text"] {
		padding: 0.8em;
		font-size: 0.875em;
	}
	.input-block span {
		margin: 9px 0 0 -6px;
	}
	.input-block {
		margin: 2% 5% 0;
	}	
	.flat .selected::after {
		padding: 22px 20px;
	}
	.flat li {
		padding: 5px 10px;
		font-size: 0.8em;
	}
	.flat div {
		height: 79px!important;
	}
}
@media(max-width:768px){
	span.menu{
		width:32px;
		height:32px;
		background:url(../images/nav.png)no-repeat;
		display:block;
		cursor: pointer;
		float: right;
		margin-top: -4px;
	}
	.m-clear{
		clear:both;
	}
	.navigation{
		float:none;
		display: none;
		text-align:center;
		background:#fff;
	}
	ul.navig li{
		display: block;
		border-bottom: 1px solid;
		margin: 0;
	}
	ul.navig li a{
		display:block;
		color:#f87e74;
		padding:10px 0;
	}
	ul.navig li a:hover, ul.navig li a.active{
		color:#000!important;
		border-bottom:0px;
	}	
	.banner {
		margin-top: 12%;
	}
	.header {
		min-height: 362px;
		padding: 1em 0 0;
	}	
	.buy-g-row {
		margin: 3em 0 0em;
	}
	.shirt-slide img {
		width: 22%;
	}
	.shirt-slide {
		margin-bottom: 3em;
	}
	ul.callbacks_tabs.callbacks3_tabs {
		left: 39%;
		top: 79%;
	}	
}
@media(max-width:640px){	
	.banner a {
		font-size: 0.8em;
		color: #76cbeb;
		padding: 9px 13px;
	}
	.banner {
		margin-top: 10%;
	}
	.header {
		min-height: 281px;
		padding: 1em 0 0;
	}
	.buy-g-row {
		margin: 2em 0 0em;
	}
	ul.callbacks_tabs.callbacks3_tabs {
		left: 38%;
		top: 74%;
	}
}
@media(max-width:480px){
	.logo a img {
		width: 70%;
	}
	span.menu {
		width: 24px;
		height: 24px;
		background-size: 100%;
	}	
	.header {
		min-height: 250px;
	}
	.callbacks_tabs {
		top: 89%;
		left: 40.5%;
	}
	.shirt-slide img {
		width: 31%;
	}
	.buy-g-col {
		text-align: center;
		padding: 0;
	}
	.input-block {
		margin: 5% 0 0;
		width:100%;
	}
	.input-block div{
		margin:0;
		padding:0.2em;
	}
	.input-block div input[type="text"] {
		padding: 0.5em;
	}
}
@media(max-width:320px){	
	.header {
		min-height: 220px;
	}
	.callbacks_nav {
		height: 48px;
		width: 48px;
		margin-top: -8px;
		background-size: 453%;
	}
	a.callbacks_nav.callbacks1_nav.next {
		background-position: -111px 0px;
	}
	a.callbacks_nav.callbacks1_nav.prev:hover {
		background-position: -5px 0px;
	}
	a.callbacks_nav.callbacks1_nav.next:hover {
		background-position: -165px 0px;
	}
}

/*-- Media Queries Ends Here --- */

.social-icons i:hover {
	color: #3276B1;
}

.label-lg  span {
	font-size: 17px;
}

.label-lg  span:hover {
	background-color: #5C9FD6;
}

.label-lg:hover {
	text-decoration: none;	
}

.text {
	font-size: 12px;
	text-align: justify;
	margin-bottom: 50px;
	color: #898990;
}

.text ol {
	padding-left: 15px;
}

hr {
	border: 1px solid #c0c0c0;
}