body{
	background:#ffff;
}
* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  color: #1199fa;
  width: auto;
  padding: 16px;
  text-decoration:none;
  margin-top: -10px;
 
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  
}

/* Position the "next button" to the right */
.next {
  right: 15;
  border-radius: 3px 0 0 3px;
   
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  text-decoration:none;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #1199fa;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}
.slides .u-img{
	margin-left:1px;
}
.slides p {
    margin: 8 0 8px;

}
.row:after {
  content: "";
  display: table;
  clear: both;
  
}

/* Six columns side by side */
.column {
  float: left;
  
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
opacity: 1;
}



.t-m .t-select{
	margin-top:18px;
	
}

.t-m{
	padding-left:30px;
}
.t-m .t-caption{
	margin-top:-15px;
}
.t-m .t-caption h1{
	color:#1e3f6f;
}

.t-m .t-caption h2{
	font-weight:300;
}
.t-m #mesurment{
	width:63%;
	margin-left:15px;
	margin-top:10px;
	padding:7px;
	border:2px solid rgba(0,0,0,0.5);
	border-radius:5px;
	font-size:15px;
	outline:none;
	font-weight:500;
	box-shadow:none;
}
.t-m #mesurment:focus{
	border:2px solid #1e3f6f;
}








.t-m .count {
   
  margin-top:10px;
}
.t-m .count .qty {
    width: 55px;
    height: 55px;
    border:1px solid #959292;
	text-align:center;
	border-radius:10px;;
}
.t-m  .count .qty:focus{
	background:transparent;
	box-shadow:none;
	outline:none;
}
.t-m  .count input.qtyplus {
	width:42px; 
	height:42px;
	border-radius:100%;
	background:transparent;
	border:2px solid #1199fa;
	font-size:25px;
	padding-bottom:40px;
	color:#1199fa;;
	
	}
	
.t-m .count .qtyplus:focus{
	background:transparent;
	box-shadow:none;
	outline:none;
	border:2px solid #2270AF;
	color:#2270AF;
}
.t-m  .count input.qtyplus:active, .open .qtyplus{
     background:rgba(255,0,0,0.1);
	box-shadow:none;
	outline:none;
	border:2px solid #2270AF;
	color:#2270AF;
}
.t-m  .count input.qtyminus { 
    width:42px;
    height:42px;
	padding-bottom:40px;
    border-radius:100%;
	background:transparent;
	border:2px solid #1199fa;;
	font-size:25px;
	color:#1199fa;;
}
.t-m  .count input.qtyminus:active, .open .qtyminus {
     background:rgba(255,0,0,0.1);
	box-shadow:none;
	outline:none;
	border:2px solid #2270AF;
	color:#2270AF;
}
.t-m  .count .qtyminus:focus{
	background:transparent;
	box-shadow:none;
	outline:none;
}

.t-m .cart .btn{
	padding-left:50px;
	padding-right:50px;
	background:#1199fa;
	border-radius:5px;
	outline:none;
	border:none;
	transition:0.1s;
	box-shadow:none;
}
.t-m .cart .btn:hover{
	background:#2270AF;
	transition:0.1s;
}
.t-m .cart .btn:focus{
	background:#2270AF;
	transition:0.1s;
}
.t-m .t-f-footer{
	color:rgba(0,0,0,0.6);
	font-size:15px;
	line-height:20px;
}

.modal {
	
}
.modal {
  display: none; 
  position: fixed; 
  z-index: 1000; 
  padding-top: 100px; 
  left: 0;
  top: 0;
   z-index:10000;
  width: 100%;
  height: 100%; 
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  border-radius:0px;
  
}

.modal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
   
  padding: 0;
  border: 1px solid #888;
  width: 60%;
 
   border-radius:0px;
   padding-bottom:0;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
/* The Close Button */
.modal .close {
  color:#363535;
  float: right;
  right:0;
  position:absolute;
  margin-right:30px;
  padding-top:30px;
  
  font-size: 28px;
  font-weight: bold;
}
.modal .close:hover,
.close:focus {
  color:#757272;
  text-decoration: none;
  cursor: pointer;
}

.modal .modal-header  h1{
 
 color:#1e3f6f;
}
.modal .modal-header{
  background:rgba(0,0,0,0.1); 
}

.modal .modal-body {
	padding-top:10px;
	margin-left:25px;
	margin-right:25px;
	border:1px solid #ddd;
    background:transparent;
	border:none;
}
.modal .modal-body center{
	padding-top:10px;
}












.tmodal {
  display: none; 
  position: fixed; 
  z-index: 1000; 
  padding-top: 100px; 
  left: 0;
  top: 0;
   z-index:10000;
  width: 100%;
  height: 100%; 
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  border-radius:0px;
  
}

.tmodal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
   
  padding: 0;
  border: 1px solid #888;
  width: 45%;
 
   border-radius:0px;
   padding-bottom:0;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
/* The Close Button */

.tmodal .modal-header  h3{
  
 color:#26EF59;
}
.modal-header h1 span{
	
}
.tmodal .modal-header{
  padding:0;
  padding-bottom:5px;
  background:rgba(38,239,289,0.1);
}

.tmodal .modal-body {
	padding-top:0px;
	margin-left:25px;
	margin-right:25px;
	border:1px solid #ddd;
    background:transparent;
	border:none;
}
.tmodal .modal-body .media-heading{
	color:#1e3f6f;
}

.tmodal .modal-body center{
	padding-top:10px;
}
.tmodal .proceed a{
	margin-left:10px;
}
.tmodal .proceed .view{
	padding-left:30px;
	padding-right:30px;
	padding-top:7px;
	margin-left:0px;
	padding-bottom:7px;
	font-size:14px;
	background:none;
	border-radius:5px;
	outline:none;
	color:#1199fa;
	border:1px solid #1199fa;
	transition:0.1s;
	box-shadow:none;
}
.tmodal .proceed .view:hover{
	border:1px solid #2270AF;
	color:#2270AF;
	background:none;
	transition:0.1s;
}
.tmodal .proceed .check{
	padding-left:30px;
	padding-right:30px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:14px;
	border-radius:5px;
	outline:none;
	border:none;
	color:#ffff;
	background:#1199fa;
	transition:0.1s;
	box-shadow:none;
}
.tmodal .proceed .check:hover{
	background: #2270AF;
	color:#ffff;
	border:none;
	transition:0.1s;
}
.tmodal .media-body h5{
	color:rgba(0,0,0,0.7);
}
.tmodal .media-body h5 span{
	color:rgba(0,0,0,1);
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
}
.tmodal .media-object {
	height:55%;
}
 @media screen and (max-width: 1192px) {
.tmodal .proceed button{
	margin-left:0px;
	width:100%;
	margin-top:5px;
}
 }
@media screen and (max-width: 992px) {
 .t-m .t-select .guide{
	margin-bottom:20px;
}
}
@media screen and (max-width: 960px) {

.modal .modal-content {
  
  width: 80%;
 }
.tmodal .modal-content {
 
  width: 85%;
 
}
 }

 @media screen and (max-width: 663px){
	 .tmodal .proceed a{
	margin-left:0px;
	line-height:20px;
	margin-top:12px;
	width:90%;
}
 }

 @media screen and (max-width: 550px) {
	 .modal-content {
  
   top:-100;
  width: 100%;
	 }
.t-m #mesurment{
	width:74%;
	
	
}

 }
 @media screen and (max-width: 513px) {
	.tmodal .modal-content {
 
  width: 100%;
 
}
 }
@media screen and (max-width: 437px) {
.modal .modal-content {
  
  width: 100%;
 }
.tmodal .proceed a{
	margin-left:0px;
	width:90%;
}
 }

@media screen and (max-width: 437px) {
.tmodal .media{
	padding:0;
}
.tmodal .modal-body {
	padding-top:0px;
	margin-left:5px;
	margin-right:5px;
	border:1px solid #ddd;
    background:transparent;
	border:none;
}
.tmodal .media-object {
	width:100px;
	height:40%;
	
}
 }