/* @import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Domine:400,700');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');


@import url("flaticon.css");
/* CSS Document */
/*
@font-face {
    font-family:'Quivira';
    src: url('../fonts/Quivira.eot');
	src: url('../fonts/Quivira.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Quivira.woff2') format('woff2'),
		url('../fonts/Quivira.woff') format('woff'),
		url('../fonts/Quivira.svg#Quivira') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}*/
html, body, button, input, select, textarea {
    /* font-family: 'Lato', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Domine', serif;
    font-family: 'Open Sans', sans-serif;*/
	font-family:optima lt w01 roman,Palatino Linotype,Book Antiqua,Palatino,serif !important;
}
body {
    font-size:13px;
    background-color:#fff;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
}
body, p {
    font-size:13px;
    line-height:1.6;
}
.container{ max-width:1200px; width:100%;}

html, body, header, footer {
    min-width:100%;
    max-width:100%;
}

/* ==========================================================================
   Links
   ========================================================================== */
    a { color:#2a3666; outline: 0;}
    a:focus {outline:none;}
    a:hover {color:#31407a;}
    a:active, a:hover, a:focus{outline:0; text-decoration:none;}
	
/* ==========================================================================
   Typography
   ========================================================================== */
    h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { color: #273248;}
    .h1, .h2, .h3, .h4, .h5 { margin:0; padding:0; margin-bottom:10px;}
    /*
    h1, .h1 {font-size: 2.2em;}
    h2, .h2 {font-size: 24px;}
    h3, .h3 {font-size: 22px;}
    h4, .h4 {font-size: 18px;}
    */
    h5, .h5 {font-size: 14px;}
    h6 {font-size: 0.8em;}

    dl, ol, ul {
            margin-top: 0;
            margin-bottom: 0rem;
    }	
    h1, .h1 {font-size: 2rem;}
    h2, .h2 {font-size: 1.8rem;}
    h3, .h3 {font-size: 1.65rem;}
    .h4, h4 {font-size: 1.4rem;}
    .text-center{text-align:center}

    *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
    .clearfix:before, .clearfix:after { display: table; content: ''; }
    .clearfix:after { clear: both; }	
    .clear{clear:both;}		
    .margin0auto{margin:0px auto; display:block}

    /*section, h1, li, img {
            transition: all e   ase-out 0.5s;
            -webkit-transition: all ease-out 0.5s;
            -moz-transition: all ease-out 0.5s;
            -o-transition: all ease-out 0.5s;
            -ms-transition: all ease-out 0.5s;
    }*/

    .font300{font-weight:300}
    .font400{font-weight:400}
    .font700{font-weight:700}

    .btn { border-radius: 2px;}
    .btn-primary {
            color: #fff;
            background-color: #202e60;
            border-color: #19285b;
    }

    .btn-primary:hover{
            color: #fff;
            background-color: #35437d;
            border-color: #35437d;
    }
    .btn-bordered {
        border: solid 1px #2a3666;
        background: none;
        color: #2a3666;
        padding: .4rem 0.9rem;
        font-size: 14px;
        border-radius:0;
        display: inline-block;
    }
    .btn-bordered:hover {}
    
    
/* ==========================================================================
   header css
   ========================================================================== */
        .head-shadow{border-bottom: solid 1px #ECECEC; box-shadow: 2px 0px 10px #ECECEC;}
        header .topbar{background:#2a3666; height:45px;}
        header .top-contactinfo{padding:0.70rem 0; font-size: 1.1em;}
        header .top-contactinfo ul li a{color:#FFFFFF; padding:0 0.3rem;}	
        header .top-contactinfo ul li a .fa{font-size:20px;}
        header .menubar{padding:1rem 0;}
        header .user-option{margin-top:1.8em;}
        header .user-option ul {text-align:right}
        header .user-option ul li {padding:0 0.8rem;}
        header .user-option ul li a i .flaticon-heart-1{font-size:24px !important}

        .font-quivira{/*font-family:'Quivira';letter-spacing: 1px;*/ }

        header .searchformtop{width:125px;}
        header .search-top .search{ border:none; box-shadow:none; border-radius:0px; color:#FFFFFF !important; font-size:12px; font-weight:300; background:none; color:#FFFFFF; font-weight:500; height:25px !important; line-height:25px !important;}
        header .search-top .search-btn{ background:none; color:#FFFFFF; padding:0 3px !important; margin:0px !important;}	

        .register-top{color:#FFFFFF; float:right; padding:0.35rem 0;}
        .register-top ul li {border-right:solid 1px #505a80; vertical-align:text-top; min-height:30px; padding:1px 0.8rem 0 0.8rem}
        .register-top ul li:last-child{border-right:none}
        .register-top ul li a{color:#FFFFFF;}
        .register-top .cart{padding-top:0.1rem;}

        .logo{margin-top: 0.3rem; max-width:272px;}	
        .logo img { max-width:none;}
        .mainmenu{padding:0.6rem 0}	
        .arrow-box-menu{
            position: relative;
            background: #292929;
            border: 4px solid #292929;
        }

        .arrow-box-menu:after, .arrow-box-menu:before{
            margin-bottom: -1px;
        }
        .arrow-box-menu:after{
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow-box-menu:before {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow-box-menu:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #FFFFFF;
            border-width: 7px;
            margin-left: -7px;
        }
        .arrow-box-menu:before {
            border-color: rgba(41, 41, 41, 0);
            border-bottom-color: #292929;
            border-width: 8px;
            margin-left: -8px;
        }	

        .dimond-block{ border-bottom: solid 1px #ddd; padding-top: 2.5em; padding-bottom: 1em;}
        .dimond-block h4 { font-size: 18px;}
        .dimond-block .dimond-bg{background:#000; color:#fff; padding:1rem 0 0.2rem 0;}
        .dimond-block .dimond-bg .h1, .dimond-block .dimond-bg p{color:#fff;}
        .dimond-block .dimond-list {margin:1rem 0; margin-bottom: 5px;}
        .dimond-block .dimond-list figure {margin: 0 0 1rem; max-width: 50%; min-width: 50%; margin: 0px auto;}
        .dimond-block .dimond-list ul li { width:15%; max-width: 85px; vertical-align:text-top; position: relative;}
        .dimond-block .dimond-list ul li:after{
            top: 0;
            right: -3px;
            content: "";
            height: 100%;
            width: 2px;
            position: absolute;
            pointer-events: none;
            background:url(../images/bdr.png) no-repeat right center;
        }
        .dimond-block .dimond-list ul li:last-child:after{display:none;}
        .dimond-block .nav-link img { max-height: 70px;}
        .dimond-block .dimond-list ul li p{color:#666; padding:0.1rem 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; font-size: 12px; background-color: #f7f5f4; border-radius:6px; margin: 2px;}
        .dimond-block .dimond-list ul li:hover p { color: #000;}

       .home-collection-hold { margin: 2.2em 0;}
       .home-collection {border: solid 1px #ddd;border-bottom: solid 4px #ddd; margin-bottom: 1.5em;}
       .home-collection .collection-name { padding: 0.5em 0.9em;}
       .home-collection .collection-name h3{ line-height: 1.3;font-size: 1.5em;}
        
        
        /*================================*/
	/*    Carousel Fade Transition   */
	/*================================*/
                .title-panel { padding: 1.2em 0;}
        
	#fade-quote-carousel.carousel {
	  padding-bottom: 20px;
                    max-width: 450px;
                    margin: 0 auto;
	}
	#fade-quote-carousel.carousel .carousel-indicators {
	  bottom: 10px;
	}
	#fade-quote-carousel.carousel .carousel-indicators > li {
	  background-color: #CCC;
	  border: none;
	}
	#fade-quote-carousel blockquote {
		text-align: center;
		border: none;
	}
	#fade-quote-carousel .profile-circle img{
		width: 100px;
		height: 100px;
		margin: 0 auto;
		border-radius: 100px;
		display:block;
		margin-bottom:1rem;
	}
	
	.about-block{background-color:#2a3666;}
	.about-block .about-bdr{ border:solid 1px #fff; margin:1.5em 1em;}
	.about-block .about-content{padding:4rem 0;}
	.about-block .about-content h3{color:#FFFFFF;/* font-family:'Quivira';*/}
	.about-block .about-content p{color:#FFFFFF; font-size:15px; line-height:1.7;}
	.about-block .about-content .read-more{color:#FFFFFF; border-color:#fff; margin-top: 1em;}
	.about-block .about-content .read-more .arrow-icon{font-size:15px !important; padding-left:0.2rem;}
	

   /* ---------------------------------------
        Footer
   --------------------------------------- */
        footer{
            background:#f2f2f2;
            font-size:13px;
            line-height:1.8;
            border-top: solid 2px #ddd;
            border-bottom: solid 8px #2a3666;
           
        }
        footer .h4{color:#262323; margin-bottom:1rem;}
        footer ul li a:hover{color:#000000}
        footer .social-bottom li a{font-size:18px; padding:0 0.3rem;}
        
        footer .certifications {
            padding: 2em 0 2em 0;
            border-bottom: solid 1px #ddd;
            margin-bottom: 2em;
        }
        footer .certifications img { max-width: 140px;}
	
	
   /* ---------------------------------------
   	hidden search field
   --------------------------------------- */
	.searchhiden{border: 0px solid #d8d8d8; background:#f8f8f8;}
	#searchbar {
	  display: none;
		float: left;
		width: 100%;
		height: 62px;
		padding-left: 25px;
		padding-right: 10px;
		position: absolute;
		z-index: 99;
		background: #fff;
		left: 0;
		margin-left: 0%;
		}
	
	#searchbox {
	  display: block;
	  width:78%;
	  border: 0;
	  outline: none;
	  padding: 0;
	  height: 60px;
	  line-height: 60px;
	  font-size: 13px;
	  color: #676767;
	  letter-spacing: 1px;
	}
	
	#searchsubmit {
	  display: block;
	  float: right;
	  margin-top: 0px;
	  background: none;
	  padding: 11px 22px;
	  color: #4f4f4f;
	  border: 0;
	  font-size:24px;
	  outline: none;
	  cursor: pointer;
	}

	 
	.arrow_box {
		position: relative;
	}
	.arrow_box:after, .arrow_box:before {
		bottom: 100%;
		right: 20%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.arrow_box:after {
		border-color: rgba(216, 216, 216, 0);
		border-bottom-color: #FFF;
		border-width: 10px;
		margin-left: -10px;
	}
	.arrow_box:before {
		border-color: rgba(216, 216, 216, 0);
		border-bottom-color: #d8d8d8;
		border-width: 11px;
		margin-left: -11px;
	}   
 

	/*======================================
	Diamond Search Css
	=======================================*/	 
		
	/*---------- Filters-------*/
	.diamond-fltr-panel { margin-bottom:2em; position:relative;}
	.diamond-fltr-panel:after { position:absolute; bottom:-5px; left:1%; content:''; width:98%; height:5px; background-color:#FFFFFF; z-index:99}
	.diamond-fltr-panel .panel-default {
		border:solid 1px #ebebeb;
		padding:1em 1em 0em 1em;
		border-radius:0px;
	}
	.diamond-fltr-panel .panel-default > .panel-heading { background:none; border:none;}
	.diamond-fltr-panel .panel-heading { font-size:16px;}
	.diamond-fltr-panel label {font-weight:400; line-height:22px; font-size:16px; text-transform: inherit}

	.diamond-shapes { margin-top:0.7em;}
	.diamond-shapes li { padding:0; position:relative; margin:0 0.15em; vertical-align:top}
	.diamond-shapes li:first-child { text-align:left; width:auto; /*margin-right:2em;*/ min-width: 70px;}
	.diamond-shapes li a { display:block;width:42px; height:42px; text-align:center; position:relative; border:solid 1px #FFFFFF;}
	.diamond-shapes li a:hover{border:solid 1px #887b84;}
	.diamond-shapes li a img { margin:0 auto; padding:0px; padding:2px;}
	.diamond-shapes li span.ss-name { position:absolute; top:0; margin-top:46px; left:-1px; font-size:9px; color:#aaa; line-height:12px; display:none; text-align:center; width:100%; min-width:40px;}
	.diamond-shapes li:hover span.ss-name, .diamond-shapes li.active span { display:block;}
	
	.diamond-shapes li.active a{ border:solid 1px #887b84;
		-webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.38);
		-moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.38);
		box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.38);
	}
	.diamond-fltr-panel hr { border-color:#eee;margin-top:0.3em; margin-bottom:0.3em;}
	.diamond-fltr-panel .ui-slider { margin-left:-5px; margin-right:-5px;}
	.diamond-fltr-panel input[type="text"] { width:100%; text-align:center; font-size:13px; color:#4a4a4a; border: solid 1px #e3e3eb; height: 25px;}
                #accordion .panel {
                    -webkit-box-shadow:none; 
                    box-shadow:none;
                    }
                    .div-collapse {}
                    .div-collapse {
                      overflow-x: visible;
                      -webkit-overflow-scrolling: touch;
                      border-top: 1px solid transparent;
                      -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
                      box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
                }
            /* Small devices (tablets, 768px and up) */
            @media (min-width: 768px) {
                .div-collapse.collapse {
                  display: block !important;
                  height: auto !important;
                  overflow: visible !important;
                  margin-top:1em;
                }
            }
	
	.metal-icons li { padding:0;}
	.metal-icons label > input{ display:none;}
	.metal-icons label > input:hover + img{background-color:#efefef;}
	.metal-icons label > input + img{ background-color:#fff; padding:8px 10px;cursor:pointer;}
	.metal-icons label > input:checked + img{background-color:#efefef;}
	
	.flat-table {
	  -webkit-font-smoothing: antialiased;
	  overflow: auto;
	  width: auto;
	  border:solid 1px #d0d0d0;
	  font-size:14px;
	  color:#000;
	   text-align:center
	}
	.flat-table th { background-color:#2a3666; color: #FFF; padding:10px 6px !important;}
	.flat-table td {border-top: 1px solid #eee !important;}
	.flat-table  > thead > tr > th { vertical-align:middle; text-align:center}
	
	.flat-table .btn-view { font-weight:normal; text-decoration:none; font-style:italic;}
	#slider2{width: 800px;}
	.steps-2 {
		width: 100%; 
		position: relative; 
	}
	.tick { 
		border: 1px solid transparent; /*follows slide handle style for sizing purposes*/
		position: absolute;
		width: 1.2em;
		margin-left: -.6em;
		text-align:center;
		left: 0;
		top:-10px;
		z-index:1;
		color:#fff;
		font-weight:bold;
	}
	.tick span{ position:relative; margin-left:-22px; display:inline-block; min-width:60px; font-size:10px; color:#4a4a4a; font-weight:normal; text-transform: uppercase;}
	 
                .carat-title{margin:0.6rem 0;}
                .price-bar{margin:1.3rem 0;}
                .breadcum{font-size:12px; letter-spacing:1px;}
                .breadcum ul li a{color:#999999}
                .breadcum-bar{background:#FFFFFF; border-bottom:solid 1px #ebebeb}
                .breadcum-bar ul{margin-top:0.6rem;}

                .advance_filter{display:none; padding: 0; margin-bottom: 1rem;}
	 
	.table > tbody > tr > td, .table > tfoot > tr > td {
		vertical-align: top;
		color: #000;
                            /*
		font-family: Arial, Helvetica, sans-serif;*/
		font-size:13px;
	}
		 
	.category li{border:solid 1px #FFFFFF; margin-bottom:1rem; padding-left:0px; padding-right:0px;}
	.category li:hover{border:solid 1px #CCCCCC;}
	.category p{letter-spacing:1px; font-size:12px;}
	.category h4{font-size:18px; font-weight:400}
	.category .price{font-size:13px; text-transform:uppercase; font-weight:400; letter-spacing:1px;}
    .category .child:nth-child(4n+1){clear:left;}
	
	.discount span{color:#FF0000 !important; text-decoration:line-through; padding-left:0.2rem;}
	
	.add-to-cart{background:#2a3666; border-color:#2a3666; height:45px; border-radius:0px; font-size:14px; letter-spacing:1px; text-transform:uppercase;}
	.add-to-cart:hover{background:#18224c; border-color:#18224c; outline:none}
	.add-to-cart:focus{background:#18224c; border-color:#18224c;}
				
	.social-share {background:#efefee;}
	.social-share li a{border:solid 1px #666666; padding:0.3rem 0.6rem; margin:0 0.2rem; border:solid 1px #666666; border-radius:0.2rem;}
			
               .form-input {
                  display: block;
                  width: 100%;
                  line-height: 1.5;
                  height: 48px;
                  font-size: 14px;
                  color: #606060;
                  text-transform: none;
                  border: 2px solid #e3e3e3;
                  border-radius: 0;
                  background-color: #fff;
                  padding: 0 16px;
                  margin-bottom: 24px;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  -o-appearance: none;
                  appearance: none;
                  -webkit-transition: all 0.3s;
                  -o-transition: all 0.3s;
                  transition: all 0.3s;
                }

                .form-input:focus {border-color: #77cde3;outline: none;}
                .form-input::-moz-placeholder {color: #606060;opacity: 1;}
                .form-input:-ms-input-placeholder {color: #363435;}
                .form-input::-webkit-input-placeholder {color: #363435;}
                .form-input.placeholder {color: #363435;}
                textarea.form-input {
                  height: auto !important;
                  padding: 13px 16px !important;
                }

                .form-group {
                  margin-bottom: 24px;
                }

                .form-element {
                  position: relative;
                  margin-bottom: 24px;
                }

                .form-element > i {
                  display: block;
                  position: absolute;
                  left: 0;
                  top: 13px;
                  font-size: 20px;
                }

                .form-group .form-input,
                .form-element .form-input {
                  margin-bottom: 0;
                }

                select.form-input::-ms-expand {display: none;}
                select option {color: #606060;}
                .form-input-sm {height: 36px;}

                .form-element:before {
                  position: absolute;
                  display: block;
                  font-size: 20px;
                  top: 50%;
                  right: 14px;
                  line-height: 1;
                  margin-top: -10px;
                  opacity: 0;
                  -webkit-transition: opacity 0.3s;
                  -o-transition: opacity 0.3s;
                  transition: opacity 0.3s;
                }

                .form-element.error .form-input {
                  border-color: #ef0568;
                  padding-right: 40px;
                }

                .form-element.error:before {
                  content: "\e5c9";
                  color: #ef0568;
                  opacity: 1;
                }

                .form-element.error:focus {
                  border-color: #ef0568;
                }

                .form-element.valid .form-input {
                  border-color: #a7c04d;
                  padding-right: 40px;
                }

                .form-element.valid:before {
                  font-family:'FontAwesome';
                  content: "\e5ca";
                  color: #a7c04d;
                  opacity: 1;
                }

                .form-element.valid:focus {
                  border-color: #a7c04d;
                }
                .form-element.form-select:before {
                  font-family:'FontAwesome';
                  content: "\f0d7";
                  font-size: 14px;
                  margin-top: -8px;
                  color: #606060;
                  opacity: 1;
                }    
	
	.contact-info{
		background: #eef0f4;
		border-bottom: solid 1px #EEE;
		padding: 30px 0;
	}
	.contact-info h4{font-size:16px !important; line-height:1.5}
 		
	 /*  Forms  --------------------------------*/
	   .contact-form input[type="text"], textarea {
		border: 1px solid #c7c7c7;
		display: block;
		height: 45px;
		padding-left: 15px;
		text-align: left;
		width: 100%;
		color: #231f20;
		font-size:14px;
		border-radius: 0px;
		box-shadow: none;
		margin-bottom:10px;
		-webkit-appearance: none;
    }
	.contact-form input[type="text2"], textarea {
        border-radius: 0;
		border:1px solid #c7c7c7;
        color: #45463E;
        display: block;
		float:left;
        padding: 7px 9px;
        width: inherit;
    }
   .contact-form textarea {
	width:100%;
	padding:15px 0 0 15px;
	height: 8em;
	resize:vertical;
	-webkit-appearance: none;
    }
   .contact-form textarea:focus { border:solid 1px;}
   .contact-form label{font-family: 'Cabin', sans-serif !important; font-weight:normal; font-size:16px}		
			
.summary-bar{border-top:solid 0px #e5e5e5; border-bottom:solid 1px #e5e5e5; padding:0; margin-bottom:2em;}
	.summary-bar ul {margin:0px; padding:0px;}
	.summary-bar ul li {padding:1.6em 2.6em; border-bottom:solid 3px #FFF}
	.summary-bar ul li a{font-size:14px;}
	.summary-bar ul li:hover{border-bottom:solid 3px #000000}
	.summary-bar ul li.active{border-bottom:solid 3px #000000}
 
	.input {
		position: relative;
		z-index: 1;
		display: inline-block;
		margin: 0.6em 0em 0em 0em;
		max-width: 100%;;
		width: calc(100% - 2em);
		vertical-align: top;
		font-size:16px;
	}
	
	.input__field {
		position: relative;
		display: block;
		float: right;
		padding: 0.8em;
		width: 60%;
		border: none;
		border-radius: 0;
		background: #f0f0f0;
		color: #aaa;
		font-size:14px;
		-webkit-appearance: none; /* for box shadows to show on iOS */
	}
	
	.input__field:focus {
		outline: none;
	}
	
	.input__label {
		display: inline-block;
		float: right;
		padding: 0 1em;
		width: 40%;
		color: #6a7989;
		font-weight: bold;
		font-size: 70.25%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	.input__label-content {
		position: relative;
		display: block;
		padding: 1.6em 0;
		width: 100%;
	}
	
	.graphic {
		position: absolute;
		top: 0;
		left: 0;
		fill: none;
	}
	
	.icon {
		color: #ddd;
		font-size: 150%;
	}  
	

	/* Hoshi */
	.input--hoshi {
		overflow: hidden;
	}
	
	.input__field--hoshi {
		margin-top: 1em;
		padding: 0.85em 0.15em;
		width: 100%;
		background: transparent;
		color: #595F6E;
		margin-bottom: 10px; 
		font-weight: 400 !important;
		font-family: 'Open Sans', sans-serif;	
		font-size: 100%;
	}
	
	.input__label--hoshi {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 0.25em;
		width: 100%;
		height: calc(100% - 1em);
		text-align: left;
		pointer-events: none;
	}
	.input__label-content--hoshi {
		position: absolute;
	}
	.input__label--hoshi::before,
	.input__label--hoshi::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 10px);
		border-bottom: 1px solid #000000;
	}
	.input__label--hoshi::after {
		margin-top: 1px;
		border-bottom: 2px solid red;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
	}
	.input__label--hoshi-color-1::after {border-color: #000000;}
	.input__label--hoshi-color-2::after {border-color: hsl(160, 100%, 50%);}
	.input__label--hoshi-color-3::after {border-color: hsl(20, 100%, 50%);}
	.input__field--hoshi:focus + .input__label--hoshi::after,
	.input--filled .input__label--hoshi::after {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
	.input--filled .input__label-content--hoshi {
		-webkit-animation: anim-1 0.3s forwards;
		animation: anim-1 0.3s forwards;
	}
	@-webkit-keyframes anim-1 {
		50% {
			opacity: 0;
			-webkit-transform: translate3d(1em, 0, 0);
			transform: translate3d(1em, 0, 0);
		}
		51% {
			opacity: 0;
			-webkit-transform: translate3d(-1em, -40%, 0);
			transform: translate3d(-1em, -40%, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: translate3d(0, -40%, 0);
			transform: translate3d(0, -40%, 0);
		}
	}
	
	@keyframes anim-1 {
		50% {
			opacity: 0;
			-webkit-transform: translate3d(1em, 0, 0);
			transform: translate3d(1em, 0, 0);
		}
		51% {
			opacity: 0;
			-webkit-transform: translate3d(-1em, -40%, 0);
			transform: translate3d(-1em, -40%, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: translate3d(0, -40%, 0);
			transform: translate3d(0, -40%, 0);
		}
	}  

	.gems-video{
		width: 100%; height: 700px
	}

	/** hidden search field **/
	/*================================*/
	/*    Cart Page css   */
	/*================================*/

	.table>tbody>tr>td, .table>tfoot>tr>td{
		vertical-align: middle;
	}
	@media screen and (max-width: 639px) {
		table#cart tbody td .form-control{
			width:20%;
			display: inline !important;
		}
		.actions .btn{
			width:30%;
			margin:1.5em 0;
		}
		
		.actions .btn-info{
		}
		.actions .btn-danger{
		}
		
		table#cart thead { display: none; }
		table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
		table#cart tbody tr td:first-child { background: #FFFFFF; color: #333;  text-align:center}
		table#cart tbody td:before {
			content: attr(data-th); font-weight: bold;
			display: inline-block; width: 8rem;
		}
		
 		
		table#cart tfoot td{display:block; }
		table#cart tfoot td .btn{display:block;}
		
	}	
	
	.userlogin{padding:2.5em 3em; } 
	.userlogin input{height: 45px;}
	
	.carts{padding:2.6em 2em; } 
	.userlogin input{height: 45px;}	
	
	.bg-gray{background-color:#f5f5f5;}

	.form-input {
	  display: block;
	  width: 100%;
	  line-height: 1.5;
	  height: 48px;
	  font-size: 14px;
	  color: #606060;
	  text-transform: none;
	  border: 1px solid #c7c7c7;
	  border-radius: 0;
	  background-color: #fff;
	  padding: 0 16px;
	  margin-bottom: 24px;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -o-appearance: none;
	  appearance: none;
	  -webkit-transition: all 0.3s;
	  -o-transition: all 0.3s;
	  transition: all 0.3s;
	}
	.signup-btn{background:#2a3666; border-color:#2a3666}
	.signup-btn:hover{background:#363435; border-color:#363435} 
	 
	.success{padding: 4rem 3rem; border: dashed 1px #CCCCCC;}
	.top-login-dtp {
            float:right;
            line-height:28px;
            text-align:right
	}
	.top-login-dtp a {
            color:#fff;
            padding:.5em
	}
	.top-login .dropdown-toggle {
            padding:.5em;
            color:#fff
	}
	.top-login .dropdown-menu {
            left:auto;
            font-size:inherit;
            padding:.3em;
            position:absolute;
            right:0.3em;
            margin-top:.5em;
            z-index:9999999
	}
	.top-login-dtp ul {
		list-style:none
	}
	.top-login-dtp ul li {
		display:inline;
		float:left
	}
	.top-login-dtp-dropdown .dropdown-menu {
            z-index:99999;
            border-radius:0;
            padding:0;
            min-width: 250px;
            background: #FFF;
	}
	/*.top-login-dtp-dropdown .dropdown-menu:after {
		position:absolute;
		font-family:FontAwesome;
		content:"\f0d8";
		font-size:1.3em;
		top:-18px;
		right:9px;
		color:#fff
	}*/
	.top-login-dtp-dropdown .dropdown-menu .divider {
		margin:0
	}
	.top-login-dtp-dropdown .dropdown-menu > li {
            float:none;
            display:block;
            border-bottom:solid 1px #f4f4f4
	}
	.top-login-dtp-dropdown .dropdown-menu > li > a {
            padding:10px 15px !important;
            text-transform:uppercase;
            color:#000000;
            display:block		
	}
	
	
	.arrow_top {
		border: 2px solid #e7e7e7;
	}
	.arrow_top:after{
            bottom: 100%;
            right: 1.5%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
	}
	.arrow_top:after {
            border-color: rgba(231, 231, 231, 0);
            border-bottom-color: #e7e7e7;
            border-width: 10px;
            margin-left: -10px;
	}
	.carousel-control .icon-prev, .carousel-control .icon-next {
            font-size: 40px !important;
            color: #AAA;
            text-shadow: initial !important;
	}	
	/*.carousel-control .icon-prev{left:10px;}
	.carousel-control .icon-next{right:10px;}*/
	.continue-shop{text-align:left}
	.update-cart{text-align:right}
	.carousel-item{min-height:280px;}
	.sliders .carousel-inner > .carousel-item > img,.sliders .carousel-inner > .carousel-item > a > img {
		max-width: 100%;
		height: auto;
		width: 100%;
	}
	.carousel-control {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 1.6%;
		font-size: 20px;
		color: #fff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		opacity: 1;
	}		
	.carousel-control .icon-prev, .carousel-control .icon-next {
		font-size: 30px !important;
		color: #fff;
		height:35px;
		text-shadow: initial !important;
		background: #61c3ca;
		padding:0 1.6rem 0 1rem;
		margin-right: -10px;
		opacity:0.5;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
	}
	.carousel-control .icon-prev:hover, .carousel-control .icon-next:hover {opacity:1;}
	.carousel-control.right, .carousel-control.left{background-image:none}	
 
    #instafeed {margin: 0 auto;text-align: center; margin-bottom: 2.5em;}
    #instafeed a { display: inline-block}
    #instafeed a img {max-height: 220px;max-width: 100%;}
    div#instafeed a {margin: 3px 0.2em; width: 23.44%;}
     

	/* .instafeed-hold #instafeed a {
		overflow: hidden;

	}
	
	.instafeed-hold #instafeed a img{
		display: block;
		width: 100%;
		max-width: 100%;
		min-height: 130px;
		max-height: 130px;
		float: left;
		width: 32%;
		padding: 0.1rem 0rem 0rem 0.1rem;
	} */

	/* .instafeed-hold #instafeed a img{
		width: 32%;

	} */


/*================================*/
/*    Media Queries   */
/*================================*/

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 992px) {
        .logo{margin-bottom:0.6rem;}

        header .search-top .search{
                max-width: 85px;	
        }

        .logo{margin-bottom: 0.8rem; margin-top: 0.3rem;}

        .mainmenu {
            padding: 0.8rem 0 0.2rem 0;
        }	 

        .wsmenucontainer {
            margin-top: 0;
            border-top: solid 1px #DDD;
        }

        .logo-center{margin:0px auto; display:block}
        .diamond-shapes li:first-child { display: block; width: 100%; padding-left: 5px; min-width:0}
}

@media screen and (max-width: 768px) {
        header .searchformtop{width:110px;}
        .diamond-shapes li span.ss-name { display: inline-block;}
        .diamond-shapes li a {
            margin-bottom: 2em;
        }

		.instafeed-hold #instafeed a img{
			display: block;
			width: 100%;
		}

}

@media screen and (max-width: 767px) {
        .logo img { max-width:100%;}
        #searchbox, #searchbar { background-color: #f8f8f8;font-size: 15px;}
        .arrow_box::after, .arrow_box::before {right: 60px;}
        .arrow_box::after {border-bottom-color: #f8f8f8;}
        #searchsubmit {background-color: #2a3666;color: #fff;}
        .search-mobile {margin-top: 1rem;font-size: 20px;}

        .title-panel { padding: 0; border:none}
        .title-panel .nav-link { margin-bottom: 0.5em;}
        .title-panel .nav-link  a {color: #aaa;}

        .about-block .about-content p {font-size: 13px;}
        h1, .h1 {font-size:155%;}
        h2, .h2 {font-size:1.4rem;}
        h3, .h3 {font-size: 1.3rem;}

        .logo-center{margin:0px 0px; display:block}
        .mainmenu {padding:0.4rem 0 0 0;}
        .cart{text-align:right}
        .wsmenucontainer {
        margin-top: 0;
        border-top: solid 0px #DDD;
        }
        .dimond-block .dimond-list ul li{width: 24.5555%; margin-bottom:1rem;}
        .diamond-shapes {margin-left:0; margin-top: 0;}
        .diamond-fltr-panel { margin-top: -1.2em;}
        .diamond-fltr-panel .panel-default {padding: 1px 0.8em 0em 0.8em;}
        .diamond-fltr-panel .card-heading {
        background-color: #f2f2f2;
        padding: 0.5em;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 0;
        }
        .card-heading h4 {line-height:40px; float: left; margin:0;}
        .diamond-fltr-panel .form-group { margin-bottom: 10px}
        .diamond-fltr-panel label { position: relative;}
        .price-bar {margin: 0.8rem 0;}

        .m-space {height: 45px;}
        #header {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 99;
        background: #FFFFFF;
        }
        .search-mobile {float:right; font-size:18px; margin-top: 0.6rem;}
        .search-mobile li{padding:0 0.3rem}
        .category .child:nth-child(4n+1){clear:none;}
        .category .child:nth-child(4n+1){clear:left;}

        footer {
        padding-top: 2.5em;
        }

        footer, .footer-links {
        color: #999;
        font-weight: 300;
        }

        .footer-links { font-size: 12px; text-align: center;}
        .footer-links h4 {font-size: 14px; font-weight: 600;}
        .footer-links ul { margin-bottom: 2em;}
        .footer-contact { border-top: solid 1px #ddd; padding-top: 2em; }
        .footer-contact ul {margin-bottom: 1.5em;}
        footer .social-bottom li {vertical-align: middle;}
        footer .certifications {
        padding:0;
        border-bottom:none;
        margin-bottom:0;
        border-left:solid 2px #cabba5;
        margin-left: 1em;
        padding-left: 1em;
        }
        .followus { font-weight: bold;}
        footer .certifications img { max-width: 100px;}
        footer .social-bottom li a { display: inline-block; width:30px; height: 30px; line-height: 30px; border:solid 1px #2a3666; border-radius:50%;}
        .m-signin { font-size: 14px;}
        .userlogin {padding: 1.5em 1.5em;}

				div#instafeed a {margin: 3px 0.2em; width: 23%;}
}

@media screen and (max-width: 576px) {
    .dimond-block .dimond-list ul li{width: 18.5%; margin-bottom:0.2rem;}
    .dimond-block .dimond-list ul li p {
        color: #2d2c2d;
        padding: 0.1rem 0.1rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px;
        background: none;
    }
    .dimond-block .dimond-list ul li:last-child:after{display:none;}
    .page{margin:1rem 0 !important;}
    .about-block .about-content {padding: 1rem 0;}
    .breadcum-bar{margin:0rem; padding:0px;}
    .space{margin:0px !important; padding:0px !important;}

    .advance-title { font-size: 1.5em;}
    .diamond-shapes li {margin:0 0.10em;}
    .diamond-shapes li span.ss-name { margin-top: 35px; display: inline-block;}
    .diamond-shapes li a {
        width: 36px;
        height: 36px;
        margin-bottom: 2.5em;
    }
    .smart-forms .slider-wrapper, .smart-forms .sliderv-wrapper {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .card-heading h4 {font-size: 1.5em;}

    .gems-video {
            width: 100% !important; height: 400px !important;
    }
    .gems-video iframe {width:400px !important; height: 400px !important;}
    .gems-video iframe .main {display: inline-block !important; max-width: 400px !important;}

	/**************** Kartik 14/12/2018******************/
	@media only screen 
	and (max-width : 480px) {
		.iframe-wrapper {
		  position: relative;
		  height: 450px;
		  overflow: hidden;
		  padding-bottom: 75%;
		}

		.iframe-wrapper iframe {
		  position: absolute;
		  
		  top: 0;
		  left: 0;
		  
		  width: 400px !important;
		  height: 400px !important;
		}
	}
}

/*custom by phua*/   
footer > div > div > div.hidden-sm-down ul.list-unstyled >li{display:none;}
footer > div > div > div.hidden-sm-down ul.list-unstyled >li:nth-child(1),footer > div > div > div.hidden-sm-down ul.list-unstyled >li:nth-child(3){display:block;}