/* Minification failed. Returning unminified contents.
(5869,32): run-time error CSS1046: Expect comma, found '0'
(5869,36): run-time error CSS1046: Expect comma, found '/'
(5910,60): run-time error CSS1046: Expect comma, found '0'
(5910,64): run-time error CSS1046: Expect comma, found '/'
(6021,16): run-time error CSS1039: Token not allowed after unary operator: '-lwc-colorTextInverse'
(6026,24): run-time error CSS1039: Token not allowed after unary operator: '-lwc-esColorBackgroundAlt2'
(6046,28): run-time error CSS1039: Token not allowed after unary operator: '-lwc-esColorBackgroundAlt2'
(6047,24): run-time error CSS1039: Token not allowed after unary operator: '-lwc-esColorBackgroundAlt2'
(6303,17): run-time error CSS1039: Token not allowed after unary operator: '-lwc-colorTextInverse'
(6334,50): run-time error CSS1030: Expected identifier, found ' '
 */
*{margin: 0; padding: 0; text-decoration: none; list-style: none; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Lato', sans-serif; }

/*CSS as on 04-04-2025 starts*/
.fixtop {
	background: yellow;
	text-align: center;
	color: #000;
	padding:7px 0;
	position: fixed;
	display: inline-flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 20px;
	bottom: 0;
	z-index: 111;
}
.topspan {
	font-family: 'Raleway', sans-serif !important;
	font-size: 18px;
	font-weight: bold;
}
.arrow1 {
	animation: slide1 1s ease-in-out infinite;
	margin-left: 9px;
	color: red;
	font-size: 21px;
}
@keyframes slide1 {
	0%, 100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(10px, 0);
	}
}
/*CSS as on 04-04-2025 ends*/
.mobile-view{
	display:none !important;
}
@font-face {font-family: avenir-light; src: url(../fonts/avenir-light.ttf);}
/*@font-face {font-family: avenirltstd-light; src: url(../fonts/avenirltstd-light.otf);}
@font-face {font-family: AdobeGaramondProRegular; src: url(../fonts/AdobeGaramondProRegular.ttf);}	*/
/*iFrame section css start*/
section.iframes-div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 25px 90px;
}
.frame-wrap iframe {
    width: 96% !important;
    margin: 0 auto !important;
    border: 1px solid #dfdfdf;
    padding: 10px;
    border-radius: 5px;
}
/*iFrame section css ends*/

.showDiv{opacity: 0;  transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s;}
.showDivLeft{transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px);}
.showDivRight{transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px);}
.showDivZoom{transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8);}
.add_showDiv{transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); opacity: 1}
.add_showDivZoom{opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}

h1, h2, h3, h4, h5, h6{font-family: 'Raleway', sans-serif; font-weight: 500; } 
h1, h2{letter-spacing: 2px;}
a{color: #000}
/*p{font-family: 'Nunito Sans', sans-serif; }*/
h3{font-size: 16px;}
section{padding: 25px 0px; position: relative; background-color: #fff}
select { padding: 0px 10px;}

.shineEffect{position: relative; width: 100%; height: 100%; left: 0; top: 0; display: block; overflow: hidden;}
.shineEffect:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 20px; transform: rotate(-85deg); -webkit-transform: rotate(-85deg); -moz-transform: rotate(-85deg);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+49,ffffff+100&0+0,0.5+49,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 49%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 49%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
 opacity: 0.2; left: -100%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s;}
.shineEffect:hover:before{left: 100%}



.transition{transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.gutterSpace{padding: 40px 190px;}
.sectionHead{margin-bottom: 30px; position: relative;}
.sectionHead h2{font-size: 40px; font-weight: 700 }
.sectionHead p{font-size: 22px; margin-top: 5px;}
.linkArrow{position: relative; font-size: 12px; color: #000;  font-weight: 300; background-color: transparent;  padding: 15px 40px 15px 0px; border-radius: 5px; line-height: 20px; text-transform: uppercase; }
.linkArrow span{position: relative;}
/*.linkArrow span:before, .linkArrow span:after{position: absolute; content: ""; height: 1px; width: 8px; right: -20px; background-color: #333; top: 6px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.linkArrow span:before{transform: rotate(35deg); -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg);}
.linkArrow span:after{transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); top: 11px;}*/	
/*.linkArrow:hover span:before, .linkArrow:hover span:after{right: -25px;}*/

.linkArrow span:before{position: absolute; content: ""; height: 20px; width: 20px; right: -25px; top: -2px; background-image: url(../images/icons/arrows.svg); background-size: 12px; background-repeat: no-repeat; background-position: center;  transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); background-color: transparent; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}



.linkArrow:hover{background-color: #4285F4; padding: 15px 40px 15px 20px; color: #fff;}
.linkArrow:hover span:before, .linkArrow:hover span:after{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}

.linkArrow.whiteLinkArrow{color: #fff;}
.linkArrow.whiteLinkArrow span:before{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}

.playVideoBtn{width: 80px; height: 80px; border-radius: 100%; background-color: rgba(0,0,0,0.7); position: relative; cursor: pointer;}
.playVideoBtn:hover{background-color: rgba(0,0,0,1);}
.playVideoBtn:after{position: absolute; content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 30px solid #fff; left: 30px; top: 20px;}
/*.asideSection{ }*/
.table{display: table;}
.tableCell{display: table-cell; vertical-align: middle;}
.slick-dots{position: absolute; bottom: -30px; display: flex; justify-content: center; align-items: center;}
.slick-dots li{}
.slick-dots li.slick-active button{background-color: #4285F4;}
.slick-dots button{height: 10px; width: 10px; margin: 0 10px; border: none; outline: none; text-indent: -999px; border-radius: 100%; cursor: pointer; overflow: hidden; background-color: #999;}

*:focus {outline: transparent auto 0px; }

input{height: 50px; padding: 10px 20px; outline: initial; border: none; width: 100%;}
.footerTop .asideSection{vertical-align: bottom;}
.footerTop{}
/*.footerBottom{padding-left: 50px;}*/
.loginWrap.desktop-view .formWrap form .tableCell {
    width: 300px;
}
.sliderWrap{width: 90%; margin: auto;}
.slick-arrow{position: absolute; height: 40px; width: 40px; text-indent: -999px; overflow: hidden; background-image: url(../images/icons/arrows.svg); background-size: 20px; background-position: center; background-repeat: no-repeat; border: none; outline: none; background-color: #fff; top: calc(50% - 20px); left: -60px}
.slick-arrow.slick-next{left: auto; right: -60px; transform: rotate(180deg); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); cursor: pointer;}

.col1{width: 8.33%}
.col2{width: 16.66%}
.col3{width: 25%}
.col4{width: 33.33%}
.col5{width: 41.65%}
.col6{width: 50%}
.col7{width: 58.31%}
.col8{width: 66.64%}
.col9{width: 74.97%}
.col10{width: 83.3%}
.col11{width: 91.63%}
.col12{width: 100%}

main{padding-top: 60px;}
.sectionPaddingTopPanel main{margin: 0;}
.wrapper{max-width: 1400px; margin: auto; position: relative;}
.sectionHead{padding: 20px 0; position: relative;}
.sectionHead h2{font-size: 40px; position: relative; line-height: 30px;  text-align: center; width: 100%;}

.sectionHead span{position: absolute; font-size: 200px; color: #f7f7f7; left: 0; top: 0px; z-index: -1}
.viewAll, .share{position: absolute; top: 50px; right: 0; font-size: 18px; font-family: AdobeArabicRegular; letter-spacing: 1px; text-transform: uppercase; line-height: 20px;  }
.viewAll:before, .share:before{position: absolute; content: ''; height: 1px; width: 40px; left: 0; bottom: -2px; background-color: #000; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.viewAll:hover:before, .share:hover:before{width: 100%}

.tabOut{padding: 0 0 20px 0; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.tabIn{ text-align: center; padding: 0 20px; }
.tabIn span{color: #999; cursor: pointer; font-size: 20px;}
.tabIn.activeTab span{border-bottom: solid 2px #000; display: block; line-height: 30px; cursor: pointer; color: #000}

/* Slider End */



/* Header */

header{height: 60px; width: 100%; position: fixed; left: 0; top: 0; background-color: #fff; -webkit-box-shadow: -1px 10px 15px -10px rgba(36,163,131,0.25); -moz-box-shadow: -1px 10px 15px -10px rgba(36,163,131,0.25); box-shadow: -1px 10px 15px -10px rgba(36,163,131,0.25); z-index: 100    }
header .logo{position: absolute; left: 20px; top: 10px; height: 40px; z-index: 1}
header nav {padding:0 230px 0 300px; text-align: center; }
header nav ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
header nav li{ line-height: 30px; padding: 15px 30px; position: relative; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
header nav li span{position: relative;}
header nav li.submenu span:before, header nav li.submenu span:after{position: absolute; content: ''; height: 1px; width: 8px; background-color: #000; top: 11px; right: -20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
header nav li.submenu span:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); right: -14px;}

/*header.afterScroll{height: 50px;}
header.afterScroll .logo{top: 5px;}
header.afterScroll nav li{padding: 10px 30px;}*/
/*.rightNav.afterScroll li{padding: 12px 15px;}
.rightNav.afterScroll li span{top: 3px;}*/

.rightNav{position: fixed; top: 0px; right: 20px; z-index: 100}
.rightNav li{ padding: 17px 15px; position: relative;}
header nav li:hover a{color: #4285F4}
.rightNav li img{height: 22px;}
.rightNav li span{position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #4285F4; font-size: 10px; border-radius: 100%; top: 8px; right: 3px;}



.submenu:hover span{color: #4285F4}
.submenu:hover span:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); background-color: #4285F4}
.submenu:hover span:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); background-color: #4285F4}

.submenu:hover a{color: #000}
.submenu:hover a:hover{color: #4285F4}


.submenuWrap{opacity: 0; pointer-events: none;}
.shapesWrap{position: fixed; left: 5%; top: 60px; width: 90%;  position: fixed; padding: 30px 40px; -webkit-box-shadow: -1px 10px 15px -10px rgba(0,0,0,0.05); -moz-box-shadow: -1px 10px 15px -10px rgba(0,0,0,0.05); box-shadow: -1px 10px 15px -10px rgba(0,0,0,0.05); background-color: #fff; border: solid 1px #f0f0f0; border-top: none; display: flex; flex-direction: row; flex-wrap: wrap; align-items: top;}
.shapesWrap.DesignYourOwn{align-items: center;}

.submenuWrapActive{opacity: 1; pointer-events: auto;}

@keyframes menuHover {
	from {opacity: 0; pointer-events: none;}
	to {opacity: 1; pointer-events: auto;}
}

.submenu:hover .submenuWrap{animation: menuHover .2s .5s forwards; }

.afterScroll .shapesWrap{top: 50px;}
.DesignYourOwn{left: calc(50% - 100px); top: 60px; width: 350px; padding: 20px;}
.DesignYourOwn .categoryIn{ padding: 0 20px 0 0;}
.DesignYourOwn .categoryIn img{display: block; width: 100%; height: auto; margin-left: 0px;}
.DesignYourOwn .categoryIn:last-child{padding: 0px;}
.DesignYourOwn .categoryIn.col7{width: 150px;}
.DesignYourOwn .categoryIn.col5{width: calc(100% - 150px);}
.diamondCat{padding: 20px 0;}
.shapesWrap h3{ font-size: 19px; line-height: 40px; margin-bottom: 5px; font-weight: 700;}
.shapesWrap h4{line-height: 30px; font-family: avenir-light; font-size: 17px; margin-bottom: 5px;}
.shapesIn{width: 10%; }
.shapesIn img{display: block; margin: auto;}
.shapesIn p{text-align: center; margin-top: 10px; line-height: 20px;}

.categoryIn{ padding: 0 50px 0 20px;   width: 16.66%; text-align: left;}
.categoryIn p.activeMenu{color: #4285F4}
.categoryIn p a{transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.categoryIn p a:hover{color: #4285F4}
.firstCategory{padding: 0 50px 0 0px;}
.categoryIn:last-child{padding: 0 ; border-right: none;}

.categoryImg{width: 100%; display: block;}

/* Footer */

footer{padding: 30px 40px 10px 40px; background-color: #000; overflow: hidden; }
footer h4{color: rgba(255,255,255,1); font-weight: 400; font-size: 18px; margin-bottom: 10px; position: relative; pointer-events: none;}
.newsletterForm .formElement{padding: 0px;}
.newsletterForm input[type='text']{border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.newsletterForm input[type='submit']{border-top-right-radius: 2px; border-bottom-right-radius: 2px; background-color: #4285F4; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; cursor: pointer;}
.footerCat{padding: 0 0 0px 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: top;}
.footerCat .asideSection{vertical-align: top;}
.footerCat li{line-height: 20px; padding: 5px 0;}
.footerCat a{color: #fff;}
/*.footerCat .contactUs img, .footerCat .contactUs a{ }*/
.footerCat .contactUs img{height: 16px; width: 16px; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); margin: 8px 10px 0px 0;}
.footerCat .contactUs p{width: calc(100% - 40px)}
.footerCat .contactUs a{width: calc(100% - 30px); display: flex; flex-direction: row; flex-wrap: wrap; align-items: top;}

.footerBottom{margin-top: 20px;}
.footerBottom img{ height: 30px; margin-right: 10px;}
footer h4 span{position: relative; }
footer h4 span:before{width: 50px; height: 2px; background-color: rgba(255,255,255,0.5); position: absolute; bottom: -5px; left: 0; content: ''; }
.newsletterForm{max-width: 450px; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.footerTop{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding-bottom: 30px;}

.copyright{padding-top: 10px; border-top: solid 1px #fff; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.copyright p{ color: #fff; width: 50%; font-size: 12px;}
.copyright p:last-child{text-align: right; }

.copyright ul{width: 50%; display: flex; justify-content: flex-end;}
.copyright ul li{padding: 0 0 0 15px; font-size: 12px;}
.copyright ul a{color: #fff;}

.cookiesPolicy{position: fixed; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.7); padding: 20px; }
.cookiesPolicy.hide{bottom: -100%;}
.cookiesPolicy p, .cookiesPolicy button{ }
.cookiesPolicy p{color: #fff; padding-right: 50px; width: calc(100% - 100px);  line-height: 24px;}
.cookiesPolicy p a{font-weight: 700; text-decoration: underline; color: #fff;}
.cookiesPolicy button{width: 100px; height: 30px; line-height: 30px; color: #fff; background-color: #4285F4; border: none; outline: none; border-radius: 5px; cursor: pointer;}


/* Home */
section.banner{min-height: 100vh; width: 100%; padding: 0px;}
section.homeBanner{min-height: calc(100vh - 60px);}
section.banner h1{font-size: 40px; line-height: 40px;  }
section.banner p{line-height: 30px; font-size: 20px; margin: 20px 0; max-width: 430px; font-weight: 500}
section.homeBanner h1{color: #fff; font-size: 40px; max-width: 400px; letter-spacing: 2px; line-height: 60px; font-weight: 600}
section.homeBanner p{color: #fff; letter-spacing: 2px;}
.homeBannerSlider{overflow: hidden;}
section.banner .linkArrow.whiteLinkArrow{font-weight: 500}

.homeBannerInIn{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.homeBannerIn{padding: 100px 90px; background-color: #000; background-position: center; background-size: cover; display: table !important; width: 100%; min-height: calc(100vh - 100px) !important;}
.homeBannerIn video, .homeBannerIn img{display: block; width: 100%;}
.homeBannerSlider .slick-arrow	{left: 0; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); z-index: 1; background-color: transparent;}
.homeBannerSlider .slick-arrow.slick-next{left: auto; right: 0;}
.homeBannerSlider .slick-dots button{background-color: #fff;}
.videoSection{display: flex; }
.videoSection iframe, .videoSection video{width: 33.33%; border: none; height: auto;}

.homeBanner .slick-initialized .slick-slide {
    display: block;
    height: auto !important;
}

.homeBanner .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}
.homeBanner .slick-slider, .slick-list, .slick-track {
    height: 100% !important;
}

.tabWrap{padding: 0 90px; min-height: 300px;}
.tabWrapIn{display: none; opacity: 0;}
.activeTabWrap.tabWrapIn{display: block; }
.tabWrapIn.visible{opacity: 1}
.tabGrid{width: 20%; padding: 5px;}
.tabGridIn{border: solid 1px #D2D2D2; overflow: hidden;}
.tabGridIn img{display: block; width: 100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.tabGridIn:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); margin-bottom: 10px;}

.gridDesc{padding: 15px; text-align: center; height: 100px; position: relative;}
.gridDesc p{margin-bottom: 10px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 20px;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }
.gridDesc h3{font-weight: 700; line-height: 20px; position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center;  font-family: 'Lato', sans-serif;}

.similarProducts .tabGridIn img{width: 70%; margin: auto;}

/*.categoryGridOut{padding: 0px 70px; }*/
.categoryGrid{padding: 8px; }
.categoryGridIn{width: 100%; position: relative; height: 320px;overflow: hidden; border-radius: 5px;}
.categoryGridIn:before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.47+0,0.01+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.47) 0%, rgba(0,0,0,0.01) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.47) 0%,rgba(0,0,0,0.01) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.47) 0%,rgba(0,0,0,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78000000', endColorstr='#03000000',GradientType=1 ); /* IE6-9 */
}
.categoryGridIn h4{color: #fff; position: relative; padding: 0 40px; font-size: 40px; z-index: 2; font-weight: 300; line-height: 40px; margin: 140px 0;}
.backgorundImg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-size: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.categoryGridIn:hover .backgorundImg{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.recentlyViewed .sectionHead{margin-bottom: 0px; padding: 0 0 20px 0;}
.recentlyViewed .sectionHead h2{font-weight: 500; font-size: 24px;}
.similarProducts .sectionHead{padding: 0 0 20px 0;}

section.category{padding: 25px 90px}
section.category .categoryGridOut{display: flex; flex-direction: row; flex-wrap: wrap;}

section.bedazelled{background-image: url(../images/bedazlled.jpg); min-height: 350px; padding: 0 90px; display: table; width: 100%; background-size: cover; background-attachment: fixed; background-position: center;}
section.bedazelled h1{font-size: 40px;}
section.bedazelled p{line-height: 26px; font-weight: 500; margin: 25px 0 20px 0;}
section.bedazelled .linkArrow{font-size: 14px; font-weight: 700;}

section.cutwise{background-color: #000; min-height: 437px; padding: 0 90px; display: table;}
section.cutwise h1{color: #fff; font-weight: 300;}
section.cutwise p{color: #fff; font-size: 19px; }
section.cutwise img{display: block; width: 100%}
section.cutwise img.cutwiseLogo{height: 35px; width: auto; margin-bottom: 35px;}
section.cutwise .linkArrow{font-weight: 500; font-size: 16px; margin-top: 20px; }
section.cutwise .linkArrow span:before{top: 0px}
section.cutwise .cuwiseIn{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}

section.making{padding: 50px 90px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}

section.making .videoSection video{width: 100%;}
section.making .videoSection iframe{width: 100%; height: 100%; position: absolute; left: 0; top:0;}
.makigLeft{padding: 0 120px 0 0px;}
.makigLeft h3{font-size: 30px; margin-bottom: 10px; max-width: 250px;}
.makigLeft p{font-size: 20px; line-height: 30px; color: #666}
.makingRight img{display: block; width: 100%;}
.videoSection{position: relative;overflow: hidden;}
.videoSectionIn{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat;  z-index: 1; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.videoSectionInIframe{position: relative; z-index: 1; cursor: pointer}
.videoSectionIn:before, .videoSectionInIframe:before{position: absolute; content: ''; width: 100%; height: 100%; left:0; top: 0; background-size: 50px; background-position: center; background-repeat: no-repeat; background-image: url(../images/icons/play-buttonW.svg); transition: all .5s; -webkit-transition: all .5s;-moz-transition: all .5s;}
/*.videoSection video{display: block; width: 100%; position: relative; z-index: 0;}*/
.videoSectionIn.videoPlay{background-image: none !important; display: none;}
.videoSectionInIframe.videoPlay{background-image: none !important; opacity: 0; z-index: -1;}

.videoSection:hover .videoSectionIn{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

/*.videoSectionIn.videoPlay:before{background-image: url(../images/icons/pauseW.svg); opacity: 0;}
.videoSection:hover .videoPlay:before{opacity: 1}*/

section.company{padding: 25px 90px;}
section.company h2{font-weight: 500; font-size: 30px;}
.testimonialSliderInBox{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}

.company .companyLeft{overflow: hidden;}
.company .companyLeft img{display: block; width: 100%;}
.company .companyLeft:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.companyRight{padding: 0px 100px; }
.companyRight p{ line-height: 30px; font-size: 20px; color: #666}
.companyRight h4{font-size: 20px;  margin: 20px 0 5px 0;}
.companyRight p span{color: #999; font-size: 16px;}

.instaHead{padding: 0px 90px 0px 90px; text-transform: uppercase; font-size: 24px; 
/*background-image: url(../images/icons/insta.svg); */
background-position: 60px 0; background-size: 140px; background-repeat: no-repeat; }
.instaList{overflow: hidden;}
.instaIn{overflow: hidden;}
.instaIn img{transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; width: 100%;}
.instaIn:hover img{transform: scale(1.1);}

.features{padding: 25px 25px 50px 25px;	display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.featureImg{width: 90px; height: 90px; background-color: #f0f0f0; border-radius: 100%; margin: auto;}
.featureImg img, .featureImg svg{margin: 20px; height: 50px; width: 50px;}
.features h2{text-align: center; margin: 20px 0; font-size: 18px; line-height: 24px;}
.features h4{font-size: 18px; text-align: center; font-weight: 400;}
.features p{text-align: center; margin-top: 10px; line-height: 20px; color: #666; padding: 0 10px;}
.features .asideSection{padding: 0 20px;}


.mobileHeader{position: fixed; width: 100%; height: 50px; top: 0; left: 0; background-color: #fff; z-index: 100; display: none; text-align: left; padding-left: 46px; border-bottom: solid 1px #eee}
.mobileHeader img{height: 20px;  margin: 14px 0;}
.menuClick{position: fixed; left: 0; top: 0; width: 40px; height: 50px;}
.menuClick span{height: 3px; width: 24px; background-color: #000; border-radius: 4px; position: absolute; right: 8px; }
.menuClick span:first-child{top: 17px;}
.menuClick span:last-child{bottom: 17px; width: 12px; right: 10px;}
.menuClick.activeMobileMenu span:first-child{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 23px; width: 24px; }
.menuClick.activeMobileMenu span{right: 10px;}
.menuClick.activeMobileMenu span:last-child{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); width: 24px; top: 23px;} 
.mobileMenu, .submenuMobile{position: fixed; top: 48px; width: 100%; max-width: 350px; height: calc(100% - 50px); background-color: #fff; padding: 20px; z-index: 999; left: -100%; overflow: auto;}

.submenuMobile.submenu2, .submenuMobile.submenu3{padding: 20px 10px}
.mobileMenu li{line-height: 30px; padding: 8px 0; border-bottom: solid 1px #f0f0f0; position: relative; display: flex; flex-wrap: wrap;} 
.mobileMenu li:last-child{border-bottom: none;}
.submenuMobile .shapesIn{ width: 50%; padding: 10px;}
.submenuMobile .shapesIn img{display: block; width: 50%; margin-bottom: 5px;}
.submenuMobile.submenu2 .shapesIn img, .submenuMobile.submenu3 .shapesIn img{width: 100%;}
.submenuMobile.subsubmenuMobile .shapesIn{width: 100%; text-align: left; padding: 10px;  border-bottom: solid 1px #f0f0f0;}
.submenuMobile.subsubmenuMobile .shapesIn p{margin-top: 0px; line-height: 30px; text-align: left; margin-top: 5px;}
.submenuMobile .shapesIn p{margin-top: 5px;}

.mainMenu .menuInIcons{padding-left: 40px; background-size: 24px; background-position: center left; background-repeat: no-repeat;}


.mobileMenu.activeMobileMenuMain, .submenuMobile.activeMobileMenuMain{left: 0; }
.submenuBackBtn{ width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: 700;  color: #666; background-image: url(../images/icons/back.svg);background-size: 20px; background-position: 10px center; padding-left: 40px; background-repeat: no-repeat;}

.mobileSubmenuClick:before, .mobileSubmenuClick:after{height: 2px; width: 12px; position: absolute; content: ''; background-color: #666; right: 10px; top: 19px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.mobileSubmenuClick:after{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 26px;}


/* Listing */
.pageHead{padding: 0px 25px; position: relative; }
.pageHeadIn{ padding: 10px 0; display: flex; flex-direction: row; flex-wrap: wrap;}
.pageHeadIn .breadcrums, .pageHeadIn .resultShow{display: flex; flex-direction: row; flex-wrap: wrap;}
.pageHeadIn .resultShow{justify-content: flex-end;}
.pageHeadIn .col12, .statusDiamond{display: flex; flex-wrap: wrap;}
.exportWrap{line-height: 20px; padding: 15px 0; margin-top: 4px; }
.statusWrap{padding: 15px 0; line-height: 20px; margin-top: 13px;}

.diamondSearchHeaderBottom ul{display: flex; flex-direction: row; flex-wrap: wrap; position: relative; z-index: 99}
.productInner .pageHeadIn{border-bottom: none;}
.breadcrums p{ line-height: 20px; padding-right: 30px; position: relative; font-size: 13px; font-weight: 500;}
.breadcrums p:before, .breadcrums p:after{height: 1px; width: 6px; background-color: #9C9C9D; position: absolute; content: ''; right: 13px; }
.breadcrums p:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 9px;} 
.breadcrums p:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 13px;}
.breadcrums p{color: #9C9C9D; }
.breadcrums p.activeBreadcrum{color: #000}
.breadcrums p.activeBreadcrum:before, .breadcrums p.activeBreadcrum:after{display: none;}
.filters .dropdown{border: none; height: 24px; position: absolute;right: 25px; top: 12px; font-size: 16px; width: 150px;}
.filters .dropdown p{border: none; line-height: 20px; border-radius: 0px; padding: 0 25px 0 15px; }
.filters .dropdown p:before{top: 2px; right: 5px;}
.filters .dropdown p span{font-weight: 500;}
.filters .dropdown ul{border-radius: 0px; padding: 0px; top: 30px;}

.filters{padding: 13px 25px; z-index: 1}

.selectedFilters{padding: 0 25px; }
.selectedFiltersIn{border-top: solid 1px #f0f0f0;padding: 13px 0; }
.selectedFilters span{padding: 5px 15px 5px 5px; font-size: 12px; background-image: url(../images/icons/closeBlue.svg); background-size: 8px; background-position: center right; background-repeat: no-repeat; margin: 0 20px 5px 0; cursor: pointer; }


.filterOut{padding-right: 70px;}
.filterOut p{padding-right: 25px; position: relative;}
.filterOut p:before, .filterOut p:after{position: absolute; content: ''; height: 1px; width: 7px; background-color: #000;  top: 12px;}
.filterOut p:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); right: 10px;} 
.filterOut p:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); right: 5px;}
.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

.resultShow{text-align: right; position: relative; z-index: 2}
.resultShow p, .resultShow .dropdown{ line-height: 24px; font-size: 13px; font-weight: 600}
.resultShow .dropdown{border: none; height: 24px; margin-left: 30px;  font-size: 16px; width: auto;}
.resultShow .dropdown p{border: none; line-height: 22px; padding: 0 15px 0 0; display: block;}
.resultShow .dropdown p:before{top: 3px; right: -4px; }
.resultShow .dropdown ul{top: 30px; border-radius: 0px; width: 50px; padding: 0px; left: -15px; }
.resultShow .dropdown ul li{text-align: center;}
.pageHeading{padding: 30px 0;text-align: center; border-bottom: solid 1px #f0f0f0;}
.pageHeading h1{font-weight: 40px; }
.pageHeadIn .dropdown{width: 40px; }

.productListWrap{padding: 0 30px 25px 30px; z-index: 0; display: flex; flex-direction: row; flex-wrap: wrap;}
.productListOut{padding: 15px 30px; }
.productImg{width: 100%; overflow: hidden; z-index: 0}
.productImg img{display: block; width: 100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.productList{border: solid 1px #fff; padding: 0; position: relative; }
.productListIn{text-align: center; height: 0px; overflow: hidden; margin-top: 10px;}
.productListIn img{height: 40px; width: 40px;  margin: 0 5px; cursor: pointer;}
.productListIn img.selected{border: solid 1px #ccc;}
.productList p{text-align: center;font-weight: 600; font-size: 15px; font-family: 'Raleway', sans-serif; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.productList h5{text-align: center; margin-top: 10px; font-weight: 700; font-size: 16px; font-family: 'Lato', sans-serif;}

.productList:hover .productListIn{height: 40px; }
.productList:hover .rating{opacity: 1;}
.productList:hover .wishlist{opacity: 1}
.productList:hover{border: solid 1px #ccc;}
.productList:hover .productImg img{transform: scale(1.1); }

.rating{position: absolute; width: 70px; height: 13px; left: 10px; top: 13px; overflow: hidden; opacity: 0; z-index: 1	}
.ratingEmpty, .ratingFill{width: 70px; height: 13px; left: 0; top: 	0; overflow: hidden; z-index: 0; position: absolute;}
.ratingFill{z-index: 1}
.rating img{width: 70px; height: 13px; display: block;}

.wishlist{position: absolute; width: 20px; height: 20px; right: 10px; top: 10px; cursor: pointer; opacity: 0; z-index: 1}
.wishlist svg{width: 100%; height: 20px; }
.wishlist svg path{stroke: #000; stroke-width: 1px;}


.paginationWrap {text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.paginationWrap div{width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; margin: 0 5px;}
.paginationWrap .asideSection.prev, .paginationWrap .asideSection.next{margin: 0 30px;}

.paginationWrap .asideSection p{font-weight: 700;}
.paginationWrap .selected{border-radius: 100%; background-color: #000; color: #fff;}
.paginationWrap .first, .paginationWrap .prev, .paginationWrap .next, .paginationWrap .last{width: 60px;}
.pagination{padding: 40px 30px;}


/* Diamond Search */

.diamondSearchHeader{padding: 30px;}
.diamondSearchHeader .asideSection .asideSection{padding-left: 10px; }
.diamondSearchHeader input{border: solid 1px #999; width: 100%; outline: none; background-image: url(../images/icons/searchB.svg); background-size: 20px; ;background-position: calc(100% - 20px) center; background-repeat: no-repeat;}
.diamondSearchHeader input:focus{border: solid 1px #000;}
.diamondSearchHeader button, .bottomSetting button{width: 100%; height: 50px; cursor: pointer; border: solid 1px #999; background-color: #fff; border-radius: 2px; text-transform: uppercase; font-size: 16px;}
.diamondSearchHeader button.fillBtn, .bottomSetting button.fillBtn{background-color: #4285F4; color: #fff; border: none;}

.diamondSearchHeader button:hover{background-color: #4285F4; border: solid 1px #4285F4; color: #fff;}


/*.diamondSearchHeaderBottom{margin: 20px 0;}*/
.diamondSearchHeaderBottom li{ position: relative; padding-right: 50px; cursor: pointer; }
.diamondSearchHeaderBottom li .filterList{position: relative; padding-right: 20px;}
.diamondSearchHeaderBottom li .filterList label{border-bottom: solid 1px #000; cursor: pointer;}
.diamondSearchHeaderBottom li .filterList:before, .diamondSearchHeaderBottom li .filterList:after{position: absolute; content: ''; height: 1px; width: 6px; background-color: #000; top: 11px; right: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.diamondSearchHeaderBottom li .filterList:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); right: 7px;}

.diamondSearchHeaderBottom li.activeSubFilter .filterList:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.diamondSearchHeaderBottom li.activeSubFilter .filterList:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}

.diamondSearchHeaderTop, .diamondSearchHeaderTopSearch{display: flex; flex-direction: row; flex-wrap: wrap;}
.diamondSearchHeaderTop h1{font-weight: 800;}
.diamondSearchHeaderBottom .subFilter{width: 200px; z-index: 9; padding: 15px;}
.diamondSearchHeaderBottom .subFilter form{display: flex; flex-direction: row; flex-wrap: wrap;}
.diamondSearchHeaderBottom .subFilter form .ui-slider{width: 100%;}
.diamondSearchHeaderBottom .saveSearchFilter{width: 240px;}
.saveSearchFilter input{margin: 10px 0; height: 40px;}
.saveSearchFilter input[type='submit']{margin: 0px;}
.saveSearchFilter h3{font-size: 14px;}

.slideValues{height: 50px; margin-bottom: 20px; }


.diamondSearchHeaderBottom .loadSearchFilter select{height: 40px; background-size: 12px auto; background-position: calc(100% - 10px) center;}

.diamondSearchHeaderBottom .rquestSubFilter {width: 150px;}
.subFilter.rquestSubFilter{padding: 0px;}
.rquestSubFilter p{padding: 5px 15px; border-bottom: solid 1px #ccc; text-align: center; }
.rquestSubFilter p:last-child{border-bottom: none; }
.rquestSubFilter p:hover{background-color: #000; color: #fff; }
.rquestSubFilter p:hover a{color: #fff;}




 
.subFilter{position: absolute; width: 150px; padding: 10px; background-color: #fff; border: solid 1px #ccc; margin-top: 5px; display: none;}
.subFilter input{background-image: none;}
.subFilter .container{margin: 0 0 15px 0; padding-left: 21px; font-size: 13px; width: 100%;}
.subFilter .container:last-child{margin: 0;}
.subFilter .container input:checked ~ .checkmark{border: solid 1px #4285F4; background-color: #4285F4}
.subFilter .container .checkmark{width: 14px; height: 14px;}
.subFilter .container .checkmark:after{left: 4px; top: 1px; width: 2px ;height: 6px; border: solid #fff;     border-width: 0 2px 2px 0;}


.container {display: block; position: relative; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 25px; margin: 15px 0;}
.container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; left: 0;}
.container input:checked ~ .checkmark {background-color: #fff;}
.container input:checked ~ .checkmark {background-color: #fff;border: solid 1px #000;}
.checkmark {position: absolute;top: 2px;left: 0;height: 14px;width: 14px;background-color: #eee;background-color: #fff;border: solid 1px #000;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.container input:checked ~ .checkmark:after {display: block}
.container input.checkedBox ~ .checkmark:after{display: block;}
.container .checkmark:after {left: 3px;top: 1px;width: 4px;height: 8px;border: solid #000;border-width: 0 1px 1px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.checkmark:after {content: "";position: absolute;display: none;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}

.diamondListingPage .container .checkmark:after{left: 4px; width: 3px; height: 7px;}

.subFilter input[type='submit']{padding: 0px; height: auto; width: auto; border: none; background-color: transparent; font-size: 16px; color: #4285F4; cursor: pointer; border-bottom: solid 1px #4285F4; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; border-radius: 0px; }
.subFilter input[type='submit']:hover{color: #000; border-bottom: solid 1px #000}
.subFilter select{width: 100%; height: 50px; border: solid 1px #999; padding: 0 20px; margin-bottom: 15px; background-image: url(../images/icons/down-arrow.svg); background-size: 15px auto; background-position: calc(100% - 20px) center; background-repeat: no-repeat; cursor: pointer; background-color: #fff}

.rquestSubFilter{width: 150px;}
.rquestSubFilter p{line-height: 30px; }

.searchMain{padding: 0 30px 0px 30px; }
.keyToSymbols .asideSection.keySymbolsHead{padding: 20px 20px 0 20px;}

.searchMainIn{display: flex; flex-wrap: wrap; flex-direction: row; padding: 10px 0; }
.firstSection.searchMainIn{position: relative; z-index: 10}
.searchMainIn .searchMainInLeft, .searchMainIn .searchMainInRight{width: 50%; display: flex; flex-wrap: wrap;}
.searchMain .asideSection{padding: 10px; background-color: #f1f1f1; border: solid 1px #fff; }
.searchMain .asideSection.dropdownSearch{ position: relative; z-index: 6; min-height: 140px;}
.searchMain .asideSection.dropdownSearch.fancyWrap{height: 238px;}
.searchMain .asideSection.dropdownSearch.clarityWrapOut{z-index: 5}
.searchMain .asideSection.dropdownSearch.colorWrapOutMain{z-index: 7}
.searchMain .asideSection.dropdownSearch.shapesWrapOut{z-index: 8}
.searchMain .asideSection.dropdownSearch.flourWrap{z-index: 2}
.searchMain .asideSection.dropdownSearch .rightTriangle, .advancedMeasurements .fullDropdown .rightTriangle{width: 30px; height: 30px; display: block; position: absolute; right: 30px; top: 40px; cursor: pointer;}
.searchMain .asideSection.dropdownSearch .rightTriangle:before,
.searchMain .asideSection.dropdownSearch .rightTriangle:after, 
.advancedMeasurements .fullDropdown .rightTriangle:before,
.advancedMeasurements .fullDropdown .rightTriangle:after{ position: absolute; content: ''; width: 10px; height: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); right: 13px; top: 11px; background-color: #000}
.searchMain .asideSection.dropdownSearch .rightTriangle:after,
.advancedMeasurements .fullDropdown .rightTriangle:after{
	transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);right: 7px;
}

.colorWrapOutMain .halfDropdown p, .clarityWrapOut .halfDropdown p{line-height: 80px;}
.colorWrapOutMain .categoryIcon p, .clarityWrapOut .categoryIcon p{line-height: 20px;}
/*.searchMain .asideSection.dropdownSearch .fullDropdown span{background-color: #ccc}*/
.searchMain .asideSection.dropdownSearch .fullDropdown span:before, 
.advancedMeasurements .fullDropdown .rightTriangle:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 14px; }
.searchMain .asideSection.dropdownSearch .fullDropdown span:after, 
.advancedMeasurements .fullDropdown .rightTriangle:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 14px; }
.advancedMeasurements .cutPolWrap{padding-left: 10px;}
.advancedMeasurements .cutPolMenuOpen{width: 95%}

.searchMain .shapesWrapOut .asideSection{min-height: 140px;}
.searchMain .opticalPerformance .accordianDetails .asideSection{min-height: 136px;}


.shapesWrapOut .shapeImg{position: relative;}
.shapesWrapOut .shapeImg img:last-child{ position: absolute; top: 10px; left: 10px; width: 26px; height: 26px; opacity: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.shapesWrapOut .selectedShapeIn .shapeImg img{filter: invert(0%); -webkit-filter: invert(0%); -moz-filter: invert(0%); }
.shapesWrapOut .selectedShapeIn .shapeImg img:last-child{ opacity: 1}
.shapesWrapOut .selectedShapeIn .shapeImg{background-color: #000}
.shapesWrapOut .categoryIcon .shapeImg img:last-child{ opacity: 1}


.searchMain img{display: block; width: 100%; }
.searchMain .categoryIcon img{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}
.searchMain .categoryIcon.categoryIconPng img {
    filter: invert(0);
}
/*.fancyWrap .categoryIcon .shapeImg img*/	
.fancyWrap .categoryIcon .shapeImg img, .labWrap .categoryIcon .shapeImg img, .priceSearchOpt .categoryIcon .shapeImg img{filter: invert(0%); -webkit-filter: invert(0%); -moz-filter: invert(0%);}
.searchShapesIn{width:12.5%; text-align: center;  padding: 10px 0;}
.searchShapesIn.categoryIcon .shapeImg{border: none; padding: 8px; }
/*.searchShapesIn.categoryIcon .shapeImg img{max-width: 50px; max-height: 50px;}*/
.searchShapesIn p{font-size: 14px; width: 100%; text-align: center;}
.searchShapesIn .shapeOther{font-size: 8px;}
.shapeImg{width: 100%; border-radius: 100%;  padding: 10px; cursor: pointer; width: 60px; height: 60px; display: block; margin: auto; line-height: 36px; text-align: center; text-transform: uppercase; font-size: 14px; /*background-image: url(../images/icons/circleOutline.svg); background-position: center; background-size: 65px 65px; */ border: solid 2px #000}
/*.shapeImg{ width: 100%; }*/
.shapeImg.selected{background-color: #4285F4}
.shapeImg.selected img{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}

.categoryIcon .shapeImg{background-color: #f1f1f1; padding: 10px; cursor: auto; pointer-events: none; background-image: none;}
.categoryIcon p{color: #000}
.categoryIcon p span{border-radius: 100%; border: solid 1px #000; display: inline-block; height: 13px; width: 13px; line-height: 11px; font-size: 10px; margin-left: 5px; cursor: pointer; text-align: center;}
.helpText{position: absolute; padding: 5px; border: solid 1px #000; background-color: #fff; font-size: 14px; line-height: 20px; left: -10px; width: 200px; margin-top: 10px; display: none; z-index: 999}
.helpText:before, .helpText:after{    position: absolute; content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top: -6px; z-index: 1; left: 74px;}
.helpText:after{top: -7px; border-bottom: 6px solid #000; z-index: 0;}


.fullDropdown{position: absolute; left: 0; top: 0; width: 100%; padding: 10px; background-color: #f1f1f1; border: solid 1px #000; padding-bottom: 20px; display: none; flex-wrap: wrap; flex-direction: row; z-index: 1}
.searchMain .asideSection.dropdownSearch .fullDropdown span, .advancedMeasurements .fullDropdown .rightTriangle{top: auto; bottom: 10px;}
.searchMain .asideSection.colorWrapOutMain .fullDropdown span, .searchMain .asideSection.fancyWrap .fancyDiamondWrap span{bottom: -0px; right: 35px;}

.caratValues .fromTo p, .priceSearchOpt .fromTo p{width: 100%;}
.caratValues .fromTo .fromValue p, .priceSearchOpt .fromTo .fromValue p{width: 20px;}
.caratValues .fromTo input:focus{border-bottom: none;}

.priceSearchOpt .fromTo input{text-align: center; font-size: 18px; font-weight: 700;}
.priceSearchOpt .fromTo input:focus{border-bottom: none;}

	.halfDropdown .tabOut{width: 80%; border-radius: 40px; display: flex; align-items: center; margin: auto; border: solid 2px #000; padding-bottom: 0px; overflow: hidden; height: 41px;}
.halfDropdown .tabInSearch{height: 40px; width: 33.33%; border-right: solid 2px #000; line-height: 38px; cursor: pointer;}
.halfDropdown .tabInSearch:last-child{border-right: none;}
.halfDropdown .tabInSearch.selected{background-color: #000; color: #fff;}
.halfDropdown .tabInSearch span{height: 15px; width: 15px; display: inline-block;margin-right: 4px; transform: translate(0px, 2px); background-image: url(../images/icons/tick.svg);  background-size: 10px; background-repeat: no-repeat; background-position: center; display: none;}
.halfDropdown .tabInSearch.addedvalues span{opacity: 1; display: inline-block;}
.halfDropdown .tabInSearch.selected span{border-bottom: none; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}

.halfDropdown{display: flex; flex-wrap: wrap; flex-direction: row; }
.accordianDetails{width: 100%; display: none;}

.accoridianHead{padding: 20px 5px; line-height: 20px;  position: relative; width: 100%; cursor: pointer;}
.accoridianHead:before, .accoridianHead:after{height: 2px; width: 10px; background-color: #000; position: absolute; content: ''; right: 10px; top: 29px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.accoridianHead:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);} 
.accoridianHead:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); right: 4px; }

.accoridianHead.activeAccordian:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.accoridianHead.activeAccordian:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}

.accoridianHead h3{font-size: 22px; font-weight: 800;}

.fromTo{width: 87.5%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: start;}
.fromTo.col12{width: 100%;}
.fromTo input{background-color: transparent; border-bottom: solid 1px #000; height: 30px; width: calc(100% - 20px); padding: 10px 5px; border-radius: 0px; font-size: 18px; font-weight: 700; text-align: center;}
.fromTo input.col12{width: 100%;}

.measurementsSearchMain .fromTo input, .measurementsSearchMain .fromTo .fromValue p{border-bottom: none;}
.measurementsSearchMain .fromValue{border-bottom: solid 1px #000; padding: 0; margin: 5px; 	}

.from{padding-right: 20px; width: 45%;}
.to{padding-left: 20px; width: 45%}
.fromTo p{text-align: center; font-size: 14px; width: 10%}
.measurementsSearchMain .fromTo{align-items: center;}
.measurementsSearchMain .from{padding-right: 10px;}
.measurementsSearchMain .to{padding-left: 10px;}
.measurementsSearchMain .fromValue p{border-bottom: solid 1px #000; line-height: 29px;	font-size: 16px; font-weight: 400;}
.measurementsSearchMain .categoryIcon p{margin-top: 0px; color: #000; 	}

.measurementsSearchMain p.title{text-align: center; font-size: 15px; width: 100%;	}
.measurementsSearchMain p.subTitle{padding: 0 10px;	}

.valueShapesHead{display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; width: 100%; }
.valueShapesHead p{width: 10%; text-align: center;}
.valueShapesHead p:first-child, .valueShapesHead p:last-child{width: 45%; font-size: 14px;}

.valueShapesHead p b{font-size: 14px;}

.irs--flat .irs-handle{cursor: pointer; width: 14px !important; height: 14px !important; top: 19px !important;}

.priceSearchOpt .fromTo{width: 60%}
.priceSearchOpt .karatWrap{width: 27.5%; }
.karatWrap.blackSelect .selectedDiv{background-color: #000; }
.karatWrap.blackSelect .selectedOpt{color: #fff;}

.shapeBtnWrap{display: flex; align-items: center; justify-content: flex-start;}
.shapeBtn{padding: 10px 20px; border: solid 2px #000; border-radius: 40px; line-height: 15px; margin: 4px; cursor: pointer; font-size: 14px; }
.selectedShape{background-color: #000; color: #fff;}

.cutPolWrap{width: 67.5%; display: flex; flex-wrap: wrap; padding-left: 20px; }
.cutPolIn{width: 33.33%; text-align: center;}
.cutPolIn p{font-size: 14px; margin-bottom: 10px;}
.cutPolIn .cutPolWrap p{font-size: 12px;}
.cutPolMenuOpen{width: 80%; margin: auto; height: 35px; border-radius: 35px; border: solid 2px #000; line-height: 33px; position: relative; cursor: pointer; font-size: 14px; text-align: left; padding-left: 15px}
.cutPolMenuOpen.selectedValues{background-color: #000; color: #fff;}
.cutPolMenuOpen.selectedValues:before, .cutPolMenuOpen.selectedValues:after{display: none;}
.cutPolMenuOpen:before, .cutPolMenuOpen:after{height: 1px; width: 8px; background-color: #000; position: absolute; content: ''; top: 16px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); left: calc(50% - 5px);}
.cutPolMenuOpen:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);left: calc(50% + 0px);}

.cutPolWrap .cutPolIn .cutPolMenuOpen{text-align: center; padding-left: 0px;}

.cutPolSym .fullDropdown .cutPolMenuOpen{margin-bottom: 10px; font-size: 14px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.selectedCutPolMenuOpen{background-color: #000; color: #fff; }
.cutPolSym .fullDropdown .cutPolMenuOpen:before, .fullDropdown .cutPolMenuOpen:after{display: none;}

.cutPolSym .karatWrapOut{width: 20%; padding-left: 20px;	}
.cutPolSym .karatWrap{margin-top: 5px;}
.cutPolSym .karatWrap:first-child{margin-top: 0px;}
.cutPolSym.valueShapes{flex-wrap: nowrap;}
.halfDropdown{width: 100%;}

.opticalPerformance .slideValues{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;}
.opticalPerformance .slideValues{ width: calc(100% - 170px); top: 0; right: 0; height: 30px; margin-bottom: 0px; justify-content: flex-end;}
.opticalPerformance .slideValues .minSliderRange, .opticalPerformance  .slideValues .maxSliderRange{width: 80px; line-height: 30px; border-radius: 3px; border: solid 1px  #000; height: 30px; padding: 0 10px; text-align: left; margin-top: 0px; line-height: 28px; height: 30px; position: relative; font-size: 14px;}
.opticalPerformance .slideValues .minSliderRange span, .opticalPerformance .slideValues .maxSliderRange span{position: absolute; right: 0; top: 0; line-height: 30px; font-size: 12px; padding: 0 5px;}
.opticalPerformance .formTitle{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; padding: 5px;}
.opticalPerformance .formTitle p{width: 170px;}
.opticalPerformance .slideValues p{padding: 0 10px; width: auto;}
.sliderRangeWrap{padding: 0 15px 10px 15px;}
.sliderRangeWrapIn{display: flex; flex-wrap: nowrap; margin-top: -12px;}
.sliderRangeWrapIn p{width: 16.66%; text-align: center; font-size: 13px; }
.rangeSlider6Out .irs--flat .irs-grid-text{display: none;}

.sliderValues{width: 100%;  padding: 10px 0 0 0 ; }
.values6 span{position: absolute; width: 40px; text-align: center;  text-transform: uppercase;}
.values6 span:nth-child(1){left: 0; margin-left: -5px;}
.values6 span:nth-child(2){left: 16.66%; margin-left: 4px;}
.values6 span:nth-child(3){left: 33.32%; margin-left: 5px;}
.values6 span:nth-child(4){left: 49.98%; margin-left: -2px;}
.values6 span:nth-child(5){left: 66.64%; margin-left: -6px;}
.values6 span:nth-child(6){left: 83.33%; margin-left: -7px;}



.sliderValues span{text-align: center; position: relative;}
.sliderValues span:before, .sliderValues span:after{position: absolute; height: 6px; width: 1px; background-color: #000; content: ''; left: 50%; top: 0; top: -5px;}
/*.sliderValues span:after{display: none;right: 0; left: auto;}*/
/*.sliderValues span:last-child:after{display: block;}*/
.opticalPerformance .asideSection{padding: 10px 10px 10px 10px;}
.opticalPerformance .asideSection.faceUp .sliderRangeWrap{padding: 0 15px 10px 15px;}
.opticalPerformance .ui-slider-horizontal .ui-slider-handle{margin-left: -5px;}
.opticalPerformance .asideSection.faceUp .sliderRangeWrap .irs-grid-text{font-size: 10px;}
.opticalPerformance .asideSection.faceUp .maxSliderRange{width: 120px;}

.valueShapes{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; min-height: 100px;}
.fromValue{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; padding: 5px;	}
.fromValue p{width: 20px; text-align: center; font-size: 20px; font-weight: 700;}

.keyToSymbols label{margin: 0px; margin-right: 20px;}
.keyToSymbols label .radio{border-radius: 16px; }
.keyToSymbols .asideSection{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; padding: 20px; border: none;}
.searchMain .dropdownSearch .checkmark{top: 4px; width: 11px; height: 11px; background-color: transparent;}
.searchMain .dropdownSearch .checkmark:after{left: 1px; top: 1px; width: 6px; height: 6px; background-color: #333; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
.keyToSymbols .dropdownSearch{padding: 6px 0;}

.searchMain .container .radio:after{width: 6px; height: 6px; left: 3px; top: 4px;}

.searchMain .keyToSymbols .container .radio:after{top: 3px;}


.checoutBody .container .radio:after{left: 1px; top: 1px;}

/*.searchMain .dropdownSearch .checkmark{}*/

/*.submenu:hover .submenuWrap{opacity: 1; pointer-events: auto; }
.submenu:hover span{color: #4285F4}
.submenu:hover span:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); background-color: #4285F4}
.submenu:hover span:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); background-color: #4285F4}
*/

.mobileMenuOverlay, .cartOverlay, .wishlistOverlay, .loignOverlay{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.7); z-index: 98; display: none;}
.cartOpen, .wishlistOpen{cursor: pointer;}

.loignOverlay{z-index: 999}

.clarityWrapOut .categoryIcon .shapeImg, .caratValues .categoryIcon .shapeImg, .cutPolSym .categoryIcon .shapeImg, .colorWrapOutMain .categoryIcon .shapeImg, .flourWrap .categoryIcon .shapeImg, .fancyWrap .categoryIcon .shapeImg{padding: 3px;}
.clarityWrapOut .categoryIcon .searchMain img{width: 60px; height: 60px; }
.fancyWrap .categoryIcon .shapeImg img{max-height: 44px;max-width: 44px;}


/* Range Slider */

.ui-slider-horizontal{height: 2px !important; background-color: #999 !important; border: none !important;}
.ui-slider .ui-slider-handle{border-radius: 100%; background-color: #000 !important; width: 10px !important; height: 10px !important; top: -5px !important; border: none !important; margin-left: 0px;}
.ui-widget-header{background-color: #000 !important}
.minSliderRange, .maxSliderRange{ width: 50%; margin-top: 10px; font-size: 15px; }
.maxSliderRange{text-align: right;}
.subFilterSlider{padding: 20px 20px 10px 20px; width: 240px;}

.fancyWrap .col12{position: relative;}
.fancyWrap .fancyDiamond .shapeImg{padding: 5px; line-height: 40px; height: 50px; width: 50px; background-size: 50px 50px; }
.fancyWrap .shapeImg{padding: 5px;}
.fancyWrap .overtone .shapeImg{height: 50px; width: 50px;}
.fancyWrap .shapeImg.selectedFancyWrapShape{ background-color: #fff;}
.fancyWrap .fancyDiamond .shapeImg img{margin: 0 auto; height: 34px; margin: 1px auto}
.fancyWrap .shapeImg img{max-width: 40px; max-height: 40px; width: auto; margin: 3px auto; filter: invert(0%); -webkit-filter: invert(0%); -moz-filter: invert(0%);}
/*.fancyWrap .categoryIcon .shapeImg img{height: 40px; width: 40px; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}*/
.fancyWrap .searchShapesIn p{margin-top: 0px;	}
.fancyWrap .fancyDiamondWrap .searchShapesIn{width: 14.28%;}
.fancySelectedWrap .asideSection{display: flex; min-height: 105px; position: relative; align-items: center; }
.fancySelectedWrap .asideSection .afterSelect{justify-content: center;}
.fancySelectedWrap .fancyDiamond .col4{width: 33.33%;}
.fancySelectedWrap .searchShapesIn{display: flex; align-items: center; flex-wrap: wrap; padding: 0px;}
.fancySelectedWrap .overtone .searchShapesIn{width: 100%; padding: 0px;}
.selectedOvertone{width: 100%; border-radius: 5px; background-color: #000; color: #fff; padding: 2px 5px; position: relative; line-height: 20px; margin-bottom: 5px;}
.selectedOvertone:last-child{margin-bottom: 0px;}
.selectedOvertone p{margin-top: 0px; text-align: left; cursor: pointer;}
.selectedOvertone span{position: absolute; width: 30px; height: 24px; right: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: 12px; background-image: url(../images/icons/closeW.svg); cursor: pointer; }
.intensitySelected{width: 80%; line-height: 26px; text-align: center; color: #fff; background-color: #000; border-radius: 30px; width: 100%; font-size: 14px; cursor: pointer;}
.intensity .searchShapesIn{width: 100%; flex-wrap: wrap; padding: 0px;}
.intensity .searchShapesIn p{text-align: center; line-height: 26px; margin-top: 0px; text-align: center; width: 100%;}

.searchShapesIn.searchShapesInOther .shapeImg img{margin: 7px auto}
.selectedShapeIn .shapeImg{background-color: #000; color: #fff;}
.selectedShapeIn .shapeImg img{filter: invert(0%); -webkit-filter: invert(0%); -moz-filter: invert(0%);}

.fancySelectedWrap .asideSection .afterSelect{display: none; width: 100%; align-items: flex-start; }
/*.fancySelectedWrap .asideSection .afterSelect*/


.noSelect{width: 100%; position: absolute; width: 100%; height: 100%; z-index: 0; background-color: #f1f1f1; left: 0; top: 0;}
.fancySelectedWrap .noSelect p{line-height: 105px; text-align: center; width: 100%; color: #999;width: 100%;}
.selectedFancy{display: flex !important;}

.fancyWrap .fullDropdown:before, .fancyWrap .fullDropdown:after, .fancyWrap .halfDropdown:before, .fancyWrap .halfDropdown:after{position: absolute; content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f1f1f1; top: -10px; z-index: 1; }
.fancyWrap .fullDropdown:after, .fancyWrap .halfDropdown:after{top: -11px; border-bottom: 10px solid #000; z-index: 0;}
.fancyWrap .fancyDiamondWrap:before, .fancyWrap .fancyDiamondWrap:after, .fancyWrap .halfDropdown:before, .fancyWrap .halfDropdown:after{left: 28%;}
.fancyWrap .fancyOvertoneWrap:before, .fancyWrap .fancyOvertoneWrap:after, .fancyWrap .fancyOvertoneWrapHalf:before, .fancyWrap .fancyOvertoneWrapHalf:after{left: 55%;}
.fancyWrap .fancyIntensityWrap:before, .fancyWrap .fancyIntensityWrap:after, .fancyWrap .fancyIntensityWrapHalf:before, .fancyWrap .fancyIntensityWrapHalf:after{left: 80%;}
.fancyOvertoneWrap .shapeBtn, .fancyIntensityWrap .shapeBtn{width: calc(25% - 6px); margin: 3px; text-align: center;}
.fancyDiamondWrapHalf, .fancyOvertoneWrapHalf, .fancyIntensityWrapHalf{position: absolute; z-index: 1; background-color: #f1f1f1; top: 0; min-height: 105px; border: solid 1px #000; display: none;}
.fancyOvertoneWrapHalf, .fancyIntensityWrapHalf{padding: 25px 10px;}

.fancyOvertoneWrapHalf .shapeBtn, .fancyIntensityWrapHalf .shapeBtn{width: calc(25% - 20px); margin: 3px; text-align: center; height: 40px}


.fancyWrap .noArrow:before, .fancyWrap .noArrow:after{display: none;}

/*.fancyDiamondWrapHalf, .fancyOvertoneWrapHalf, .fancyIntensityWrapHalf{display: none;}*/


/*.fancyIntensityWrapHalf .rightTriangle{right: 10px;}*/
.searchMain .asideSection.dropdownSearch .fancyOvertoneWrapHalf .rightTriangle, .searchMain .asideSection.dropdownSearch .fancyIntensityWrapHalf .rightTriangle{right: 10px; top: 35px;}

.caratValues .fromTo input{text-align: center; font-size: 20px; font-weight: 700;}
.caratValues .fromTo input:focus{border-bottom: none;}

/*.searchMain .asideSection.opticalSymmetryOut{border-right: none;}*/
.searchMain .asideSection.spreadOut{border-bottom: none;}
.searchMain .asideSection.spreadOut2{border-top: none;}

/* cart */
.cart, .wishlistMenu {width: 100%; max-width: 550px; top: 0; right: 0; height: 100%; position: fixed; z-index: 99; background-color: #fff; right: -100%;}
.cart.activeCart, .wishlistMenu.activeWishlist{right: 0;}
.cartIn, .wishlistIn{position: absolute; height: calc(100% - 170px); top: 60px; left: 0; padding: 20px; overflow: auto; width: 100%; padding: 20px 30px}
.wishlistIn {height: calc(100% - 110px);}
.cartProductListImg, .cartProductListDesc, .wishlistProductListImg, .wishlistProductListDesc{}
.cartProductListImg, .wishlistProductListImg{width: 110px; height: 110px;  }
.cartProductListImg img, .wishlistProductListImg img{display: block;width: 100%;border: solid 1px #e2e2e2; border-radius: 5px;}
.cartProductListDesc, .wishlistProductListDesc{width: calc(100% - 110px)}
.closeCart, .closeWishlist{position: absolute; height: 30px; width: 30px; right: 10px; top: 15px; background-image: url(../images/icons/close.svg); background-size: 15px; background-repeat: no-repeat; background-position: center;}

.cartIn h1, .wishlistIn h1{font-size: 20px; text-align: center; margin: 10px 0 5px 0; font-weight: 700}
.cartIn h6, .wishlistIn h6{font-size: 13px; line-height: 20px;}
.cartProductListDesc, .wishlistProductListDesc{padding-left: 20px;}
.cartProductListDesc p span, .wishlistProductListDesc p span{ padding: 0 10px; border-left: solid 1px #f0f0f0; font-size: 12px; font-weight: 500;}
.selecteOptCart, .selecteOptWishlist{margin: 5px 0 8px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center;}
.cartProductListDesc p span:first-child, .wishlistProductListDesc p span:first-child{padding: 0 10px 0 0; border-left: none;}
.qtyCart, .qtyWishlist{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center;}
.qtyCart p, .qtyWishlist p, .qtyCart .qtyIn, .qtyWishlist .qtyIn{}
.qtyCart p, .qtyWishlist p{font-size: 13px;}
.qtyCart .qtyIn, .qtyWishlist .qtyIn{margin-left: 5px; font-weight: 400; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center;}
.qtyCart .subQty.disabled, .qtyWishlist .subQty.disabled, .qtyCart .addQty.disabled, .qtyWishlist .addQty.disabled {opacity: 0.6; pointer-events: none;}
.qtyIn div{ font-size: 16px; padding: 0 5px; }
.qtyIn .subQty, .qtyIn .addQty{font-size: 20px; cursor: pointer;}


.checoutBody .qtyIn .subQty, .checoutBody .qtyIn .addQty{display: none;}

.cartProductListDesc h2, .wishlistProductListDesc h2, .cartRemoveBtn{ margin-top: 10px; line-height: 30px;}
.cartProductListDesc h2, .wishlistProductListDesc h2{font-size: 19px; font-weight: 700; font-family: 'Lato', sans-serif;}
.cartProductListDesc h2 span, .wishlistProductListDesc h2 span{font-weight: 400; font-size: 14px;}
.selecteOptCart span label, .selecteOptWishlist span label{width: 11px; height: 11px; border-radius: 100%; display: block;}
.cartRemoveBtn{margin-left: 10px; line-height: 30px; color: #fff; position: relative; padding-right: 15px; cursor: pointer; display: flex; flex-direction: row; flex-wrap: wrap;}
.cartRemoveBtn:before{position: absolute; content: ''; height: 100%; width: 0px; left: 0; top: 0; border-radius: 40px; background-color: #000; z-index: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.cartRemoveBtn span{height: 30px; width: 30px;  text-align: center;  z-index: 1; position: relative; color: #000; font-size: 16px; font-weight: 700;}
.cartRemoveBtn:hover:before{width: 100%;}
.cartRemoveBtn:hover span{color: #fff}
.cartRemoveBtn label{position: relative; z-index: 0}

.cartProductList, .wishlistProductList{ padding: 10px 0;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.cartProductList:first-child, .wishlistProductList:first-child{padding: 0 0 20px 0;}
.cartProductList:last-child, .wishlistProductList:last-child{padding: 15px 0 0 0; border-bottom: none;}


.cartFooter, .wishlistFooter{height: 110px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px;}
.wishlistFooter {
	height: 50px;
}
.checkOutBtn{width: 100%; position: absolute; height: 50px; line-height: 50px; text-align: center; bottom: 0; left: 0; }
.checkOutBtn button{border: none; background-color: #4285F4; color: #fff; font-family: 'Raleway', sans-serif; text-transform: uppercase; overflow: hidden; cursor: pointer; font-size: 19px; }
.checkOutBtn button:before{transition: all 2s; -webkit-transition: all 2s; -moz-transition: all 2s;}

.totalCart{border-top: solid 1px #ccc; display: flex; flex-direction: row; flex-wrap: wrap; }
.totalCart p{ line-height: 60px; width: 50%; font-size: 20px;}
.totalCart p:last-child{text-align: right;}
.totalCart p span{font-size: 16px; font-weight: 400;}

.cartIn::-webkit-scrollbar, .wishlistIn::-webkit-scrollbar {width: 7px;} 
.cartIn::-webkit-scrollbar-track, .wishlistIn::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #ccc;}
.cartIn::-webkit-scrollbar-thumb, .wishlistIn::-webkit-scrollbar-thumb {background-color: #444;}

.ownDesign .cartProductList, .wishlistProductList{border-bottom: none; padding-bottom: 5px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.cartPriceRemove, .wishlistPriceRemove{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.ownDesign{border-bottom: solid 1px #999; padding-bottom: 5px;}
.ownDesign p{font-size: 12px; line-height: 20px;}
.ownDesign p b{font-weight: 500}

.featureImg svg path, .featureImg svg circle, .featureImg svg line, .featureImg svg polyline, .featureImg svg polygon{stroke: #000; fill: none; stroke-dashoffset: 1851; stroke-dasharray: 1850 2000; stroke-width: 1.5;}
.add_showDivZoom.featureImg svg path, .add_showDivZoom.featureImg svg circle, .add_showDivZoom.featureImg svg line, .add_showDivZoom.featureImg svg polyline, .add_showDivZoom.featureImg svg polygon{animation: formation 5s forwards ease-in-out;}

@keyframes formation {
    from {stroke-dashoffset: 1850;}
    to {stroke-dashoffset: 0;}
}


/* Product Inner */
.productDesc{padding: 25px; }
.productDescIn{padding: 10px 20px; background-color: #ECECEC; overflow: hidden; margin-bottom: 20px; border-radius: 5px}
.productDescIn:last-child{margin-bottom: 0px;}
.productDescIn h3{line-height: 30px; font-size: 18px; position: relative; cursor: pointer;}
.productDescIn h3:before, .productDescIn h3:after{position: absolute; content: ''; height: 2px; width: 12px; background-color: #000; right: 8px; top: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.productDescIn h3:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); right: 0px;}
.productDescBottom{margin-top: 20px;}
.productDescBottomIn{display: flex; margin-bottom: 20px}
.productDescBottomIn:last-child{margin-bottom: 0px;}
.productDescIn .asideSection{vertical-align: top; margin-bottom: 20px;  padding-left: 30px;}
.productDescIn .asideSection:nth-child(4n), .productDescIn .asideSection:last-child{border-right: none;}
.productDescIn .asideSection:nth-child(4n + 1){padding-left: 0px;}
.productDescIn h4{font-size: 15px; text-transform: uppercase; padding: 5px 0; line-height: 20px;  margin-bottom: 10px;	}
.productDescIn h4 span{border-bottom: solid 1px #000; padding: 2px 0;}
.productDescIn p{line-height: 28px;}

.activeDesc h3:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.activeDesc h3:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}

.productDetailsTop{padding: 25px 25px 5px 25px;}
.productInner .productDetailsTop{padding: 0px 25px 5px 25px; display: flex; flex-direction: row; flex-wrap: wrap; }
.productDetailsTop .col6{vertical-align: top;}
.productDetailsTop .col7{width: 630px;}
.productDetailsTop .col5.rightProductDesc{width: calc(100% - 630px); display: flex; flex-direction: row; flex-wrap: wrap; align-items: top;}
.productDetailsIn{padding: 20px 0 0 0; position: relative; }
.productDetailsIn label{margin-bottom: 5px; display: block; font-size: 12px; font-weight: 500; text-transform: uppercase;}
.productDetailsIn .sizeChart{position: absolute; top: 18px; left: 80px; font-size: 14px; cursor: pointer; text-decoration: underline;}
.productDetailsIn .dropdown{width: 150px; z-index: 9}
.productDetailsIn .dropdown span{font-weight: 500;}
.colorWrap{   cursor: pointer;}
.rightProductDesc{padding-left: 60px;}
.colorWrapOut{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: top; width: 100%;}
.colorWrapOut .col3{padding-right: 10px;}
.colorCode{height: 14px; width: 14px; border-radius: 100%; background-color: #fff; margin: 3px 0;}
.colorWrap p{width: calc(100% - 15px); padding-left: 8px; line-height: 20px; }
.colorWrap .asideSection{height: 20px;}
.productDetailsTop h1{font-size: 25px; line-height: 38px; padding: 9px 0; margin-top: 5px;}
.rightProductDesc h3{font-size: 18px; font-family: 'Lato', sans-serif;}

.colorWrap .container {display: block; position: relative; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 40px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; padding: 5px 5px 5px 30px; line-height: 30px; margin: 0; text-transform: capitalize;}
.colorWrap .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.colorWrap .container input:checked ~ .checkmark { border: none; }
.colorWrap .checkmark {position: absolute;top: 14px;left: 12px; height: 12px; width: 12px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s; border-radius: 100%; border: none;}
.colorWrap .container input:checked ~ .checkmark:after {display: none;}
.colorWrap .container .checkmark:after {display: none;}
.colorWrap .checkmark:after {content: "";position: absolute;display: none;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.colorWrap .container:hover{background-color: #f0f0f0}

.productDetailsIn label.colorWrapTitle{margin-bottom: 5px;}

.roseGold .container .checkmark{
	background: rgb(240,189,158); 
	background: -moz-linear-gradient(left,  rgba(240,189,158,0.5) 0%, rgba(240,189,158,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(240,189,158,0.5) 0%,rgba(240,189,158,1) 100%); 
	background: linear-gradient(to right,  rgba(240,189,158,0.5) 0%,rgba(240,189,158,1) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0d0', endColorstr='#f1c0a3',GradientType=1 ); 
}
.whiteGold .container .checkmark{
	background: rgb(222,222,222); 
	background: -moz-linear-gradient(left,  rgba(222,222,222,0.5) 0%, rgba(222,222,222,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(222,222,222,0.5) 0%,rgba(222,222,222,1) 100%); 
	background: linear-gradient(to right,  rgba(222,222,222,0.5) 0%,rgba(222,222,222,1) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#222',GradientType=1 ); 
}
.yellowGold .container .checkmark{
	background: rgb(252,224,208); 
	background: -moz-linear-gradient(left,  rgba(239,217,167,0.5) 0%, rgba(239,217,167,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(239,217,167,0.5) 0%,rgba(239,217,167,1) 100%); 
	background: linear-gradient(to right,  rgba(239,217,167,0.5) 0%,rgba(239,217,167,1) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0d0', endColorstr='#f1c0a3',GradientType=1 ); 
}
.platinum .container .checkmark{
	background: rgb(222,222,222); 
	background: -moz-linear-gradient(left,  rgba(222,222,222,0.5) 0%, rgba(222,222,222,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(222,222,222,0.5) 0%,rgba(222,222,222,1) 100%); 
	background: linear-gradient(to right,  rgba(222,222,222,0.5) 0%,rgba(222,222,222,1) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#222',GradientType=1 ); 
}

.container input:checked ~ .checkmark{background: #fff}

.roseGold.activeColor .container{
	background: rgb(240,189,158); 
	background: -moz-linear-gradient(left,  rgba(240,189,158,0.5) 0%, rgba(240,189,158,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(240,189,158,0.5) 0%,rgba(240,189,158,1) 100%); 
	background: linear-gradient(to right,  rgba(240,189,158,0.5) 0%,rgba(240,189,158,1) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0d0', endColorstr='#f1c0a3',GradientType=1 ); 
}
.whiteGold.activeColor .container{
	background: rgb(222,222,222); 
	background: -moz-linear-gradient(left,  rgba(222,222,222,0.5) 0%, rgba(222,222,222,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(222,222,222,0.5) 0%,rgba(222,222,222,1) 100%); 
	background: linear-gradient(to right,  rgba(222,222,222,0.5) 0%,rgba(222,222,222,1) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#222',GradientType=1 );
}
.yellowGold.activeColor .container{
	background: rgb(252,224,208); 
	background: -moz-linear-gradient(left,  rgba(239,217,167,0.5) 0%, rgba(239,217,167,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(239,217,167,0.5) 0%,rgba(239,217,167,1) 100%); 
	background: linear-gradient(to right,  rgba(239,217,167,0.5) 0%,rgba(239,217,167,1) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0d0', endColorstr='#f1c0a3',GradientType=1 ); 
}
.platinum.activeColor .container{
	background: rgb(222,222,222); 
	background: -moz-linear-gradient(left,  rgba(222,222,222,0.5) 0%, rgba(222,222,222,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(222,222,222,0.5) 0%,rgba(222,222,222,1) 100%); 
	background: linear-gradient(to right,  rgba(222,222,222,0.5) 0%,rgba(222,222,222,1) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#222',GradientType=1 );
}

.karatWrap{width: 100%; max-width: 140px; border: solid 1px #ccc; height: 40px; border-radius: 40px; position: relative; display: flex; flex-direction: row; flex-wrap: wrap;}
.karatWrap label{vertical-align: middle; width: 50%;}
.karatWrap .container{height: 40px; padding-left: 0px; text-align: center;  line-height: 38px; margin: 0px; font-size: 15px;}
.karatWrap .selectedDiv{position: absolute; left: 0; top: 0; height: 38px; width: 50%; border-radius: 40px; background-color: #ccc}

.productDetailsTop{display: flex; flex-direction: row; flex-wrap: wrap; align-items: start}
.productDetailsTop .headDesc{font-size: 14px; margin: 5px 0 15px 0;}
.productDetailsIn select{height: 40px; border-radius: 40px; border: solid 1px #ccc; width: 100%; padding: 0 15px; background-image: url(../images/icons/down-arrow.svg); background-size: 10px; background-repeat: no-repeat; background-position: calc(100% - 20px) center; cursor: pointer;}
.productDetailsIn .qtyCart, .productDetailsIn .qtyWishlist {width: 100%; max-width: 100px; border: solid 1px #ccc; height: 40px; border-radius: 40px; padding: 0 10px; font-weight: 500; font-size: 15px;}
.productDetailsIn .qtyCart .qtyIn, .productDetailsIn .qtyWishlist .qtyIn {margin-left: 0px; display: flex; flex-direction: row; flex-wrap: wrap;}
.productDetailsIn .qtyIn div{width: 40px; height: 40px; text-align: center; line-height: 36px; padding: 0px;}
.productDetailsIn .qtyIn .subQty, .productDetailsIn .qtyIn .addQty{width: 19px; cursor: pointer; font-weight: 500;}
.productDetailsIn .qtyIn .valueQty{font-weight: 500;}
.cartPrice{padding: 30px 0 20px 0; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;}
.cartPrice h4{font-size: 36px; font-family: 'Lato', sans-serif; font-weight: 600;}
.cartPrice h4 span{font-size: 20px; font-weight: 300;}
.cartPrice button{height: 50px; border: none; outline: none; cursor: pointer; background-color: transparent;}
.cartPrice .asideSection{padding-right: 20px;}
.cartPrice .asideSection.productValue{padding-right: 50px;}
.addCartBtn button{width: 100%; min-width: 150px; background-color: #4285F4; color: #fff; text-transform: uppercase; font-size: 16px; border-radius: 5px; position: relative;}
.addCartBtn button span{line-height: 50px;}
/*.addWishlistBtn{padding-left: 20px;}*/
.addWishlistBtn button{height: 50px; width: 50px; background-color: transparent; border: none;}
.addWishlistBtn button svg{width: 34px; height: 34px; margin: 6px auto; display: block;}
.diamondListingPage .addWishlistBtn button svg{width: 20px; height: 20px;}
.addWishlistBtn button path{fill: #fff; stroke-width: 30; stroke: red; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
/*.addWishlistBtn button:hover svg path{stroke: red;}*/
.addWishlistBtn button.wishlisted svg path{stroke: red; fill: red;}

.productSupportWrap{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; align-items: center;}
.productSupportWrap .col3 a, .productSupportWrap .col6 a{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.productSupportWrap svg, .productSupportWrap p{} 
.productSupportWrap svg{height: 30px; width: 30px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}

.productSupportWrap .asideSection:last-child svg{height: 35px; width: 35px;}


.productSupportWrap p{padding-left: 0px;transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; line-height: 30px;}
.checkoutMain .productSupportWrap .col3 img, .checkoutMain .productSupportWrap .col6 img{height: 16px; width: 16px;}
.checkoutMain .productSupportWrap .col3 p, .checkoutMain .productSupportWrap .col6 p{line-height: 16px; padding-left: 5px;}

.productSupportWrap .asideSection:hover svg{fill: #4285F4;}
.productSupportWrap .asideSection:hover p{color: #4285F4;}


.checoutBody .pageHeadIn{border-bottom: none;}
.checoutBody .checkoutMain{padding: 10px 25px 25px 25px }



.leftNavSlider, .rightMainSlider{  width: 80px; }
.rightMainSlider{width: calc(100% - 80px); padding-left: 30px;}

.leftNavSlider{padding: 40px 0;}

.leftNavSlider{}



#product-slider {width: 100%;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: top;}
#product-slider > div:nth-of-type(2) {margin-top: 0;}
#product-slider.reverse {display: flex; flex-direction: column-reverse;}
#product-slider.reverse > div:first-of-type {margin-bottom: 1em;}
#product-slider.reverse > div:nth-of-type(2) {margin-top: 0;}
/*#product-slider__nav{padding: 40px }*/
#product-slider.has-social-share #product-slider__nav {width: 100%; margin-bottom: 0;  }
#product-slider .slick-slide {display: flex; align-items: center; border: solid 1px #f0f0f0; border-radius: 5px; margin: 5px 0; opacity: 0.7; }
#product-slider .slick-slide.slick-current{opacity: 1; border: solid 1px #ccc;}
#product-slider .slick-slide:last-child{margin-bottom: 0px;}
#product-slider .slick-slide.zoom{border: none;}
#product-slider .slick-slide img { max-width: 100%; max-height: 100%; margin: auto; border: none}
#product-slider .slick-arrow {position: absolute;width: 100%;  height: 40px;  top: auto; bottom: -40px; left: 0; z-index: 1; background-image: url(../images/icons/down-arrow.svg); cursor: pointer;}
#product-slider .slick-arrow.slick-prev {top: -40px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
#product-slider .slick-arrow.slick-next {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }
#product-slider__main {
  margin-bottom: 0;
}
#product-slider .slick-arrow.slick-disabled{opacity: 0.5; pointer-events: none;}

button.disabled{opacity: 0.5; pointer-events: none;}

#product-slider__main::after {
  color: #555;
  font-size: 0.85em;
  content: 'Roll over image to zoom in';
  text-align: center;
  width: 100%;
  display: block;
  padding: 5px 0;
}
#product-slider__main:hover::after {
  content: 'Click to open expanded view';
}
#product-slider__main.object-fit--contain .slick-slide img {
  object-fit: cover;
  width: 100%;
}
#product-slider__main .slick-slide {
  /*height: 500px;*/
}
#product-slider__main .slick-slide img {
  cursor: zoom-in;
}

.slick-lightbox-inner .slick-arrow{background-color: transparent; filter: invert(100%);}



.checkoutMain{padding: 25px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: top;}
.checkoutLeft{ }
.checkoutLeft h1{font-size: 20px; line-height: 24px; letter-spacing: 0px; position: relative; cursor: pointer;}
.checkoutLeft h1:before, .checkoutLeft h1:after{height: 2px; width: 14px; background-color: #666; position: absolute; content: ''; top: 10px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.checkoutLeft h1:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); right: 14px;} 
.checkoutLeft h1:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); right: 5px;}

.activeCheckoutTab h1:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.activeCheckoutTab h1:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}

.productListCheckout.cartProductListDesc, .productListCheckout.wishlistProductListDesc{padding: 20px 0; width: 100%;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: top; border-bottom: solid 1px #999;}
.productListCheckout.cartProductListDesc:last-child, .productListCheckout.wishlistProductListDesc:last-child{border-bottom:none; padding: 10px 0 0px 0;}
.productListCheckout .cartProductListDesc h6, .productListCheckout .wishlistProductListDesc h6{font-size: 14px; line-height: 24px;}
.productListCheckout .asideSection{vertical-align: top;}
.productListCheckout .asideSection.col5{width: 350px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: top;}
.productListCheckout .asideSection.col7{width: calc(100% - 350px); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: top;}

.checkoutMainIn{border: solid 1px #f0f0f0; padding: 20px; margin-bottom: 20px; border-radius: 5px;}
.checkoutRight .checkoutMainIn{margin-bottom: 10px;}

.checkoutProductDescRight{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: top;}
.checkoutProductDescRight .productFeatures{border-left: solid 1px #f0f0f0; padding: 0px 15px;}
.productFeatures label{font-size: 12px;  padding: 5px 0; display: block;} 


.checkoutMain .actionBtns{padding: 20px 0 0 0; text-align: right; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end;}
.checkoutMain .actionBtns.act-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    text-align: left !important;
}
span.update-txt {
    display: inline-block !important;
    padding-bottom: 5px;
    color: red;
}
.checkoutMain .actionBtns button{height: 50px; width: 100%; max-width: 250px; height: 55px; border: solid 1px #4285F4; text-transform: uppercase; color: #4285F4; text-align: center; outline: none; background-color: #fff; cursor: pointer; margin-left: 20px;  font-size: 16px; font-weight: 700; border-radius: 2px;}
.checkoutMain .actionBtns button:hover{background-color: #4285F4; color: #fff}
.checkoutMain .actionBtns .continueCheckout{background-color: #4285F4; color: #fff;}

.checkoutPrice, .checkoutCharges, .checkoutPayable{display: flex; flex-direction: row; flex-wrap: wrap; }
.checkoutRight{padding-left: 10px; position: sticky; top: 100px; align-self: flex-start;}
.checkOutTotal{padding: 10px 20px; border: solid 1px #f0f0f0;}
.checkOutTotal p{ padding: 10px 0; line-height: 30px; font-size: 20px; width: 50%;}
.checkOutTotal p:last-child{text-align: right;}
.checkoutPayable{border-top: solid 1px #f0f0f0; margin-top: 10px;}
.checkoutRight .productSupportWrap{margin-top: 10px; display: flex; flex-direction: row; flex-wrap: wrap;}



.addressWrap{margin-top: 20px; width: 100%;}
.addressWrap .checkoutProductDescRight .asideSection{padding: 0 20px; border-left: solid 1px #ccc}
.addressWrap .checkoutProductDescRight .asideSection:first-child{padding: 0 20px 0 0; border-left: none;}
.addressWrap .checkoutProductDescRight span{font-weight: 700;}
.addressWrap p{line-height: 24px; margin-top: 15px; max-width: 400px; }

.cardOpt{margin-top: 20px;}
.cardOpt img{height: 40px; border-radius: 5px;  margin: 0 5px; cursor: pointer;}

.cardOpt form{width: 100%; max-width: 400px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: top;}
.cardOpt form input{height: 50px; border: solid 1px #f0f0f0; border-radius: 5px; }
.validWrap{border-radius: 5px; border: solid 1px #f0f0f0; padding: 10px 15px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: top;}
.validWrap p{margin-top: 0px;}
.cardOpt .validWrap p{margin: 0px; line-height: 30px;}
.validWrap select{height: 30px; border: none; background-image: url(../images/icons/down-arrow.svg); background-size: 8px auto; background-position: calc(100% - 10px) center; background-repeat: no-repeat;}
.cardOpt p{margin: 15px 0; padding: 0 5px; line-height: 26px;}
.cardOpt p.note{font-size: 13px;}

.container.userCredit{line-height: 24px;}
.container.userCredit .checkmark{width: 20px; height: 20px;}
.container.userCredit input:checked ~ .checkmark{border: solid 2px #000;}
.container.userCredit .checkmark:after{border-width: 0 2px 2px 0; left: 5px; top: 2px; width: 4px; height: 8px;}

.cardOptWrap{display: flex; flex-direction: row; flex-wrap: wrap; }
.cardOptIn{padding: 10px; border: solid 1px #f0f0f0; border-radius: 5px; margin: 0 5px 5px 5px;}
.cardOptWrap .selected{border: solid 1px #999; background: transparent;}

.formElement{padding: 7px 5px;}

.productListCheckoutList{width: 100%;}
.paymentMethod .productListCheckout.cartProductListDesc .container{margin: 0px; line-height: 20px; font-size: 16px; }
.paymentMethod .productListCheckout.cartProductListDesc .container.userCredit{margin: 20px 5px; font-weight: 700; font-size: 14px; line-height: 24px;}
.paymentMethod .productListCheckout.cartProductListDesc{display: block;}
.container.userCredit .checkmark {border: solid 2px #000;}
.paymentMethod .container .radio{border-radius: 100%;}
.container .radio:after{width: 10px; height: 10px; border: none; left: 2px; top: 2px; background-color: #000; border-radius: 100%; display: block; opacity: 0;}
.container input:checked ~ .checkmark:after{opacity: 1}

.productListCheckout.availableCreditBox{ margin-top: 20px;}
.productListCheckout.availableCreditBox h3{font-size: 16px; font-weight: 700; font-family: 'Lato', sans-serif;}


.showHideWrap{display: none;}


/* Login */
.loginWrap{height: 85%; width: 60%; top: 7%; left: 20%; background-color: #fff; position: fixed; -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75); border-radius: 4px; overflow: hidden; z-index: 999; display: none;}


.loginWrap .loginWrap{height: 30px; display: block;}

.login .loginWrap{display: block;}

.closeLoginWrap{height: 40px; width: 40px; position: absolute; right: 0 ;top: 0; cursor: pointer;}	
.closeLoginWrap:before, .closeLoginWrap:after{height: 2px; width: 20px; background-color: #fff; position: absolute; content: ''; top: 20px; left: 10px; z-index: 1}
.closeLoginWrap:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);} 
.closeLoginWrap:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.loginImg{background-image: url(../images/login_banner.jpg?id=146523); background-size: cover; position: absolute; right: 0; top: 0; height: 100%; width: 50%; border-radius: 4px; overflow: hidden}
.loginWrap .formWrap{padding: 20px; height: 100%; position: absolute; left: 0; top: 0;}
.formWrap form{position: absolute; height: 100%; width: 50%; left: 0; top: 0; display: table; padding: 20px 40px; width: 100%;}
.formWrap form .formElement{padding: 3px 5px }
.formWrap form input{border-bottom: solid 1px #ccc; height: 40px;}
.formWrap form h2, .registerForm h1{margin-bottom: 10px; font-family: PlayfairDisplay-Regular; color: #24a383 ; font-size: 22px; font-weight: 700; padding: 0 5px;}

.formWrap form input{padding: 5px 0;}
.formWrap form input[type='submit']{width: 100%; max-width: 140px; border: solid 1px #999; height: 40px; background-color: #fff; margin-top: 20px; cursor: pointer;}
.submitWrap{text-align: right;}
.submitWrap p{text-align: center; margin-top: 10px; color: #4285F4; display: none;}
.formWrap form input[type='submit']:hover{background-color: #448f76; border: solid 1px #448f76; color: #fff;}


/* Chrome, Safari, Edge, Opera */
input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}


.userOpen{cursor: pointer;}

.registerForm{padding: 50px;}
.registerForm h1{font-size: 40px; text-align: center; margin: 20px 0; color: #000;}
.registerForm .secHead img{height: 30px; display: block; margin: auto;}
.registerForm ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
.registerForm li{padding: 10px 0;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width: 50%;}
.registerForm li img, .registerForm li p{ width: 35px;}
.registerForm li p{width: calc(100% - 50px); padding-left: 30px; line-height: 24px;}
.registerForm form{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 30px;}
.registerForm .loginWrap form{margin-top: 0px;}

.registerForm .formElement{padding: 7px 10px; }
.registerForm .formElement input{border-bottom: solid 1px #ccc; padding: 0 10px;}
.registerForm .formElement select{width: 100%; height: 50px;  padding: 0 10px; cursor: pointer;}
.cust_select {overflow: hidden;background: url(../images/icons/select.png) right no-repeat transparent;background-position: center right;outline: 0; height: 50px;}

.cust_select select {background: 0 0; width: 100%;border: 0;border-radius: 0;-webkit-appearance: none;outline: 0;cursor: pointer;height: 50px; border-bottom: solid 1px #ccc}


.registerForm .formElement input[type='submit']{height: 40px; max-width: 150px; border: solid 1px #ccc; cursor: pointer; background-color: #fff; }
.registerForm .formElement input[type='submit']:hover{background-color: #448f76; border: solid 1px #448f76; color: #fff;}

.registerForm{padding: 20px;}

.loginWrap .formWrap form h2{color: #000; font-family: 'Lato', sans-serif;}
.loginWrap .formWrap input{height: 50px; border: solid 1px #e2e2e2;}
.loginWrap .formWrap .formElement{padding: 10px 5px;}
.forgotPass{position: relative;}
.forgotPass .container{margin: 0px; }
.forgotPass span.forgotPassSpan, .forgotPass span.rememberPassSpan, .forgotPass span.forgotUserSpan{position: absolute; right: 0px; top: 10px; font-size: 14px; cursor: pointer;}
.forgotPass span.forgotUserSpan{top: -5px;}
.forgotPass span.rememberPassSpan{top: 0;}
.login .loginWrap input[type='submit']{height: 50px; width: 100%; background-color: #4285F4; border: none; color: #fff; max-width: 100%; text-transform: uppercase;font-size: 18px; margin-top: 0px;}
.login .loginWrap input[type='submit']:hover{background-color: #4285F4; border: none; color: #fff;}
.loginWrap p{text-align: center; margin-top: 10px;} 
.loginWrap p a{color: #4285F4; border-bottom: solid 1px #fff;}
.loginWrap p a:hover{border-bottom: solid 1px #4285F4;}

.createRingHead{padding: 25px;}
.createRingHead h1{font-size: 26px; font-weight: 700; text-align: center; margin-bottom: 20px;}
.settingPage .pageHeadIn{border-bottom: none;}

.settingPage .filters{padding: 0 25px;}
.settingPage.listingPage .filters{padding: 13px 25px;}
.settingPage .filterIn{border-bottom: solid 1px #e2e2e2; padding-bottom: 20px;}
.settingPage .filters .dropdown{top: 0;}
.settingPage .productListWrap{padding: 0 0 0 0;}

.settingPage.reportPage .reportTop{position: relative; top: auto;}
.settingPage.reportPage .pageHead{background-color: #000;}
.settingPage.reportPage .pageHead .activeBreadcrum{color: #fff}

.reportPage.settingPage .createRingHead{background-color: #000;}
.reportPage.settingPage .createRingTabIn.selected{background-color: #222}
.reportPage.settingPage .createRingTabIn.selected .rightIcon{background-color: #ddd}

.reportPage.settingPage h1{color: #fff}

.reportPage{background-color: #000}
.cutwiseSteps{padding-top: 10px;}


.createRingTab{border-radius: 5px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
.createRingTabIn{padding: 0 40px 0 60px; width: 33.33%; height: 70px; background-color: #F9F9F9; position: relative; display: table; border: solid 1px #999;}
.createRingTabIn h3{font-size: 12px;}
.createRingTabIn h3.mobileH3{display: none;}
.createRingTabIn p{font-size: 13px; margin-top: 5px; }
.createRingTabIn span{font-size: 12px; margin-right: 20px; border-bottom: solid 1px #000; cursor: pointer;}
.createRingTabIn .stepNo{position: absolute; left: 10px; top: 0; line-height: 68px; text-align: center; width: 70px; font-size: 24px; }
.createRingTabIn:first-child .stepNo{width: 50px;}
.createRingTabIn .createRingTabIn{display: flex; flex-wrap: nowrap;}
.reviewHeadDiamond{display: flex; flex-wrap: nowrap; align-items: center;}
.reviewHeadDiamond .reviewHeadDiamondIn{width: calc(100% - 70px); padding-right: 20px;}
.reviewHeadDiamond span{height: 20px; margin-right: 5px;text-align: center;} 
.reviewHeadDiamond span:first-child{width: 30px; }
.reviewHeadDiamond span:last-child{width: 40px; }
/*.twoDiamond .createRingTabIn{padding: 5px 40px 5px 60px;}*/
.reviewHeadDiamond .reviewHeadDiamondIn{padding: 5px 0;}
.reviewHeadDiamond .reviewHeadDiamondIn p{margin-top: 0px;}
.twoDiamond .createRingTabIn{height: 85px; }
.twoDiamond .createRingTabIn .stepNo{line-height: 83px; left: 5px;}
.twoDiamond .rightIcon{height: 83px; border-radius: 100%;}
.twoDiamond .selected .rightIcon{height: 84px; border-radius: 100%;}
.createRingTabIn:before{position: absolute; content: ''; height: 60px; width: 35px; border-right: solid 1px #999; top: -1px; right: -18px; background-color: #F9F9F9; border-radius: 100%; z-index: 1; display: none;}
.createRingTabIn.completed:before{background-color: #fff; top: 0}
.createRingTabIn.completed:before{background-color: #fff}
.createRingTabIn.selected, .createRingTabIn.selected:before{border: solid 1px #000;}

.rightIcon{position: absolute; height: 68px; width: 69px; background-size: 24px; background-position: center; background-repeat: no-repeat; top: 0;right: -34px; border-radius: 70px; z-index: 1; background-color: #F9F9F9; border-right: solid 1px #000;}
.createRingTabIn:last-child .rightIcon{border-right: none; right: 0;}
.completed{background-color: #fff; border: solid 1px #999;}
.selected{background-color: #000; }
.selected h3, .selected p, .selected span, .selected .stepNo{color: #fff}
.selected span{border-bottom: solid 1px #fff;}
.completed .rightIcon{background-color: #fff; right: -28px; border-right: solid 1px #000;}
.selected .rightIcon{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); right: -34px; height: 70px;  width: 70px; border-right: solid 1px #000;}
.createRingTabIn:last-child .stepNo{right: 0;}
.createRingTabIn.selected:last-child .rightIcon{right: 0; border-right: none;}

.createRingTabIn:first-child{padding: 0 20px 0 50px;}
.createRingTabIn:first-child .stepNo{left: 0px;}

.changeRingOpt{text-align: center; margin-top: 30px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
.changeRingOpt .asideSection{margin: 0 10px;}
.changeRingOpt .ringShape{width: 180px} 
.changeRingOpt .ringShape select{height: 38px; display: block;}
.changeRingOpt .ringSize{width: 170px;}
.changeRingOpt .disable{opacity: 0.7}

.ringShape, .ringSize, .dropdown{height: 40px;   padding: 0px ; line-height: 20px; width: 200px; position: relative; background-color: #fff; text-align: left;}
.ringShape p, .ringSize p, .dropdown p{font-size: 15px; z-index: 10; position: relative; background-color: #fff; line-height: 40px; padding: 0 15px; border: solid 1px #eee; border-radius: 40px; cursor: pointer;}
.ringSize p{z-index: 8}

.ringShape p span, .ringSize p span, .dropdown p span{font-weight: 700; padding-left: 5px;}
.dropdown p span{padding-left: 0px;}
.ringShape p:before, .ringSize p:before, .dropdown p:before{height: 20px; width: 20px; position: absolute; content: ''; top: 10px; right: 10px; background-image: url(../images/icons/down-arrow.svg); background-size: 12px; background-position: center; background-repeat: no-repeat; opacity: 0.7; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;pointer-events: none;}
.activeDropdown p:before{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.ringShape p img{right: 30px;}
.ringShape ul, .ringSize ul, .dropdown ul{position: absolute; top: 15px; left: 0; width: 100%; padding: 30px 0px 10px 0px; z-index: 9; background-color: #fff; border: solid 1px #999;  display: none; max-height: 185px; overflow: auto;}

.ringShape ul::-webkit-scrollbar, .ringSize ul::-webkit-scrollbar, .dropdown ul::-webkit-scrollbar {width: 5px; border-radius: 20px;} 
.ringShape ul::-webkit-scrollbar-track, .ringSize ul::-webkit-scrollbar-track, .dropdown ul::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 20px;}
.ringShape ul::-webkit-scrollbar-thumb, .ringSize ul::-webkit-scrollbar-thumb, .dropdown ul::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey; border-radius: 20px;}

.ringSize ul{z-index: 7}
.ringShape li, .ringSize li, .dropdown li{position: relative; padding: 5px 15px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; font-size: 14px;}
.ringShape li:hover, .ringSize li:hover, .dropdown li:hover{background-color: #eee;}
.ringShape img{height: 20px; position: absolute; right: 10px; top: 10px;}
.ringShape li img{top: 7px; height: 16px;}


.productReview{margin-top: 20px; display: flex; flex-direction: row; flex-wrap: wrap; }
.productReview h5{font-weight: 700; font-size: 15px;}
.productReview table{margin-top:20px;}
.productReview th, .productReview td{padding: 5px 0; font-size: 14px;}
.productReview td{padding: 5px;}
.productReview th{text-align: left;}
.productReview .dropdown{width: 70px;}


.darkMode .createRingTabIn.selected{background-color: #111;}
.darkMode .createRingTabIn{background-color: #f0f0f0; color: #000}
.darkMode .rightIcon{background-color: #f0f0f0}

.darkMode .diamondOpt input{background-color: #000; color: #fff;}
.darkMode .calculatorMain .dropdown p, .darkMode .calculatorMain .dropdown ul{background-color: #000}
.darkMode .calculatorMain .dropdown p:before, .darkMode .calculatorMain .dropdown p:after{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}
.darkMode .valueChange .col5{background-color: #111}
.darkMode .valueChange .col7{background-color: #000}
.darkMode .keyboard .asideSection button{background-color: #111; color: #fff;}
.darkMode .keyboard .asideSection button.deleteCalcuator{background-color: #f0f0f0; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}
.darkMode .valueChange .col8 input{background-color: #000; border: solid 1px #666; color: #fff;}
.darkMode .rapAdd, .darkMode .rapSub{background-color: #333;}


.sortByMobileClick{height: 40px; width: 180px; position: relative; border-radius: 40px; padding: 10px 20px; background-color: #4285F4; color: #fff; display: none;}
.sortByMobileClick:before, .sortByMobileClick:after{height: 2px; width: 8px; background-color: #fff; position: absolute; content: ''; top: 20px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.sortByMobileClick:before{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); right: 21px; }
.sortByMobileClick:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); right: 16px;}

.diamondSearchHeaderBottom .mobileSort{display: none;}
.actveMobileSort.sortByMobileClick:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
.actveMobileSort.sortByMobileClick:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  }


/* Diamond Lisitng */

.leftPageHead .resultShow{text-align: left; margin-top: 15px; justify-content: flex-start;}
.leftPageHead .resultShow p{font-size: 16px; font-weight: 500}
.leftPageHead .resultShow p span{font-size: 20px;}
.rightPageHead{text-align: right; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
/*.rightPageHead .asideSection{padding-left: 15px;}*/
.rightPageHead img{height: 24px; width: 24px;display: block;}
.rightPageHead button{height: 50px; padding: 0 20px; text-align: center; border: solid 1px #000; color: #000; line-height: 48px; background-color: #fff; text-transform: uppercase; font-size: 14px;  font-weight: 600; cursor: pointer; border-radius: 3px;}
.rightPageHead button:hover{background-color: #000; color: #fff;}
.rightPageHead button.blueBtn{border: solid 1px #4285F4; color: #4285F4;}
.rightPageHead button.blueBtn:hover{border: solid 1px #4285F4; background-color: #4285F4; color: #fff;}
.rightPageHead .calculatorOpen{cursor: pointer; margin: 0; height: 50px; width: 50px; }

.pageHeadIn .rightPageHead .asideSection{padding-left: 10px;}
.pageHeadIn .rightPageHead .diamondOpt .asideSection{padding-left: 0px;}
.pageHeadIn .rightPageHead .keyboard .asideSection{padding-left: 2px;}

.exportOpt{margin-top: 15px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; width: 100%; position: relative; z-index: 1}
.exportOpt .leftPageHead{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center;}
.ExportIn{margin-right: 20px;}
.ExportIn a{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center;}
.ExportIn img{height: 20px; width: 20px; }
.ExportIn p{padding-right: 10px; font-size: 16px; color: #4285F4; font-size: 18px;  transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; position: relative;}
.ExportIn p:before{height: 1px; width: 0; left: calc(50% - 5px); background-color: #4285F4; position: absolute; content: ''; bottom: -2px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.ExportIn p:hover:before{width: calc(100% - 10px); left: 0; }
.exportOpt .dropdown{height: 50px; width: 170px;}
.exportOpt .dropdown p{border-radius: 0px; line-height: 50px;}
.exportOpt .dropdown p:before{top: 16px;}
.exportOpt .dropdown ul{padding: 50px 0 10px 0;border-radius: 0px;}
/*.ExportIn:hover p{border-bottom: solid 1px #4285F4}*/

/*.darkMode .ExportIn p{border-bottom: solid 1px #000;}*/
/*.darkMode .ExportIn p:hover{border-bottom: solid 1px #4285F4}*/
.darkMode .exportOpt .dropdown p:before{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}
.darkMode .diamondList table td img{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}
.darkMode .diamondList table td img.gridViewImg{filter: invert(0%); -webkit-filter: invert(0%); -moz-filter: invert(0%);}

.darkMode .rightPageHead svg{fill: #fff}

.customizedOpt{padding: 20px 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; width: 100%; position: relative; z-index: 0;}
.customizedOpt .leftPageHead .asideSection{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.customizedOpt .leftPageHead p{line-height: 20px; padding: 5px 10px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; margin-right: 5px;;}
.customizedOpt .leftPageHead b{margin-right: 10px}
.customizedOpt .leftPageHead p b{margin-right: 0px}
.customizedOpt .leftPageHead p:hover{color: #4285F4}
.customizedOpt .leftPageHead p.selected{background-color: #4285F4; color: #fff; border-radius: 3px;;}
.customizedOpt .leftPageHead p.selected:hover{background-color: #4285F4; color: #fff}
.modeChange{height: 30px;}
.modeChange .selectedDiv{height: 28px; border-radius: 30px;}
.modeChange img{height: 28px; width: 28px; display: block; margin: 0px auto;}
.modeChange .selectedDiv{background-color: #000}
/*.modeChange{height: 30px; border-radius: 30px;}*/
.modeChange .container{height: 30px; line-height: 30px; width: 50px;}
.modeChange .container input:checked ~ img{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}

.listView, .gridView{height: 40px; width: 40px; position: relative; cursor: pointer;}
.listView span, .gridView span{height: 2px; width: 26px; position: absolute; background-color: #ccc; left: 5px; border-radius: 2px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.listView.selectedView span, .gridView.selectedView span{background-color: #000}

.listView span:nth-child(1){top: 10px;}
.listView span:nth-child(2){top: 16px;}
.listView span:nth-child(3){bottom: 16px ;}
.listView span:nth-child(4){bottom: 10px;}


.gridView span:nth-child(1){top: 16px;}
.gridView span:nth-child(2){bottom: 16px ;}

.diamondList{padding: 0 25px 25px 25px; min-height: 600px;}
.diamondList table{border-collapse: collapse; width: 100%;}
.diamondList table td{padding: 10px 5px; border: solid 1px #000; text-align: center; font-size: 14px;} 
.diamondList table thead td{text-align: center; line-height: 20px; border: none; padding: 10px 0px;}
.diamondList table td .container{padding: 0px; margin: 0px; height: 16px; width: 16px; margin: auto;}
.diamondList table td .container input{padding: 0px;}
.diamondList table td .checkmark{top: 0px;}

.diamondList tr{transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; cursor: pointer;}
.diamondList tr.selectedRow{background-color: #ddd}
.diamondList tr:hover{background-color: #4285F4}
.diamondList thead tr:hover{background-color: #fff}
.diamondList tr td img{transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
/*.diamondList tr:hover td img{filter: brightness(1000%); -webkit-filter: brightness(1000%); -moz-filter: brightness(1000%);}*/
.diamondList thead tr.selectedRow{background-color: #fff}

.diamondList thead tr{background-color: #fff; color: #000}


.diamondList table td img{height: 22px; width: 22px; display: block; margin: auto; cursor: pointer;}

.diamondListGrid{display: none;}
.diamondList .diamondListGrid table td img{height: 30px; width: 30px;}
.diamondList .diamondListGrid thead tr td{border-bottom: none;}
.diamondList .diamondListGrid table td .gridViewImg{width: 100px; height: auto; border-radius: 5px}
.diamondList .diamondListGrid table td{border: none; border-bottom: solid 1px #ccc; position: relative;}
.diamondList .diamondListGrid table tbody td:before{position: absolute; content: ''; height: 40px; top: 40px; width: 1px; background-color: #ccc; left: 0;}
.diamondList .diamondListGrid table tbody td:first-child:before{display: none;}

.diamondList .diamondListGrid h4{font-size: 24px; font-family: 'Lato', sans-serif; font-weight: 600;}
.diamondList .diamondListGrid h4 span{font-size: 16px; font-weight: 300}

.sortRow{position: relative; }
.sortRow:before, .sortRow:after{position: absolute; content: ''; height:0px; width: 0px;   right: -12px;}
.sortRow:before{border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid black; top: 6px;} 
.sortRow:after{border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid black; bottom: 1px;}
/*.sortRow.activeSortRow:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.sortRow.activeSortRow:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}*/

.asc .sortRow:after{display: none;}
.asc .sortRow:before{display: block; top: 8px;}

.dsc .sortRow:before{display: none;}
.dsc .sortRow:after{display: block; bottom: 4px;}











.sizeChartWrap, .calculatorWrap, .alertBack{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none;}
.sizeOverlay, .calculatorOverlay, .overlay{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);}

.alertBack{display: table; z-index: 9999; background-color: rgba(0,0,0,0.8); display: none;}
.alertBackIn{display: table-cell; vertical-align: middle;}
.alertIn{width: 100%; max-width: 400px; padding: 50px; background-color: #fff; margin: auto; position: relative;}
.alertIn p{font-size: 24px; line-height: 30px; text-align: center;}
.alertIn .closePopup{top: -45px; right: -5px;}


.sizeChartWrapIn, .calculatorWrapIn{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: table;}
.sizeChartWrapIn img, .sizeChartWrapIn iframe{display: block; margin: auto; width: 90%; max-width: 700px;}
.sizeChartWrapIn iframe{height: 550px;}
.sizeChartWrapIn .tableCell{position: relative;}
.closePopup{position: absolute; width: 50px;height: 50px; top: 0px; right: 0; background-image: url(../images/icons/close.svg); background-repeat: no-repeat; background-size: 20px; background-position: center; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); cursor: pointer; z-index: 9}


/*.calculatorWrap{display: block;}*/
/*.calculatorWrap{color: #fff;}*/
.calculatorMain{background-color: #373737; padding: 20px; max-width: 300px; margin: auto; width: 100%; position: absolute; right: 20px; top: 210px; z-index: 99; text-align: left;}
.calculatorMain h3{color: #fff; padding: 7px 0 10px 10px; font-weight: 500;}
.calculatorMain .dropdown{background-color: transparent; height: auto; width: 100%; padding: 2px;}
.calculatorMain label{color: #fff; padding: 0 0 5px 5px; display: block;}
.calculatorMain .dropdown p{height: 60px; width: 100%; border-radius: 10px; line-height: 50px; text-align: center; background-color: #e2e2e2; padding: 0 5px; font-size: 14px; border: none;}
.calculatorMain ul{border-radius: 10px; padding: 20px 0 10px 0; width: calc(100% - 4px); top: 45px; left: 2px; background-color: #e2e2e2; max-height: 175px;}
.calculatorMain ul li{padding: 5px 10px;}
.calculatorMain .dropdown p:before, .calculatorMain .dropdown p:after{top: 35px; left: calc(50% - 10px)}

.diamondOpt{padding: 2px; display: flex; flex-direction: row; flex-wrap: wrap;}
.diamondOpt .inputNumber{padding: 2px;}
.diamondOpt input{height: 60px; border-radius: 10px; background-color: #e2e2e2; padding: 0 5px; text-align: center; font-weight: 700}

.valueChange, .yourPriceWrap{display: flex; flex-direction: row; flex-wrap: wrap;}
.yourPriceWrap.disabled{opacity: 0.4; pointer-events: none;}

.keyboard{padding: 2px; display: flex; flex-direction: row; flex-wrap: wrap;}
.keyboard .asideSection{padding: 2px;}
.keyboard .asideSection button{width: 100%; height: 40px; border: none; cursor: pointer; border-radius: 10px; background-color: #e2e2e2; font-size: 20px; font-weight: 700; line-height: 40px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.keyboard .asideSection button.deleteCalcuator:hover{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); background-color: #e2e2e2}
.keyboard .asideSection button:hover{background-color: #111;}
.valueChange .col5{padding: 10px; background-color: #e2e2e2; height: 145px;}
.valueChange .col7{padding: 10px; background-color: #fff; height: 145px;}
.valueChange .col7	 input{height: 20px; border: solid 1px #ccc; padding: 0 10px;}
.ctWrapInitial, .totalWrapInitial{margin-top: 10px; line-height: 20px; font-size: 14px;}
.ctWrap, .totalWrap{margin-top: 10px;}
.ctWrap p, .totalWrap p{margin-bottom: 3px; font-size: 14px;}
.valueChange h4{font-weight: 500;}

.calculatorMain{padding: 0px; display: none;}
.calculatorMain .closePopup{width: 30px; height: 30px; background-size: 10px;}
.rapAdd, .rapSub{height: 20px; width: 100%; line-height: 20px; text-align: center; background-color: #e2e2e2; font-size: 20px; cursor: pointer;}
.rapSub{font-size: 24px;}
.valueChange .col8 .col6{padding-left: 5px;}
.valueChange .rapValue input{height: 34px; width: 100%; padding: 0 10px;}
.calculatorMain input::-webkit-outer-spin-button, .calculatorMain input::-webkit-inner-spin-button {-webkit-appearance: none;}
.calculatorMain input[type=number] {-moz-appearance: textfield;}
.rapChange p{margin: 10px 0 3px 0; font-size: 14px;}
.deleteCalcuator{background-image: url(../images/icons/calculatorDelete.svg); background-size: 20px; background-position: center; background-repeat: no-repeat;}

.diamondListingPage .pageHeadIn{border-bottom: none;}
.diamondListingPage .customizedOpt{padding: 10px 0 0 0}

.rightPageHead svg{height: 40px; width: 40px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; cursor: pointer;}
.rightPageHead svg:hover{fill: #4285F4}

.darkMode{color: #fff;}
.darkMode section{background-color: #000}
.darkMode .breadcrums p.activeBreadcrum{color: #000}
.darkMode .exportOpt .dropdown p, .darkMode .exportOpt .dropdown ul{background-color: #000}
.darkMode .exportOpt .dropdown ul li:hover{color: #000}

.darkMode .rightPageHead img{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); height: 28px; width: 28px;}
.darkMode .rightPageHead button{background-color: transparent; border: solid 1px #fff; color: #fff; }
.darkMode .rightPageHead button:hover{background-color: #fff; color: #000;}
.darkMode .rightPageHead button.blueBtn{background-color: transparent; border: solid 1px #4285F4; color: #4285F4}
.darkMode .rightPageHead button.blueBtn:hover{background-color: #4285F4; color: #000}
.darkMode .modeChange .selectedDiv{background-color: #fff}
.darkMode .modeChange .container input:checked ~ img{filter: invert(0%); -webkit-filter: invert(0%); -moz-filter: invert(0%);}
.darkMode .listView.selectedView span, .darkMode .gridView.selectedView span{background-color: #fff}

.darkMode .diamondList table td{border: solid 1px #fff;}
.diamondList table td:first-child{padding: 3px;}
/*.darkMode .diamondList table td img{filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}*/
.darkMode .diamondList tr.selectedRow{background-color: #333}
.diamondListList tr:nth-child(even){background-color: #f0f0f0}
.diamondListList tr:nth-child(even):hover{background-color: #4285F4}
.diamondListList .compareIcon rect, .diamondListList .compareIcon polygon, .diamondListList .compareIcon path{fill: #000; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.diamondListList .compareIcon.activeCompareIcon rect, .diamondListList .compareIcon.activeCompareIcon polygon, .diamondListList .compareIcon.activeCompareIcon path{fill: #4285F4;}
.darkMode .diamondListList .compareIcon rect, .darkMode .diamondListList .compareIcon polygon, .darkMode .diamondListList .compareIcon path{fill: #fff;}
.darkMode .diamondListList .compareIcon.activeCompareIcon rect, .darkMode .diamondListList .compareIcon.activeCompareIcon polygon, .darkMode .diamondListList .compareIcon.activeCompareIcon path{fill: #4285F4;}




.darkMode .diamondList .diamondListGrid table td{  border: none;  border-bottom: solid 1px #ccc;}
.darkMode .diamondList thead tr.selectedRow{background-color: #fff}
.darkMode .diamondListList tr:nth-child(even){background-color: #333}
.darkMode .diamondListList tr:nth-child(even):hover{background-color: #4285F4}

.focusModeClick{position: fixed; bottom: 20px; left: 20px; overflow: hidden; z-index: 9}
.focusModeClick button{width: 150px; height: 50px; text-align: center; line-height: 50px; background-color: #4285F4; color: #fff; border-radius: 5px; border: none; cursor: pointer;}


.focusMode header, .focusMode .rightNav, .focusMode footer{display: none;}
.rightNav ul{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.focusMode main{padding-top: 0px;}

.focusMode .diamondListList td{font-size: 15px;}

.userOpen{position: relative;}
.userOpen:hover .profileIn{opacity: 1; pointer-events: auto;}
.profileIn{position: absolute; z-index: 1; width: 100%; width: 150px; right: -20px; background-color: #fff; padding: 5px 0; top: 60px; opacity: 0; pointer-events: none; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.18); -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.18);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.18);}
.profileIn li{width: 100%; text-align: center; padding: 8px 15px; border-bottom: solid 1px #ccc;}
.profileIn li:last-child{border-bottom: none;}

.faqIn h1{margin: 20px 0; font-size: 30px;}
.faqIn h2{font-size: 24px; margin-bottom: 20px;}
.faqQA{margin-bottom: 20px}
.faqQtn h3{font-size: 20px; margin-bottom: 5px; }
.faqAns p{line-height: 24px; }
.faqQAWrap{padding: 20px 0; border-bottom: solid 1px #f0f0f0}
.faqIn{padding: 0 50px;}

.login header, .login .rightNav, .login footer{display: none;}
.login main{padding-top: 0px; min-height: auto;}
.login .registerForm{width: 100%; height: 100%; position: fixed; background-image: url(../images/loginBack3.jpg); background-position: center; background-size: cover; left: 0; top: 0;}
.login .registerForm:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.4); }

.disable{pointer-events: none !important;}

.iframeMain iframe{width: 100%;min-height: 800px;border: none;overflow: hidden; display: block;}
/*.iframeMain iframe .comparison__detailed{overflow-y: hidden;  }*/
/*.reportPage .iframeMain{margin-top: 50px;}*/

.mobileQuickLinks{display: none;}

.reportPage .iframeMain.notFound{margin-top: 0px; background-color: #000}

.reportTop{ width: 100%; background-color: #000; display: grid; height: 50px;z-index: 9; max-width: 1400px; 
    	grid-template-columns: minmax(min-content, 40%) 1.1fr 0.9fr; 
   	grid-template-rows: min-content min-content 1fr min-content min-content min-content;
     }
.reportTopIn{padding: 10px; border-bottom: solid 1px #333;border-right: solid 1px #333; background-color: #000; position: relative; }
.diamondDetails, .shareReportTop{background-color: #161616; color: #fff; text-align: center; line-height: 30px;} 
.shareReportTop{display: flex; flex-wrap: nowrap;}
.shareReportButton, .shareReportButtonSmall{width: calc(50% - 30px); display: flex; border: solid 1px #fff; text-align: center; color: #fff; text-align: center; align-items: center; justify-content: center; background-color: #161616; margin-right: 5px; cursor: pointer;}
.shareReportButton:hover{background-color: #fff; }
.shareReportButton:hover p{color: #000;}
.shareReportButton:hover img{filter: invert(0%); -webkit-filter: invert(0%); -moz-filter: invert(0%);}
.shareReportButton img{height: 16px; width: 16px; margin: 7px; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}
.shareReportButtonSmall{width: 30px; border: none;} 
.shareReportButtonSmall:last-child{margin-right: 0px;}
.shareReportButtonSmall img{height: 22px; width: 22px; margin: 4px; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);	}

.shareReport .shareReportTop{background-color: #000; }
.shareReportDetailsIn{display: flex; flex-wrap: nowrap; justify-content: center; }
.qrCodeButton{background-color: #353535; cursor: pointer;}
.qrCodeButton:hover{background-color: #E1A56B}
.addToCartWrap{display: flex; border-right: solid 1px #333; }
.addToCartWrap p{width: 50%; color: #fff; line-height: 30px; color:#E1A56B  }
.addToCartWrap p a{color: #fff;}
.addToCartWrap img{height: 20px; width: 20px; margin: 5px; margin-left: 10px; filter: invert(100%); cursor: pointer;}
.addToCartWrap button{width: 50%; max-width: 200px; height: 30px; cursor: pointer; border: none; border-radius: 3px; background-color: #4D89F3; color: #fff; text-transform: uppercase;}
.shareReportDetailsIn .shareReportButton{line-height: 30px; }
.shareReportDetails{padding: 10px; background-color: #161616; margin-top: 5px; display: none; position: absolute; width: calc(100% - 20px)}
.shareReportDetails p{color: #E1A56B; line-height: 30px; font-size: 18px; margin-right: 10px;}
.shareReportDetails .shareReportButton p{font-size: 16px; color: #fff;}
.shareReportDetails .shareReportButton:hover p{color: #000}
/*.shareReportDetails .shareReportButton:hover{back}*/
.shapreReportWrap{margin-top: 10px; }
.socialShare{height: 30px; width: 20%; margin-right: 2px; cursor: pointer;}
.socialShare img{height: 16px; margin: 7px auto; display: block; }
.socialShare:last-child{margin-right: 0px;}
.qrCodeButton{display: flex; align-items: center; justify-content: center; color: #fff; background-color: #353535; cursor: pointer;}
.qrCodeButton img{height: 16px; margin: 7px; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}
.qrCodeButton p{color: #fff; font-size: 16px; }

.qtOpen{width: 100%; padding: 20px; background-color: #fff; margin-top: 10px; display: none;}
.qtOpen img{width: 100%; max-width: 300px; display: block; margin: auto;}


.addRquest .pageHeadIn{border-bottom: none;}
.addRquest .diamondSearchHeader{padding: 0 30px 30px 30px;}
.addRquest .diamondSearchHeaderTop a{font-size: 16px; margin: 5px 0 15px 0; display: inline-block; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.addRquest .diamondSearchHeaderTop a:hover{color: #4285F4}
.addRquest .diamondSearchHeaderTop h1{ font-size: 20px; font-weight: 800}
.addRquest .diamondSearchHeaderBottom{margin-top: 20px; position: relative;}
.addRquest .diamondSearchHeaderBottom a{margin-right: 20px; opacity: 0.5; padding-bottom: 2px;}
.addRquest .diamondSearchHeaderTopSearch{align-items: flex-end; justify-content: flex-end;}

.addRquest .diamondSearchHeaderBottom .addRquestSelected{color: #000; border-bottom: solid 1px #000; opacity: 1;}
.addRquest .diamondSearchHeaderBottom .ExportIn{position: absolute; top: 0; right: 0; }
.addRquest .diamondSearchHeaderBottom .ExportIn a{opacity: 1; margin-right: 0px;}
.addRquest .diamondSearchHeaderBottom .ExportIn .asideSection{padding-left: 0px;}
/*.addRquest .diamondSearchHeaderBottom .ExportIn img{padding-left: 0px;}*/

.comparisonPage .addToCartWrap{ justify-content: center;}
.comparisonPage .addToCartWrap .addToCartWrapIn{display: flex; width: 33.33%; justify-content: center;}
.comparisonPage .addToCartWrap p{width: auto; margin-right: 10px;}

.comparisonPage .reportTop{    grid-template-columns: minmax(min-content, 50%) 1fr 0fr;}


.addRquest .pagination{padding: 20px 30px 40px 30px;}

.bottomSetting{padding: 0 30px 30px 30px;}
.formOut{display: flex; flex-wrap: wrap; align-items: flex-end;}
.bottomSetting h2{font-size: 18px; margin-bottom: 10px; font-weight: 700;}
.bottomSetting h2 span{font-weight: 100; font-size: 16px;}
.bottomSetting textarea{height: 70px; width: 400px; resize: none; outline: none; padding: 10px 15px;}

.bottomSetting .btnWrap{display: flex; flex-wrap: wrap; justify-content: flex-end;}
.bottomSetting .btnWrap .col3, .bottomSetting .btnWrap .col2{margin-left: 10px;}
.bottomSetting .btnWrap button{ width: 100%; }
.bottomSetting .btnWrap button:hover{background-color: #4285F4; color: #fff; border: solid 1px #4285F4; }

.bottomSetting #datepicker{width: 200px; border: solid 1px #000;}
.bottomSetting button.ui-datepicker-trigger{display: inline-block; width: 40px; border: none;}
.bottomSetting .ui-datepicker-trigger{height: 20px; width: 20px; margin: 15px; cursor: pointer; }
.datePicker{display: flex; }

.advancedMeasurements .categoryIcon{width: 20%;}
.advancedMeasurements .cutPolWrap{width: 80%;}
.searchMain .advancedMeasurements{position: relative;}
.advancedMeasurements .cutPolMenuOpen:before, .advancedMeasurements .cutPolMenuOpen:after{left: auto; right: 20px;}
.advancedMeasurements .cutPolMenuOpen:after{right: 15px;}
.advancedMeasurements .cutPolMenuOpen{line-height: 32px; width: 90%; font-size: 12px;}
.advancedMeasurements .fullDropdown .cutPolMenuOpen:before, .advancedMeasurements .fullDropdown .cutPolMenuOpen:after{display: none;}
.advancedMeasurements .fullDropdown .cutPolMenuOpen{margin-bottom: 10px;}
.advancedMeasurements .fullDropdown .cutPolMenuOpen:last-child{margin-bottom: 0px;}
.advancedMeasurements .fullDropdown{z-index: 5}

.listElement{display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
.listHead{background-color: #E1E0E0; }
.listHead p{text-transform: uppercase; font-size: 14px;}
.listElement p{width: calc(10% - 5px); padding: 10px 5px; line-height: 20px; text-align: center;}
.listBodyWrap{width: 100%;}




.listElement label{width: 40px; padding-left: 0px;}
.listElement .container{margin: 0px; height: 40px;}
.listElement .container .checkmark{top: 12px; left: 10px;}
.listBody{border: solid 1px #000; cursor: pointer; margin-top: -1px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.listBodyOut:nth-child(even) .listBody{background-color: #f1f1f1;}
.listBody:hover, .listBodyOut:nth-child(even) .listBody:hover{background-color: #4285F4;}

.listBodyDesc{background-color: #E1E0E0; margin: 15px auto;display: none; width: 98%; }
.listBodyDescHead{padding: 15px 20px; display: flex; flex-wrap: wrap; border-bottom: solid 1px #999;}
.listBodyDescHead p{text-transform: uppercase; font-weight: 700; width: 50%; font-size: 14px;}
.listBodyDescHead p.listBodyDescDate{font-weight: 100; text-align: right; text-transform: capitalize; font-size: 16px;}
.listBodyDescBody{padding: 15px 20px; display: flex; flex-wrap: nowrap;}
.listBodyDescBodyIn{display: flex; flex-wrap: wrap; width: 33.33%;}
.listBodyDescBodyIn p{width: 100%; padding: 5px; display: flex; flex-wrap: nowrap; font-size: 14px;}
.listBodyDescBodyIn p span{width: 50%; }
.listBodyDescBodyIn p span:last-child{padding-left: 10px;}
.listBodyDescBodyIn p.subList span:first-child{padding-left: 60px;}

.deskView{display: block; }
.mobView{display: none; }

.forgotPassForm, .forgotUserForm{height: 100%; width: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.7); z-index: 1;  display: none;}
.forgotPassForm form, .forgotUserForm form{background-color: #fff; width: 90%; padding: 20px; position: relative; max-width: 400px;}
.forgotPassForm input, .forgotUserForm input{border: solid 1px #e2e2e2; width: 100%;}
.forgotPassForm .forgotPass a, .forgotUserForm .forgotPass a{position: relative; top: auto;}
.forgotPassForm input[type='submit'], .forgotUserForm input[type='submit']{background-color: #4285F4; border: none; color: #fff; text-transform: uppercase; margin-top: 10px; cursor: pointer;}
.forgotPassForm .closePopup, .forgotUserForm .closePopup{top: -50px;}
.forgotPassForm h2, .forgotUserForm h2{font-family: 'Lato', sans-serif; font-size: 22px; font-weight: 700; padding-left: 5px;}

.forgotPassFormIn, .forgotUserFormIn{position: fixed; height: 100%; width: 100%; position: fixed; left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.forgotPassFormIn p, .forgotUserFormIn p{padding: 0 5px; margin: 10px 0;}

.notFound{text-align: center; padding-bottom: 50px;}
.notFound h1{font-size: 100px; color: #fff; margin-top: 20px;}
.notFound h4{font-size: 20px; margin: 10px; color: #fff}
.notFound p{margin-top: 20px; color: #fff}
.notFound a{text-decoration: underline; color: #fff}
.notFound .inlineImg{height: 20px; width: 20px; margin: 0 5px; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%);}
.reportPage.noCompare .iframeMain h4{margin-top: 50px;}

.cookiesPopup{position: fixed; bottom: 0; left: 0; width: 100%; padding: 30px 40px; background-color: #fff; z-index: 9999; -webkit-box-shadow: -1px -17px 39px -27px rgba(0,0,0,0.75);
-moz-box-shadow: -1px -17px 39px -27px rgba(0,0,0,0.75);
box-shadow: -1px -17px 39px -27px rgba(0,0,0,0.75);}
.cookiesPopup h3{font-size: 30px; }
.cookiesPopup p{margin: 10px 0 20px 0; line-height: 24px;}
.cookiesPopup button{width: 150px; height: 50px; color: #fff; text-align: center; line-height: 50px; background-color: #4285F4; border: none; cursor: pointer; text-transform: uppercase; font-size: 16px;}

.overlayPopupCookies{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.7); z-index: 999}
.cookiesPopup.hide{bottom: -100%; }

.cutTable, .polTable, .symmTable{width: 60px;}
.diamondList table{max-width: 1300px;}

.cutwiseSafari.reportPage .reportTop{display: flex; }
.cutwiseSafari.comparisonPage.reportPage .reportTopIn{width: 50%;}
.cutwiseSafari.reportPage .reportTopIn{width: 33.33%;}

.reportPage.cutwiseSafari .reportTopIn{width: 33.33%}

.moveToCart{line-height: 33px; border-radius: 30px; border: solid 1px #000; padding: 0 10px; margin: 10px 0 0 10px; height: 35px; font-size: 14px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.moveToCart:hover{background-color: #000; color: #fff;}

.customDivide{width: 100%; display: flex; flex-wrap: wrap; border-top: solid 1px #ddd; margin-top: 15px;}
.customDivide .cartRemoveBtn{margin: 0 0 0 10px; cursor: pointer;}
.customDivide .cartRemoveBtn label{cursor: pointer;}
.customDivide .cartRemoveBtn:before{width: 100%;}
.customDivide .cartRemoveBtn span{color: #fff;}
.productFeaturesTitle{padding: 10px}

.customDivideFoot{border-top: solid 1px #f0f0f0; margin-top: 20px; width: 100%; display: flex; padding-top: 15px;}
.customDivideFoot h2{margin-top: 0px;  }
/*.customDividePrice, .cartRemoveBtn{width: 50%}*/

.productListCheckout.cartProductListDesc.outOfStockWrap{position: relative; padding: 20px 20px;}
.productListCheckout.cartProductListDesc .outOfStock{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.7); z-index: 9; pointer-events: none; display: flex; justify-content: center; align-items: center;}
.productListCheckout.cartProductListDesc .outOfStock p{color: #fff; font-size: 20px; font-weight: 700;}
.productListCheckout.cartProductListDesc.outOfStockWrap .asideSection{pointer-events: none; position: relative; z-index: 0;}
/*.productListCheckout.cartProductListDesc .outOfStock .asideSection{position: relative; z-index: 0}*/

@media screen and (min-width: 200px) and (max-width: 1050px) {

	.deskView{display: none; }
	.mobView{display: block; }

	header{display: none;}
	main{padding-top: 50px;}

	.mobileHeader{display: block;}
	.rightNav{z-index: 999; right: 10px; }
	.rightNav li, .rightNav.afterScroll li{padding: 13px 9px}

	.rightNav li span, .rightNav.afterScroll li span{top: 5px; right: -6px;}

	.cartRemoveBtn:before{width: 100%;}
	.cartRemoveBtn span{color: #fff;}

	*{cursor: default !important; }
	*:focus{ -webkit-tap-highlight-color: transparent !important;}

	.focusModeClick{display: none;}
}


.ui-datepicker .ui-datepicker-title select{background-color: #fff}

@media screen and (min-width: 200px) and (max-width: 600px) {

	.videoSection{margin: 20px 0;}
	.videoSection video{margin-top: 0; }

	.company .companyLeft img{width: 50%; margin: 20px auto;}
	section.company h2{font-size: 24px;}

	.cookiesPopup{padding: 20px;}

	.reportPage.notFoundPage .iframeMain, .reportPage.noCompare .iframeMain{padding: 40px 20px 20px 20px;}
	.reportPage.noCompare .iframeMain img, .reportPage.notFoundPage .iframeMain img{width: 100%; max-width: 210px}
	.reportPage.noCompare .iframeMain .inlineImg{width: auto;}
	.reportPage.noCompare .iframeMain h4{font-size: 24px;}
	.diamondDetails, .shareReportTop{font-size: 13px;}
	.reportPage .iframeMain.notFound{padding: 80px 20px;}
	/*.reportPage.comparisonPage .iframeMain{padding-top: 85px;}*/

	.cartPrice button{cursor: auto;}

	body{touch-action: manipulation;}
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12{width: 100%;}
	.container{cursor: none}

	.searchMain .asideSection{padding: 5px 15px;}
	.searchMain .searchMainIn.keyToSymbols .asideSection{padding: 20px}
	.searchMain .searchMainIn.keyToSymbols .asideSection.keySymbolsHead{padding: 20px 20px 0 20px;}
	.keyToSymbols .dropdownSearch{width: 50%;}
	.keyToSymbols .asideSection{align-items: flex-start;}
	.keyToSymbols .dropdownSearch{padding: 8px 0;}
	.opticalPerformance .slideValues .minSliderRange, .opticalPerformance .slideValues .maxSliderRange{font-size: 12px;}

	/*.homeBannerIn video{margin-top: 20px;}*/

	section.banner{padding: 0 0px; }
	section.banner p{line-height: 24px; font-size: 18px;}
	section.cutwise p{margin: 20px 0 20px 0;}
	.homeBannerIn{padding: 30px 20px 0px 20px; min-height: auto !important;}
	.homeBannerIn .tableCell{vertical-align: top;}
	section.banner{min-height: auto;}
	section.homeBanner{ background-color: #000}
	section.banner h1{font-size: 24px; line-height: 34px; max-width: 260px; }
	.tabWrap{padding: 0 30px; min-height: auto;}
	.slick-arrow{left: -40px; }
	.slick-arrow.slick-next{right: -40px;}
	/*.homeBannerIn .slick-arrow{top: }*/

	.categoryGridIn{height: 200px;}
	.categoryGridIn h4{margin: 80px 0;}
	section.making{padding: 40px 20px 20px 20px;}
	.makigLeft{padding: 0 0 20px 0;}

	section.company{padding: 20px 20px 30px 20px;}
	section.company .sectionHead{margin-bottom: 0px;}
	.instaHead{padding: 50px 20px 50px 30px;}

	.features{padding: 20px 10px; align-items: flex-start;}
	.features .col3{margin-bottom: 30px; width: 50%; }
	.features .asideSection{padding: 10px 0; margin-bottom: 20px;}
	.features .asideSection{width: 50%; padding: 0 10px;}
	.features h2{margin: 10px 0; font-size: 16px;}
	.features p{font-size: 14px; line-height: 20px; }
	.featureImg img, .featureImg svg{height: 40px; width: 40px; margin: 10px;}
	.featureImg{height: 60px; width: 60px;}

	.footerCat{padding: 30px 0 0px 0;}
	.footerTop{padding-bottom: 0px;}
	.footerCat .asideSection{margin-bottom: 10px; }
	.footerCat .asideSection h4:before, .footerCat .asideSection h4:after{position: absolute; content: ''; height: 2px; width: 12px; top: 12px; right: 10px; background-color: #fff; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
	.footerCat .asideSection h4:after{transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}
	.footerCat .asideSection h4.activeFootCat:after{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	.footerCat .asideSection h4{font-size: 17px;}
	.footerCat .asideSection ul{display: none;}
	.paginationWrap div{margin: 0px;}
	.newsletterForm input[type='text'], .newsletterForm input[type='submit']{border-radius: 2px;}

	footer{padding: 20px;}
	.mobileQuickLinks{display: block;}
	.footerBottom{padding-left: 0px; margin-top: 20px;}
	.subscribeForm{margin-top: 30px;}
	.newsletterForm .col8{width: 66.66%}
	.newsletterForm .col4{width: 33.33%}
	.footerCat li{padding: 0px;}
	.footerCat{margin-top: 0px;}
	.copyright{padding-top: 20px;}

	.company .slick-arrow{left: 0; top: auto; bottom: -30px; z-index: 1; background-color: transparent;}
	.company .slick-arrow.slick-next{right: 0; left: 40px; }
	.tabGrid{padding: 5px;}
	/*.recentlyViewed .sliderWrap{width: 100%;}*/
	.recentlyViewed .slick-arrow{left: -35px; background-color: transparent;}
	.recentlyViewed .slick-arrow.slick-next{right: -35px; left: auto; }
	/*.newsletterForm input[type='text'], .newsletterForm input[type='submit']{border-radius: 0px;}*/

	section.category, section.bedazelled{padding: 20px; background-attachment: scroll;}
	section.category .sectionHead{margin-bottom: 0px;}
	.categoryGridIn h4{font-size: 30px;}
	/*.homeBanner .homeBannerIn{background-image: url(../images/bannerBackMobil.jpg); background-position: center;}*/

	.sectionHead h2{font-size:30px; }
	section.cutwise{padding: 20px 20px;}
	.categoryGrid{padding: 10px;}
	section.category{padding: 20px 10px;}
	.companyRight{padding: 20px 0;}

	section.cutwise img.cutwiseLogo{height: 20px; margin: 0 auto 10px 0;}
	section.cutwise img{width: 80%; margin: auto}

	.cookiesPolicy p{width: 100%; padding-right: 0px; }
	.cookiesPolicy button{margin-top: 20px;}


	section.recentlyViewed{padding: 40px 0 20px 0;}
	.home section.recentlyViewed{padding: 20px 0;}
	.gridDesc{padding: 15px 10px; min-height: auto; height: auto;}
	.companyRight p{font-size: 16px; line-height: 24px;}
	.companyRight h4{font-size: 18px;}
	.companyRight p span{font-size: 15px;}

	/*.linkArrow{width: 100%; background-color: #4285F4; padding: 20px; color: #fff; text-align: center;}*/
/*	.linkArrow:hover{background-color: transparent; color: #000}
	.homeBannerSlider .linkArrow:hover{background-color: transparent; color: #fff}*/
	/*.linkArrow{padding: 20px;}*/
	.linkArrow span{border-bottom: solid 1px #000;}
	.linkArrow.whiteLinkArrow span{border-bottom: solid 1px #fff}

	.homeBannerSlider .slick-dots, .company .slick-dots{width: 100%; bottom: 10px; text-align: center;}
	.company .slick-dots{bottom: -20px}
	.slick-dots li.slick-active button{background-color: #4285F4}
	.linkArrow span:before{display: none;}
	/*.homeBannerSlider .linkArrow span{font-size: 10px; }*/
	/*.homeBannerSlider .linkArrow span:before, .homeBannerSlider .linkArrow span:after{}*/

	.instaHead{background-size: 100px; background-position: 10px 0;}

	.pageHead{padding: 20px 20px 0 20px; display: none;}
	.listingPage .pageHead {display: block; padding: 0 20px;}
	.listingPage .pageHead .breadcrums{display: none;}
	.diamondListingPage .pageHead{display: block; padding: 0 20px;}
	.diamondListingPage .searchResultWrap{padding-top: 20px}

	.pageHeadIn .resultShow{text-align: left; margin-top: 10px; align-items: center; }
	.resultShow .dropdown{right: 5px; top: 0px; position: relative; padding: 0 10px; border: solid 1px #ccc; }
	.resultShow .dropdown{line-height: 30px; width: 51px;}
	.resultShow p{line-height: 24px; margin: 0 auto 0 0;}
	.exportWrap{margin-top: 0px; padding: 10px 0;}
	.diamondListingPage .customizedOpt{margin-top: 0px; padding: 0 0 10px 0;}
	.diamondListingPage .diamondListingPage .customizedOpt{padding: 0px;}

	.diamondListingPage .diamondList{padding: 0 20px 20px 20px;}
	.diamondListingPage .breadcrums{display: none;}
	.diamondListingPage .pageHeadIn .resultShow{margin-top: 0px;}
	.diamondListingPage .leftPageHead .resultShow p span{display: block;}
	.diamondListingPage .customizedOpt .leftPageHead .asideSection b{display: block; width: 100%; }
	.diamondListingPage .customizedOpt .leftPageHead .asideSection p{padding-left: 0px; padding-right: 10px;}
	.diamondListingPage .customizedOpt .leftPageHead .asideSection p b{display: inline-block; width: auto;}

	.resultShow .dropdown p{background-color: transparent;}
	.resultShow .dropdown ul{top: 23px; left: 0px;}
	.resultShow .dropdown p:before{top: 2px; right: -7px; background-size: 10px}
	.filters{padding: 20px; }
	.filters select{top: 20px;}
	.selectedFilters span{display: inline-block;}
	
	.settingPage .productListWrap{padding: 0px 15px; }
	.productListOut{padding: 5px; width: 50%; }
	.productImg img{margin-top: 30px;}

	.productList .productListIn, .productList:hover .productListIn{height: 30px; display: none;}
	.selectedFiltersIn{padding: 0 0 13px 0; border-top: none;}
	.productList .productListIn img{height: 30px; width: 30px;}
	.productList .rating{opacity: 1;}
	.productList .wishlist{opacity: 1}
	.productList{border: solid 1px #f0f0f0;}
	.paginationWrap .first, .paginationWrap .prev, .paginationWrap .next, .paginationWrap .last{width: 30px; font-weight: 700}
	.paginationWrap .first span, .paginationWrap .prev span, .paginationWrap .next span, .paginationWrap .last span{display: none; }

	.cart, .wishlistMenu{max-width: 400px;}
	.cartIn, .wishlistIn{top: 50px; height: calc(100% - 160px); padding: 20px;}
	.cartIn h1, .wishlistIn h1{margin: 0 0 10px 0;}
	.checoutBody .checkoutMain{padding: 10px 20px 20px 20px;}
	.cartProductListImg, .wishlistProductListImg{ height: auto;}
	.cartProductListImg img, .wishlistProductListImg img{max-width: 150px; margin: auto;}
	.cartProductListDesc, .wishlistProductListDesc{padding-left: 10px; }
	.cartRemoveBtn label{color: #000}
	.cartRemoveBtn{padding-right: 0px; }
	.cartRemoveBtn span{color: #000;}
	.cartRemoveBtn:before{background-color: #fff;}
	.cartRemoveBtn:hover span{color: #000}

	.cartRemoveBtn:hover:before{background-color: #000; }
	.cartRemoveBtn:hover span{color: #fff;}
	.cartRemoveBtn:hover label{color: #fff;}

	.gridDesc p{line-height: 20px; font-size: 14px;}
	.gridDesc h3{line-height: 20px; position: relative; bottom: 0px;}

	.productInner .productDetailsTop{padding: 0 20px;}

	.rightProductDesc{padding-left: 0px;}
	.colorWrapOut .col3{width: 50%;}
	.colorWrap .container{margin: 5px 0;}
	.productDetailsTop .col5.productDetailsIn{width: 50%;}
	.productDetailsIn .qtyIn .subQty, .productDetailsIn .qtyIn .addQty{width: 40px; font-size: 30px; }
	.productDetailsIn .qtyIn .subQty{font-size: 34px;}
	.productDetailsIn .qtyCart .qtyIn, .productDetailsIn .qtyWishlist .qtyIn {width: 100%;}
	.productDetailsIn .qtyIn .valueQty{width: calc(100% - 80px)}
	.productDetailsIn .qtyCart, .productDetailsIn .qtyWishlist {max-width: 150px;}
	/*.productValue{margin-bottom: 10px; }*/
	.productValue h4{font-size: 28px;}
	.productDetailsIn{padding-right: 10px;}
	.productDetailsIn:nth-child(even){padding-right: 0px;}
	.productDetailsIn .dropdown{width: 100%;}
	.karatWrap{max-width: 100%;}
	.productDetailsIn .qtyCart, .productDetails .qtyWishlist {max-width: 100%;}
	/*.cartPrice{text-align: center;}*/
	/*.addCartBtn{width: 80%;}*/
	/*.addWishlistBtn{width: 20%; padding-left: 0px;}*/
	/*.addWishlistBtn button:hover svg path{stroke: red}*/
	.wishlisted .addWishlistBtn button svg path{stroke: red}
	.wishlisted .addWishlistBtn button:hover svg path{stroke: red}
	.addWishlistBtn button{width: 100%;}
	.productSupportWrap .col3{width: 25%}
	.productSupportWrap .col6{width: 50%;}
	.productDescBottom .asideSection{margin-bottom: 20px;}
	.productDescBottom .asideSection:last-child{margin-bottom: 0px;}
	.cartPrice .asideSection, .cartPrice .asideSection.productValue{padding-right: 10px;}
	.cartPrice .asideSection.productValue{width: 150px;}
	.cartPrice .asideSection:last-child{padding-right: 0px;}
	.addCartBtn{width: calc(100% - 184px);}
	.addCartBtn button{font-size: 14px; min-width: auto}

	.productDetailsTop .col7{width: 100%;}
	#product-slider__main .slick-slide{height: 330px;}
	.productDetailsTop .col6{width: 50%;}

	.productDescIn h3{font-size: 18px;}
	.sectionHead h2{font-size: 24px;}

	.pagination{padding: 40px 10px; }
	.paginationWrap .asideSection{margin: 0px 5px;}
	.paginationWrap .asideSection.prev, .paginationWrap .asideSection.next{margin: 0 10px;}
	.paginationWrap .asideSection:nth-child(6), .paginationWrap .asideSection:nth-child(7), .paginationWrap .asideSection:nth-child(8){display: none;}
	.paginationWrap .asideSection.prev p, .paginationWrap .asideSection.next p, .paginationWrap .asideSection.first p, .paginationWrap .asideSection.last p{font-size: 25px;}
	/*.paginationWrap .last p{font-size: 20px;}*/
	.subFilterSlider{left: -100px;}

	.productDesc{padding: 20px;}

	.checkoutMain{padding: 20px;}
	.productListCheckout .asideSection.col5{width: 100%; margin-bottom: 10px;}
	.productListCheckout .asideSection.col7{width: 100%;}
	.checkoutProductDescRight .productFeatures{width: 33.33%; margin-top: 0px; padding: 0px; border: none;}
	.productListCheckout.cartProductListDesc, .productListCheckout.wishlistProductListDesc{padding: 10px 0; border-bottom: solid 1px #f0f0f0}
	.productListCheckout.cartProductListDesc:last-child, .productListCheckout.wishlistProductListDesc:last-child{padding: 20px 0 0 0 }
	.checkoutMain .actionBtns button{margin-top: 10px; width: 100%; max-width: 100%; margin-left: 0px;}
	.checkoutMain .actionBtns button:first-child{margin-top: 0px;}
	.addressWrap{margin-top: 0px;}
	.checkoutRight{padding-left: 0px;position: relative;}
	.addressWrap .checkoutProductDescRight .asideSection{margin-bottom: 20px;}
	/*.addressWrap .checkoutProductDescRight .asideSection:nth-child(odd){padding: 0 20px 0 0; border-left: none; width: 100%}*/
	/*.productListCheckout.cartProductListDesc:last-child{padding: 20px 0 0 0;}*/
	.paymentMethod .productListCheckout.cartProductListDesc, .paymentMethod .productListCheckout.wishlistProductListDesc{margin-bottom: 15px; padding-bottom: 10px; width: 100%}
	/*.paymentMethod .productListCheckout.cartProductListDesc:last-child{margin-bottom: 0px; padding-top: 0px;}*/

	.addressWrap .checkoutProductDescRight{display: block;}
	.addressWrap .checkoutProductDescRight .asideSection{width: 100%; border-left: none; padding: 0px; }
	.addressWrap .checkoutProductDescRight .asideSection:first-child{padding: 0px; border: none;}
	.addressWrap .checkoutProductDescRight .asideSection:nth-child(even){padding: 0px;}
	.productListCheckout .checkoutProductDescRight .asideSection:last-child, .productListCheckout .checkoutProductDescRight .asideSection:nth-child(3){padding: 0px;}

	.checoutBody .checkoutMain{position: relative; flex-direction: column-reverse;}
	.checkoutRight{top: 0px; margin-bottom: 20px;}
	/*.checkoutLeft{margin-top: 290px;}*/

	.checkoutMain .actionBtns{padding: 10px 0 0 0}
	.addressWrap p{margin-top: 0px;}

	.cardOpt img{height: 40px; margin: 0px 10px 10px 0}
	.cardOpt .cardOptIn img{margin: 0px;}
	.cardOptIn{padding: 5px;}
	.productListCheckout .checkoutProductDescRight .asideSection {padding: 3px 10px; border-right: solid 1px #ccc; margin-bottom: 10px;}
	.productListCheckout .addressWrap .checkoutProductDescRight .asideSection{border-right: none;}
	.productListCheckout .checkoutProductDescRight .productFeatures.asideSection:last-child, .productListCheckout .checkoutProductDescRight .productFeatures.asideSection:nth-child(3){border-right: none; padding-left:20px; }
	.addressWrap .checkoutProductDescRight .asideSection:nth-child(even){border-right: none;}
	.validWrap .col6{width: 50%;}
	.validWrap .col3{width: 25%;}
	.cardOpt .validWrap .asideSection{padding: 0px;}
	.cardOpt .validWrap select.asideSection{background-color: #fff}
	.checkoutPayable p{font-weight: 700;}
	.cartProductListDesc h2, .wishlistProductListDesc h2{font-size: 17px;}
	.cartRemoveBtn{margin-left: 0px; border: solid 1px #000; padding-right: 10px; border-radius: 32px; margin-left: 5px;}
	.cartRemoveBtn span{font-size: 14px;}
	.cartRemoveBtn label{font-size: 14px;}

	.loginWrap{width: 90%; left: 5%;}
	.formWrap form{z-index: 1; background-color: rgba(255,255,255,0.9); padding: 20px;}
	.loginWrap .formWrap .tableCell{display: block;width: 100%;}
	.registerForm form{margin-top: 0px; display: block;}
	.formWrap form input{background-color: transparent; border-bottom: solid 1px #fff}
	.formWrap form input[type='submit']{background-color: #448f76; border: solid 1px #448f76; color: #fff;}
	.loginImg{width: 100%; }
	.closeLoginWrap:before, .closeLoginWrap:after{background-color: #000}

	.registerForm .formElement{padding: 7px 0;}

	.createRingHead{padding: 20px;}
	.settingPage.listingPage .filters{padding: 5px 20px;}
	.createRingTabIn{width: 100%; padding: 0 60px; height: 90px; margin-bottom: 10px;}
	.createRingTabIn .stepNo{left: 0; height: 90px; line-height: 90px;}
	.createRingTabIn .rightIcon{right: 0px; border-radius: 0px;}
	.createRingTabIn.selected{right: 0;}


	.changeRingOpt .asideSection{margin-bottom: 20px;}

	.productDescBottom .asideSection{padding-left: 0px; border-right: none; margin-bottom: 20px;}
	.productDetailsTop .productReview .col6{width: 100%; }
	.productReview table{margin-top: 5px; margin-bottom: 20px;}

	.productDetailsTop .col5.rightProductDesc{width: 100%;}
	.leftNavSlider{display: none;}
	.rightMainSlider{width: 100%; padding-left: 0px;}
	.rightMainSlider .slick-dots {text-align: center; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
	.productDetailsTop h1{font-family: 22px; line-height: 30px;}
	.productDetailsTop .headDesc{font-size: 15px; line-height: 20px;}

	.filters li{width: 100%; line-height: 20px; padding: 13px 0; border-bottom: solid 1px #ccc}
	.diamondSearchHeaderBottom li .filterList{display: block;}

	.diamondSearchHeaderBottom li .filterList:before, .diamondSearchHeaderBottom li .filterList:after{right: 0px;}
	.diamondSearchHeaderBottom li .filterList:before{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); top: 9px; width: 10px; }
	.diamondSearchHeaderBottom li .filterList:after{transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); top: 9px; right: 0px; width: 10px;}
	.subFilter{width: 100%; position: relative; padding: 0px; border: none; z-index: 	9}
	.diamondSearchHeaderBottom li.activeSubFilter .filterList:before, .diamondSearchHeaderBottom li.activeSubFilter .filterList:after{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	.subFilter .container{ width: 33.33%; margin-bottom: 0px; padding: 10px 10px;	text-align: center; cursor: none;}
	.subFilter .container .checkmark{width: 100%; height: 100%; left: 0; top: 0; background-color: transparent; border: solid 1px #ccc;}
	.subFilter .container .checkmark:after{display: none;}
	.container input:checked ~ .checkmark:after{display: none;}
	.diamondSearchHeader .container input:checked ~ .checkmark:after, .searchMain .container input:checked ~ .checkmark:after{display: block;}
	.container input:checked ~ .checkmark{background-color: transparent;}
	.colorWrap .container input:checked ~ .checkmark{background-color: #fff}
	.subFilter .container input:checked ~ .checkmark{border: solid 2px #4285F4; background-color: transparent;}
	.subFilterSlider{padding: 20px 10px; left: 0;}

	.diamondListingPage .container input:checked ~ .checkmark:after{display: block;}

	.cutTable, .polTable, .symmTable{width: 70px;}
	.diamondList table{width: 1300px;}

	.accoridianHead{padding: 20px;}
	.accoridianHead:before{right: 30px;}
	.accoridianHead:after{right: 24px;}

	.filters .dropdown{display: none;}
	.diamondSearchHeaderBottom .mobileSort{display: block;}
	.sortByMobileClick{display: block;}

	.pageHeadIn{padding: 0 0 10px 0;}
	.diamondSearchHeaderBottom{margin: 20px 0 0px 0; transition: none; position: relative; z-index: 11;}
	.diamondSearchHeaderBottom li{margin-top: 20px; padding-right: 0px; width: 100%;}
	.filters .diamondSearchHeaderBottom li{margin-top: 0px;}
	.diamondSearchHeaderBottom .subFilter{width: 100%; margin-top: 10px; border: solid 1px #000;}
	/*.diamondSearchHeaderBottom .loadSearchFilter select{width: 50%; }*/
	/*.diamondSearchHeaderBottom .subFilter input[type='submit']{margin: 0 0 0 auto}*/
	/*.diamondSearchHeaderBottom .saveSearchFilter{width: 100%; }*/

	.diamondSearchHeaderBottom .subFilter .container{width: 100%; padding: 1px 0 1px 27px; text-align: left; margin-bottom: 10px; }
	.diamondSearchHeaderBottom .subFilter .container:last-child{margin-bottom: 0px;}
	.diamondSearchHeaderBottom .subFilter .container .checkmark{border: solid 1px #000;width: 18px; height: 18px;}
	.diamondSearchHeaderBottom .subFilter .container input:checked ~ .checkmark{border: solid 1px #000;}
	.diamondSearchHeaderBottom .subFilter .container .checkmark:after{display: block;}
	.diamondSearchHeaderBottom .subFilter .container .checkmark:after{border: solid #000; top: 4px; left: 6px; border-width: 0 2px 2px 0; }
	.diamondSearchHeaderBottom .subFilter input[type='submit']{margin-top: 20px;}

	/*.productValue{width: 120px; margin-bottom: 0px;}
	.addWishlistBtn{width: 50px;}
	.addCartBtn{width: calc(100% - 170px)}*/

	.slick-lightbox-slick-img, .slick-lightbox-slick-item-inner{width: 100%; max-width: 100% !important;}
	.slick-lightbox-inner .slick-arrow{filter: invert(0%); -webkit-filter: invert(0%); -moz-filter: invert(0%); z-index: 9}
	.slick-lightbox-inner .slick-lightbox-slick .slick-prev{left: -10px;}
	.slick-lightbox-inner .slick-lightbox-slick .slick-next{right: -10px;}

	.productDetailsIn .sizeChart{top: 18px;}

	/*.productSupportWrap p{width: calc(100% - 30px)}*/
	.productSupportWrap .asideSection:last-child p{width: calc(100% - 35px); line-height: 35px;}
	.productSupportWrap .col6{width: 73.33%}

	.productDetailsTop{padding: 0px 20px 5px 20px;}

	.productReview .col4{width: 50%; padding-right: 20px;}
	.createRingTabIn .stepNo{width: 50px; line-height: 83px;}
	.twoDiamond .createRingTabIn:nth-child(2) .stepNo{line-height: 112px;}
	.twoDiamond .createRingTabIn:nth-child(2) .rightIcon{height: 112px;}

	.productDescBottom .asideSection{width: 100%;}
	.productDescBottom{flex-wrap: wrap;}

	.rightPageHead .asideSection{width: 50%; padding: 0 5px; margin-top: 5px;}
	/*.diamondListingPage .rightPageHead .asideSection:last-child{margin-top: 10px;}*/
	.diamondListingPage .rightPageHead .asideSection:nth-child(even){padding: 0 0 0 5px;}
	.diamondListingPage .rightPageHead .asideSection:nth-child(odd){padding: 0 5px 0 0;}

	.diamondListingPage .calculatorMain .asideSection{padding: 2px !important;}
	.diamondListingPage .calculatorMain .valueChange .asideSection{padding: 10px !important;}
	.diamondListingPage .calculatorMain .valueChange .yourPriceWrap .asideSection{padding: 5px !important;}
	.ctWrap, .totalWrap{margin-top: 5px;}
	.valueChange .col7 input{height: 25px;}
	.diamondList .diamondListGrid h4{font-size: 14px;}
	.rapChange p{margin: 5px 0 3px 0;}
	.rapAdd, .rapSub{height: 25px;}

	.diamondListingPage .pageHeadIn .rightPageHead .exportOpt .asideSection .asideSection{margin-top: 5px;}
	.diamondListingPage .pageHeadIn .rightPageHead .exportOpt .asideSection .asideSection:nth-child(even){padding: 0 0 0 5px; margin-top: 0px;}
	.diamondListingPage .pageHeadIn .rightPageHead .exportOpt .asideSection .asideSection:nth-child(odd){padding: 0 5px 0 0; margin-top: 0px;}
	.diamondListingPage .pageHeadIn .rightPageHead .exportOpt .asideSection .asideSection .dropdown{margin-top: 10px;}
	.diamondListingPage .rightPageHead .customizedOpt .asideSection:last-child{margin-top: 0px;}
	.diamondListingPage .rightPageHead .customizedOpt .asideSection .asideSection{margin-top: 5px;}


	.pageHeadIn .rightPageHead .asideSection{padding: 0 5px;}
	.pageHeadIn .rightPageHead .exportOpt .asideSection{padding: 0px;}
	.pageHeadIn .rightPageHead .exportOpt .asideSection .asideSection{padding: 0 5px;} 
	.rightPageHead .asideSection button{width: 100%;}
	.keyboard .asideSection button:hover{background-color: #e2e2e2; color: #000}
	.checkOutTotal p{font-size: 18px;}
	.exportOpt{margin-top: 0px;}

	.exportOpt .rightPageHead{width: 100%; padding: 0px;}
	.exportOpt .rightPageHead .asideSection{width: 50%;}
	.exportOpt .rightPageHead .sortOut{width: 100%;}
	.exportOpt .dropdown{width: 100%;}
	.customizedOpt .rightPageHead{width: 100%;}
	.customizedOpt .rightPageHead .asideSection{width: auto;}
	.diamondList{padding: 20px;}
	.diamondList table thead td{padding: 5px 15px;}
	.diamondListList, .diamondListGrid{overflow-x: scroll;}

	.addRquest .diamondSearchHeader{padding: 0 20px 20px 20px;}
	.searchMain{padding: 0 0px 20px 0px; overflow-x: auto;}
	.searchMainIn{width: 100%; }
	.addRquest .ExportIn{margin-right: 0px;}
	.addRquest .diamondSearchHeader .asideSection .asideSection{margin-top: 0px;}

	.diamondListingPage .calculatorMain .valueChange .yourPriceWrap .asideSection{margin-top: 0px;}
	.keyboard .asideSection button.deleteCalcuator:hover{filter: invert(0%); -webkit-filter: invert(0%); -moz-filter: invert(0%);}

	.listElement p:nth-child(2){width: 100px;}
	.listElement p:nth-child(3){width: 50px;}
	.listElement p:nth-child(4){width: 60px;}
	.listElement p:nth-child(5){width: 75px;}
	.listElement p:nth-child(6){width: 75px;}
	.listElement p:nth-child(7){width: 75px;}
	.listElement p:nth-child(8){width: 100px;}
	.listElement p:nth-child(9){width: 100px;}
	.listElement p:nth-child(10){width: 110px;}
	.listElement p:nth-child(11){width: 110px;}
	.listHead p{font-size: 14px;}
	.listElement p{font-size: 14px;}
	/*.listBodyDescBodyIn{width: 100%;}*/
	.listBodyDescBody{flex-wrap: wrap;}
	.listBodyDesc{width: 900px;}
	.listElement{flex-wrap: nowrap; width: 900px;}

	.keyboard{padding: 5px ;}
	.rightPageHead .keyboard .asideSection {width: 33.33%; margin-top: 0px;}
	.diamondOpt .col3{width: 25%;}
	.diamondOpt .col4{width: 33.33%;}
	.diamondOpt .col2{width: 16.66%;}
	.diamondOpt .asideSection{padding: 0px;}
	.calculatorMain label{text-align: center;}
	.calculatorMain h3{text-align: left; font-size: 20px; }
	.valueChange .asideSection{padding: 10px; height: 155px;}
	.valueChange .col5{width: 41.65%;}
	.valueChange .col7{width: 58.31%}
	.valueChange .asideSection .asideSection{padding: 0 5px;}

	.diamondSearchHeader{padding: 20px 20px 10px 20px;}
	.diamondSearchHeader .asideSection .asideSection{padding-left: 0px; margin-top: 10px;}
	.diamondSearchHeader .asideSection .asideSection.col3{width: 50%;}
	.diamondSearchHeader .asideSection .asideSection.col3:nth-child(2){padding-right: 5px;}
	.diamondSearchHeader .asideSection .asideSection.col3:nth-child(3){padding-left: 5px;}
	.searchShapesIn{width: 19%;}
	.searchShapesIn.categoryIcon{width: 15%;}
	.fullDropdown .searchShapesIn.categoryIcon{width: 19%}
	.searchShapesIn p{font-size: 16px;}
	.shapeImg{width: 50px; height: 50px; padding: 5px;}
	.halfDropdown .Princess, .halfDropdown .Radient, .halfDropdown .ClarityVS1, .halfDropdown .ClarityVS2, .halfDropdown .ColorH, .halfDropdown .ColorI{display: none;}
	.halfDropdown .Princess.selectedShapeIn , .halfDropdown .Radient.selectedShapeIn, .halfDropdown .ClarityVS1.selectedShapeIn, .halfDropdown .ClarityVS2.selectedShapeIn, .halfDropdown .ColorH.selectedShapeIn, .halfDropdown .ColorI.selectedShapeIn{display: block;}

	.itemSelected .searchShapesIn.categoryIcon{width: 15%;}
	.colorWrapOutMain .halfDropdown p, .clarityWrapOut .halfDropdown p{line-height: 70px;}
	.halfDropdown .categoryIcon p{line-height: 20px;}
	.searchMain .asideSection.dropdownSearch .itemSelected .rightTriangle{top: 40px; right: 15px;}
	.caratValues .searchShapesIn{width: 15%; padding: 0 0 10px 0;}
	.fancyWrap .shapeImg{width: 50px; height: 50px;}
	.fancyWrap .fancyDiamond .shapeImg{width: 70px; height: 70px; line-height: 54px; font-size: 18px;}
	.fancyWrap .fancyDiamond .shapeImg img{max-height: 50px; max-height: 50px; height: 54px; }
	.fancySelectedWrap .asideSection .afterSelect{align-items: center;}
	.fancyWrap .overtone .shapeImg{height: 70px; width: 70px; line-height: 54px; font-size: 18px;}


	.fancyWrap .fancyDiamondWrapHalf .shapeImg img{max-height: 36px; max-width: 36px; margin: 0 auto}
	.fancyWrap .fancyDiamondWrap .shapeImg img{max-height: 36px; max-width: 36px; margin: 0 auto}
	.halfDropdown .tabInSearch{font-size: 12px;}
	.fancySelectedWrap .asideSection.intensity .searchShapesIn{width: 100%; }
	

	.caratValues .fromTo{width: 85%; }
	.searchMain .asideSection.dropdownSearch .rightTriangle, .advancedMeasurements .fullDropdown .rightTriangle{top: 30px; right: 5px;}
	.searchMain .asideSection.fancyWrap .rightTriangle{right: 20px; top: 30px;}
	.cutPolWrap{width: 65%; padding-left: 0px; margin: 10px 0;}
	.cutPolSym .karatWrapOut{width: 100%; padding-left: 0px;}

	.flourWrap .shapeBtn{margin: 5px; width: calc(33.33% - 10px); text-align: center; padding: 10px 2px; font-size: 12px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s;}
	.fancyWrap .fullDropdown{top: 13px;}
	.fancyWrap .fancyDiamondWrap .searchShapesIn{width: 21%;}
	.fancyOvertoneWrap .shapeBtn, .fancyIntensityWrap .shapeBtn{width: calc(50% - 6px);}
	.fancyDiamondWrapHalf, .fancyOvertoneWrapHalf, .fancyIntensityWrapHalf{top: 13px; padding: 0 5px;}
	/*.fancyWrap .halfDropdown .tabOut{width: 100%;}*/
	.priceSearchOpt .fromTo{width: 65%;}
	.priceSearchOpt .karatWrap{width: 20%; }
	.priceSearchOpt .karatWrap .container{font-size: 11px;}
	.priceSearchOpt {position: relative;}

	.priceSearchOpt .from{padding-right: 0px; }
	.priceSearchOpt .to{padding-left: 0px; }
	.priceSearchOpt .fromTo .fromValue p{width: 10px; font-size: 16px;}
	.priceSearchOpt .fromTo input{width: calc(100% - 10px)}


	.cutPolSym .karatWrapOut{width: 20%; right: 0; padding-left: 5px;}
	.cutPolSym .fullDropdown .karatWrapOut{width: 16%}
	.cutPolSym .karatWrap .container{font-size: 11px; height: 35px; line-height: 33px;}
	.cutPolSym .karatWrap .selectedDiv{height: 33px;}
	.cutPolSym .karatWrap{height: 35px;}
	/*.cutPolSym .karatWrap{width: 50%; margin-left: 10px; margin-top: 30px;}*/
	/*.cutPolSym .karatWrap:first-child{margin-top: 30px;}*/

	.flourWrap .fromTo{width: 75%; }

	.fancyWrap .searchShapesIn{width: 21%; }
	.fancyWrap .searchShapesIn.categoryIcon{width: 15%}
	.fancyDiamondWrapHalf, .fancyOvertoneWrapHalf, .fancyIntensityWrapHalf{top: 0px;}
	.fancyWrap .fullDropdown{top: 0px; padding-bottom: 10px;}
	.fancyWrap .fullDropdown.fancyOvertoneWrap {padding-bottom: 20px;}
	.fancyWrap .categoryIcon .shapeImg img{height: 40px; width: 40px; margin: 5px;}

	.halfDropdown.fancySelectedWrap{height: 105px; overflow: hidden;}
	.halfDropdown.fancySelectedWrap.activeFulldrown{height: auto;}

	.shapesWrapOut .searchShapesIn:nth-child(6), .shapesWrapOut .searchShapesIn:nth-child(7){display: none;}
	.shapesWrapOut .fullDropdown .searchShapesIn:nth-child(6), .shapesWrapOut .fullDropdown .searchShapesIn:nth-child(7){display: block;}

	.fancyWrap .searchShapesIn:nth-child(5), .fancyWrap .searchShapesIn:nth-child(6), .fancyWrap .searchShapesIn:nth-child(7){display: none;}
	.fancyWrap .halfDropdown .tabOut{width: 85%;}
	.labWrap .shapeBtnWrap{width: 75%;}

	.advancedMeasurements .categoryIcon{width: 100%;}
	.advancedMeasurements .cutPolWrap{width: 100%;}
	.advancedMeasurements .cutPolMenuOpen{width: 98%;}
	.advancedMeasurements .cutPolWrap{padding-left: 0px;}
	.measurementsSearchMain .fromTo{width: 100%;}

	.opticalPerformance .slideValues .minSliderRange, .opticalPerformance .slideValues .maxSliderRange{width: 70px;}
	.opticalPerformance .slideValues{width: calc(100% - 120px);}
	.opticalPerformance .formTitle p{width: 120px;}
	.opticalPerformance .slideValues p{width: auto;}

	.opticalPerformance .asideSection.faceUp .minSliderRange{width: 90px; font-size: 11px; padding: 0 5px;}
	.opticalPerformance .asideSection.faceUp .maxSliderRange{width: 95px; font-size: 11px; padding: 0 5px;}
	.opticalPerformance .faceUp .slideValues{width: calc(100% - 110px);}
	.opticalPerformance .faceUp .formTitle p{width: 110px;}
	.opticalPerformance .faceUp .slideValues p{width: auto;}

	.bottomSetting{padding: 20px; }
	.bottomSetting .btnWrap{flex-wrap: nowrap;}
	.bottomSetting .btnWrap .col2{width: 50%; margin-left: 5px;}
	.bottomSetting .btnWrap .col2:first-child{margin-left: 0; margin-right: 5px;}

	.bottomSetting textarea{width: 100%;}
	.bottomSetting .btnWrap .col3{margin-left: 0px; margin-right: 5px;} 
	.bottomSetting .btnWrap .col3:last-child{margin-left: 5px; margin-right: 0px;}

	.addRquest .pagination{padding: 0px 5px 20px 5px;}
	.addRquest .paginationWrap .asideSection.prev, .addRquest .paginationWrap .asideSection.next{margin: 0 5px;}


	#product-slider__main::after{display: none;}
	.cartPrice{align-items: center;}

	.fancyOvertoneWrapHalf .shapeBtn, .fancyIntensityWrapHalf .shapeBtn{width: calc(50% - 20px)}
	.fancyOvertoneWrapHalf, .fancyIntensityWrapHalf{padding: 5px;}
	.searchMain .asideSection.dropdownSearch .fancyOvertoneWrapHalf .rightTriangle, .searchMain .asideSection.dropdownSearch .fancyIntensityWrapHalf .rightTriangle{right: 5px; top: 40px}
	.searchMain .asideSection.shapesWrapOut .fullDropdown span{bottom: 5px;}
	.searchMain .asideSection.clarityWrapOut .fullDropdown span{bottom: 5px;}
	.searchMain .asideSection.cutPolSym .fullDropdown span{bottom: 5px;}
	.advancedMeasurements .fullDropdown .rightTriangle{bottom: 0px; top: auto;}

	.searchMain .asideSection .fullDropdown.selectedFancy span{bottom: 40px; right: 23px;}
	/*.searchMain .asideSection .fullDropdown.fancyOvertoneWrapHalf span{right: 5px;}*/


	/*.searchMain .asideSection.cutPolSym .fullDropdown .rightTriangle{bottom: 10px;}*/
	.searchMain .asideSection.colorWrapOutMain .fullDropdown .rightTriangle{bottom: 5px; right: 5px;}
	.searchMain .asideSection.fancyWrap .fancyOvertoneWrap .rightTriangle{bottom: 5px; right: 5px; }
	.searchMain .asideSection.fancyWrap .fancyIntensityWrap .rightTriangle{bottom: 10px;}

	.searchMain .asideSection.dropdownSearch.cutPolSym{z-index: 3}
	.cutPolSym .fullDropdown .cutPolMenuOpen{width: 95%; line-height: 31px; font-size: 11px;}
	.cutPolMenuOpen.selectedValues{font-size: 12px;}
	.cutPolMenuOpen{line-height: 31px; width: 90%;}
	.measurementsSearchMain .fromTo{width: 75%}
	.measurementsSearchMain p.subTitle{width: 25%}

	.measurementsSearchMain .meas .fromTo{width: 100%;}
	.searchMain .advancedMeasurements{padding: 10px 5px;}
	.advancedMeasurements .halfDropdown .cutPolWrap .cutPolMenuOpen{text-align: left; padding: 0 0 0 10px; }
	.advancedMeasurements .halfDropdown .cutPolWrap .cutPolMenuOpen.selectedValues{text-align: center; padding: 0px;}
	.advancedMeasurements .cutPolMenuOpen{text-align: center; padding: 0px; }
	/*.advancedMeasurements .cutPolMenuOpen */
	/*.advancedMeasurements .girdleSelected{width: 85px;}
	.advancedMeasurements .culetSizeSelected{width: 95px;}
	.advancedMeasurements .culetConditionSelected{width: calc(100% - 180px);}*/
	.advancedMeasurements .cutPolMenuOpen:before, .advancedMeasurements .cutPolMenuOpen:after{right: 13px; width: 5px;}
	.advancedMeasurements .cutPolMenuOpen:after{right: 10px;}

	/*.searchMain .asideSection.dropdownSearch.measureDepth, .searchMain .asideSection.dropdownSearch.measureTable{width: 50%;}*/
	.measurementsSearchMain .measureDepth p.subTitle, .measureDepth .searchShapesIn, .measureTable .searchShapesIn, .measurementsSearchMain .measurePavillion p.subTitle{width: 100%; text-align: center;}
	/*.measurementsSearchMain .measurePavillion p.title{font-size: 13px;}*/
	.measurementsSearchMain .measureDepth .fromTo, .measurementsSearchMain .measureTable .fromTo{width: 100%; display: flex; flex-wrap: nowrap;}
	

	.measurementsSearchMain .measureDepth, .measurementsSearchMain .measureTable{padding: 0px;}

	.measurementsSearchMain .measureDepth .searchShapesIn, .measurementsSearchMain .measureTable .searchShapesIn, .measurementsSearchMain .valuesRatio .searchShapesIn{width: 20%; font-size: 15px;  padding: 5px;}
	.measurementsSearchMain .measureDepth .fromTo, .measurementsSearchMain .measureTable .fromTo, .measurementsSearchMain .valuesRatio .fromTo{width: 80%}
	.measurementsSearchMain .valueShapes p.subTitle{text-align: center; width: 100%; font-size: 14px;}
	.measurementsSearchMain .measureDepth .searchShapesIn p, .measurementsSearchMain .measureTable .searchShapesIn p, .measurementsSearchMain .valuesRatio .searchShapesIn p{font-size: 15px;}

	.measurementsSearchMain .valueShapes{min-height: 80px;}



	.measureCrown, .meas, .measurePavillion{position: relative;}
	.searchMain .measureCrown .asideSection.dropdownSearch.col2, .searchMain .meas .col1, .searchMain .measurePavillion .col2{width: 20%; position: absolute; left: 0; top: 0; height: 100%;}
	.searchMain .meas .col1 .valueShapes{height: 100%;}
	.measureCrown .col5, .meas .col11, .measurePavillion .col5{width: 80%; left: 20%;}
	.meas .col11{position: relative;}
	.measurementsSearchMain .measureCrown .fromTo, .measurementsSearchMain .meas .fromTo, .measurementsSearchMain .measurePavillion .fromTo{width: 100%;}


	.checkoutLeft .productListCheckoutList{margin-top: 20px;}
	.productListCheckout.availableCreditBox{margin-bottom: 15px; margin-top: 15px;}
	.cardOpt{margin-top: 10px;}

	.changeRingOpt{flex-wrap: nowrap;}
	.changeRingOpt .asideSection{margin: 0 5px;}
	.changeRingOpt .ringShape{width: 170px;}

	.focusModeClick{display: none;}
	.calculatorMain .closePopup{background-size: 20px;}

	.shapesWrapOut .shapeImg img:last-child{left: 5px; top: 5px; }



	.createRingTab{flex-wrap: nowrap;}
	.createRingTabIn{padding: 5px 10px 5px 45px; width: 33.33%; display: flex; height: 62px; text-align: left; align-items: center;}
	.createRingTabIn:first-child{padding: 5px 10px 5px 30px}
	.createRingTabIn:last-child:before{display: none;}
	.createRingTabIn .rightIcon{display: none;}
	.createRingTabIn p{display: none;}
	.createRingTabIn .stepNo{width: 30px; line-height: 60px; height: 100%; margin-bottom: 10px; font-size: 20px; left: 10px;}
	.createRingTabIn span{margin: 0 10px 0 0; position: relative; z-index: 2}
	.createRingTabIn:before{display: block; }
	/*.createRingTabIn.selected h3{padding-top: 5px;}*/
	.createRingTabIn.selected:before{background-color: #000; height: 60px;}

	.settingPage .createRingHead{padding: 5px; margin-top: 10px;}
	.createRingTabIn h3{text-align: left; }


	.createRingTabIn:first-child .stepNo{width: 30px;}

	.reportPage .reportTopIn{width: 50%; align-items: center;}
	.reportPage .reportTopIn:last-child{width: 100%;}
	/*.reportPage .addToCartWrap{flex-wrap: wrap;}*/
	.reportPage .addToCartWrap p{text-align: center; }
	.reportPage .addToCartWrap button{width: 100%; height: 30px;  }
	/*.reportPage .addToCartWrap p{width: 50px; }
	.reportPage .addToCartWrap button{width: calc(100% - 50px);}*/
	/*.reportPage .iframeMain{margin-top: 133px;}*/
	.reportPage .iframeMain.cutwiseSteps{margin-top: 20px;}
	.reportPage .notFound{margin-top: 20px}
	.reportPage .iframeMain.cutwiseSteps .createRingTabIn.selected:before{background-color: #222; border: solid 1px #222;}

	/*.comparisonPage .iframeMain{margin-top: 96px;}*/
	.comparisonPage .addToCartWrap{flex-wrap: wrap; }
	.comparisonPage .addToCartWrap p{width: 100%; text-align: center; margin-right: 0px;}
	.comparisonPage .addToCartWrap p{margin-right: 0px; margin-bottom: 5px;}
	.comparisonPage .addToCartWrap button{height: 40px; width: auto; padding: 0 10px;}
	.comparisonPage .addToCartWrap img{margin: 10px 15px;}
	.reportTop{height: auto;  display: flex; flex-wrap: wrap;}
	.reportTop .reportTopIn{width: 50%;}
	.reportTop .reportTopIn.shareReport{width: 100%;}
	.reportPage.comparisonPage .reportTopIn:last-child{width: 50%;}

	.reportPage.cutwiseSafari .reportTopIn{width: 50%;}
	.reportPage.cutwiseSafari .addToCartWrap{width: 50%;}
	.reportPage.cutwiseSafari .shareReport{width: 100%;}

	.cutwiseSafari.reportPage .reportTop{flex-wrap: wrap;}
	/*.cutwiseSafari.comparisonPage.reportPage .reportTopIn{width: 100%;}*/
	.comparisonPage .addToCartWrap .addToCartWrapIn{flex-wrap: wrap; width: 100%; justify-content: center; }

	.makigLeft h3{font-size: 24px;}
	.makigLeft p{line-height: 24px;}

	/*.checoutBody .paymentMethod .container .checkmark:after{display: block;}*/

	
	.productListCheckout .cardOptWrap .asideSection{border-right: none;}
	.checoutBody .paymentMethod input:checked ~ .checkmark:after{display: block; height: 10px; width: 10px;}
	.checoutBody .paymentMethod input .checkmark:after{display: none; }
	.login .registerForm input:checked ~ .checkmark:after{display: block;}
	.container .checkmark:after{left: 4px; width: 3px; height: 7px;}
	.diamondSearchHeaderBottom .subFilter .container .checkmark:after{display: none;}
	.diamondSearchHeaderBottom .subFilter .container input:checked .checkmark:after{display: block;}
	.container.userCredit input:checked ~ .checkmark:after{width: 4px; top: 1px;}
	/*.cartProductListDesc .container input:checked ~ .checkmark{width: 4px; top: 1px;}*/

	.settingPage .container input:checked ~ .checkmark:after{display: block;}

	.diamondSearchHeaderTopSearch .col6{width: 50%; padding-right: 4px;}
	.diamondSearchHeader input{background-image: none; padding: 10px 15px; font-size: 10px;}
	/*.diamondSearchHeaderTopSearch .col3{width: 25%;}*/
	.diamondSearchHeader .diamondSearchHeaderTopSearch .asideSection.col3{width: 25%}
	.diamondSearchHeader .diamondSearchHeaderTopSearch .asideSection.col3:nth-child(2){padding-right: 2px;}
	.diamondSearchHeader .diamondSearchHeaderTopSearch .asideSection.col3:nth-child(3){padding-left: 2px;}
	.diamondSearchHeader button, .bottomSetting button{font-size: 12px;}
	/*.diamondSearchHeaderTopSearch .col3{width: 50%;}*/

	.priceSearchOpt .fromTo input{font-size: 12px;}

	.searchMainIn .searchMainInLeft, .searchMainIn .searchMainInRight{width: 100%;}
	.searchMainIn .searchMainInLeft{z-index: 6;}
	.productReview h5{padding: 0 2px;}

	.searchShapesIn{padding: 5px 0;}
	.caratValues .searchShapesIn{padding: 0 0 5px 0;}
	.searchShapesIn p{font-size: 13px; line-height: 20px; }
	.bottomSetting{padding: 0 20px 20px 20px}

	.createRingHead h1{font-size: 18px;}
	.twoDiamond .reviewHeadDiamond{flex-wrap: wrap;}
	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn{width: 100%; padding: 5px 0 2px 0;}
	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn h3{display: none;}
	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn h3.mobileH3{display: block;}
	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn span{display: none;}
	.twoDiamond .createRingTabIn{padding: 5px 5px 5px 40px;}
	.twoDiamond .createRingTabIn span{margin-right: 3px;}
	.twoDiamond .createRingTabIn p.pendingText{display: block;}
	.twoDiamond .createRingTabIn:before{height: 87px; }
	.twoDiamond .createRingTabIn:nth-child(2) .stepNo{line-height: 83px;}
	.twoDiamond .createRingTabIn .stepNo{left: 10px;}
	.twoDiamond .createRingTabIn{height: 90px;}
	footer h4{pointer-events: auto; font-size: 17px;}
	.footerCat li{line-height: 30px;}

	.pagination{padding: 20px 10px;}

	.changeRingOpt{margin-top: 50px;}

	.footerCat .noSubmenu{margin-bottom: 30px; }
	.footerCat .noSubmenu:before, .footerCat .noSubmenu:after{display: none;}

	.copyright p{width: 100%;}
	.copyright ul{display: none;}

	.searchMain .asideSection.dropdownSearch{min-height: auto;}
	.profileIn{left: -100px; top: 50px;}

	.login .registerForm{display: flex; padding: 0px;}
	.login .loginWrap{display: flex; position: relative; width: 100%; left: auto; top: auto; height: auto;}
	.loginWrap .formWrap{position: relative; padding: 0px;}
	.formWrap form{position: relative;}
	.registerForm form{display: flex; align-items: center;}
        .mobile-view{
		display:block !important;
	}
	.desktop-view, .login .registerForm:before{
		display:none !important;
	}
	.loginWrap{
		box-shadow:none;
		border:1px solid #ddd;
	}
	.loginimage img{
		width:100%;
	}
	.login .registerForm{
		height:auto;
		position:absolute;
	}
}


@media screen and (min-width: 200px) and (max-width: 350px) {
	.rightNav{z-index: 999; right: 5px; }
	.rightNav li{padding: 14px 9px}
	.rightNav li img{height: 20px;}
	.mobileHeader img{height: 18px; margin: 16px 0;}
	.validWrap .col6{width: 50%;}
	.validWrap .col3{width: 25%;}
}




@media screen and (min-width: 200px) and (max-width: 750px) {



}



@media screen and (min-width: 601px) and (max-width: 900px) {
	section.banner{padding: 40px; }
	section.homeBanner{padding: 0px;}
	section.banner h1{font-size: 26px; line-height: 30px;}

	.tabWrap{padding: 0 40px;}
	.categoryGridIn{height: 250px;}
	.categoryGridIn h4{margin: 105px 0;}
	section.making{padding: 50px 40px;}
	.makigLeft{padding: 0 30px 0 0;}
	.makigLeft h3{font-size: 22px;}
	section.company{padding: 25px 40px;}
	.companyRight{padding: 20px;}

	.features{padding: 25px 40px 50px 40px;}
	.features .col3{width: 50%; padding: 20px 0;}
	.footerCat {padding: 40px 0 10px 0; margin-top: 0px;}
	.footerCat .asideSection{width: 50%; padding: 10px 0;}

	.newsletterForm .formElement.col9{width: 60%}
	.newsletterForm .formElement.col3{width: 40%}

	section.category{padding: 40px 20px;}
	section.bedazelled{height: 400px;}

	.company .slick-arrow{left: -40px; }
	.company .slick-arrow.slick-next{right: -40px; left: auto; }
	.companyRight p{font-size: 18px; line-height: 24px;}

	.footerTop .col3.footerLogo{width: 100%; margin-bottom: 20px; padding-left: 0px;}
	.footerTop .col3{width: 50%; padding-left: 30px; }

	.footerCat li{padding: 0px; }

	.productList .productListIn{height: 40px;}
	.productList .rating{opacity: 1;}
	.productList .wishlist{opacity: 1}
	.productList{border: solid 1px #f0f0f0;}
	.productListOut{width: 33.33%; padding: 10px;}
	.settingPage .productListWrap{padding: 0 10px;}
	.productListWrap{padding: 0 30px 25px 30px;}
	/*.diamondSearchHeaderBottom{margin: 0 0 20px; 0}*/
	.diamondSearchHeaderBottom{position: relative; z-index: 11;}


	.pageHead .col6{width: 100%;}
	.productDetailsTop .col6{width: 100%;}
	.productDetailsTop .col6.productDetailsIn{width: 25%;}
	.productDesc .col3{width: 50%;}
	.rightProductDesc{padding-left: 0px;}
	.productSupportWrap .col3{width: 33.33%}
	.productSupportWrap .col6{width: 66.66%}
	.productDetailsTop{padding: 0 30px 30px 30px;}

	.registerForm .formElement{padding: 7px 5px;}

	.createRingTabIn{width: 100%; padding: 0 60px; height: 90px; margin-bottom: 20px;}
	.createRingTabIn .stepNo{left: 0; height: 90px; line-height: 90px;}
	.createRingTabIn .rightIcon{right: 0px; border-radius: 0px; }
	.createRingTabIn.selected{right: 0;}
	.rightIcon{height: 88px;}
	.createRingTabIn.selected .rightIcon{height: 83px;}

	.rightProductDesc{width: 100%; margin-top: 30px;}
	.productDetailsTop .col7{width: 100%;}

	.productDesc .col3:nth-child(2n){border-right: none; }
	.productDesc .col3{padding-left: 10px;}
	/*.productDesc .col3:nth-child(2n + 1){padding-left: 0px; }*/

	.homeBannerIn{padding: 30px 50px;}
	section.banner .col5, section.banner .col7{width: 50%;}

	.createRingTabIn .stepNo{width: 50px; line-height: 83px;}
	

	.customizedOpt{margin-top: 0px; margin-bottom: 20px;}
	.diamondList table thead td{padding: 10px 15px 10px 0;}
	.diamondListList, .diamondListGrid{overflow-x: auto;}

	.searchMain{padding: 0 20px 20px 20px; overflow-x: auto;}
	.searchMainIn{width: 100%; }


	.listElement p:nth-child(2){width: 100px;}
	.listElement p:nth-child(3){width: 50px;}
	.listElement p:nth-child(4){width: 60px;}
	.listElement p:nth-child(5){width: 75px;}
	.listElement p:nth-child(6){width: 75px;}
	.listElement p:nth-child(7){width: 75px;}
	.listElement p:nth-child(8){width: 100px;}
	.listElement p:nth-child(9){width: 100px;}
	.listElement p:nth-child(10){width: 110px;}
	.listElement p:nth-child(11){width: 110px;}
	.listHead p{font-size: 14px;}
	.listElement p{font-size: 14px;}
	/*.listBodyDescBodyIn{width: 100%;}*/
	.listBodyDescBody{flex-wrap: wrap;}
	.listBodyDesc{width: 900px;}
	.listElement{flex-wrap: nowrap; width: 900px;}	

	.diamondSearchHeader .col6{width: 100%;}
	.diamondSearchHeader .diamondSearchHeaderTopSearch{margin-top: 20px;}
	.diamondSearchHeader .diamondSearchHeaderTopSearch .col6{width: 50%; padding-left: 0px;}

	.searchMain .asideSection.dropdownSearch{width: 100%; }

	.valueShapes{width: 100%;}

	.measurementsSearchMain .accordianDetails .col3{width: 50%;}
	.measurementsSearchMain .accordianDetails .col2{width: 20%;}
	.measurementsSearchMain .accordianDetails .col5{width: 40%;}
	.measurementsSearchMain .accordianDetails .col1{width: 10%;}
	.measurementsSearchMain .accordianDetails .col11{width: 90%;}
	.measurementsSearchMain .accordianDetails .col11 .col4{width: 33.33%;}
	.keyToSymbols .dropdownSearch{width: 50%;}

	.bottomSetting .btnWrap .col2{width: 25%;}

	.diamondSearchHeaderBottom{margin-top: 20px;}

	.bottomSetting textarea{width: 100%;}
	.bottomSetting .btnWrap .col3, .bottomSetting .btnWrap .col3{width: calc(50% - 10px);}

	.searchMain .asideSection.dropdownSearch.cutPolSym{z-index: 4}
	/*.searchMain .asideSection.dropdownSearch.clarityWrapOut{z-index: 5;}
	.searchMain .asideSection.dropdownSearch.cutPolSym*/

	.createRingTab{flex-wrap: nowrap;}
	.createRingTabIn{padding: 5px 10px 5px 45px; width: 33.33%; display: block; height: 47px; text-align: left;}
	.createRingTabIn:first-child{padding: 5px 10px 5px 30px}
	.createRingTabIn:last-child:before{display: none;}
	.createRingTabIn .rightIcon{display: none;}
	.createRingTabIn p{display: none;}
	.createRingTabIn .stepNo{width: 30px; line-height: 45px; height: 100%; margin-bottom: 10px; font-size: 20px; left: 10px;}
	.createRingTabIn span{margin: 0 10px 0 0; position: relative; z-index: 2}
	.createRingTabIn:before{display: block;}
	.createRingTabIn:last-child h3{padding-top: 10px;}

	.settingPage .createRingHead{padding: 5px;}
	.createRingTabIn h3{text-align: left; }

	.searchMainIn .searchMainInLeft, .searchMainIn .searchMainInRight{width: 100%;}

	.mobileQuickLinks{display: block;}
	.footerTop .asideSection.footerLogo, .footerTop .asideSection.subscribeForm{width: 50%;}
	.footerTop .col3{width: 100%; padding-left: 0px;}
	.footerTop{padding-bottom: 0px;}
	.footerCat li{padding: 5px 0;}
	.footerCat .contactUs img{margin: 3px 10px 0 0;}
	.footerCat{padding: 10px 0;}
	.copyright p{width: 100%;}
	.copyright ul{display: none;}

	.searchMainIn .col6{width: 100%}

	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn h3{display: none;}
	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn h3.mobileH3{display: block;}
	.twoDiamond .reviewHeadDiamond{flex-wrap: wrap;}
	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn{width: 100%; padding: 5px 0 2px 0;}
	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn h3{display: none;}
	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn h3.mobileH3{display: block;}
	.twoDiamond .reviewHeadDiamond .reviewHeadDiamondIn span{display: none;}

	.twoDiamond .createRingTabIn{height: 90px;}
	.twoDiamond .rightIcon{border-right: 100%; height: 113px;}
	.twoDiamond .createRingTabIn .stepNo{line-height: 90px;}
	.twoDiamond .createRingTabIn .stepNo{left: 20px;}
	.createRingTabIn:before{height: 88px;}

	.twoDiamond .createRingTabIn{padding: 0 20px 0 60px;}
	.twoDiamond .createRingTabIn:first-child{padding: 0 20px 0 50px;}
	.twoDiamond .createRingTabIn:first-child .stepNo{left: 0px;}
	.twoDiamond .createRingTabIn{display: flex; align-items: center;}

	/*.twoDiamond .createRingTabIn*/
	/*.reportPage .iframeMain{padding-top: 140px;}*/

	/*.reportPage.comparisonPage .iframeMain{padding-top: 90px;}*/

	.reportTop{height: auto;  display: flex; flex-wrap: wrap;}
	.reportTop .reportTopIn{width: 50%;}
	/*.reportTop .reportTopIn.shareReport{width: 100%;}*/

	.reportPage.cutwiseSafari .reportTopIn{width: 50%; }
	.reportPage.cutwiseSafari .addToCartWrap{width: 50%; align-items: center;}
	.reportPage.cutwiseSafari .shareReport{width: 100%;}

	.cutwiseSafari.comparisonPage.reportPage .reportTopIn{flex-wrap: wrap;}
	.comparisonPage .addToCartWrap .addToCartWrapIn{width: 100%;}
	.comparisonPage .addToCartWrap p.reportPrice{text-align: center; width: 100%; margin-top: 10px;}

	/*.reportPage.comparisonPage .iframeMain{padding-top: 115px;}*/
	.comparisonPage .addToCartWrap p.reportPrice{margin-top: 0px; margin-right: 0px;}

	.profileIn{left: -100px; top: 50px;}

	.loginWrap{width: 80%; left: 10%;}
	.registerForm form{display: block;}
	.registerForm form .tableCell{display: block;}
}




@media screen and (min-width: 601px) and (max-width: 750px) {

	.checkoutLeft{width: 100%;}
	.checkoutRight{width: 100%;}
	.productListCheckout .asideSection.col5{width: 300px; }
	.productListCheckout .asideSection.col7{width: calc(100% - 300px) }
	.productListCheckout .asideSection.col3{width: 50%; margin-bottom: 10px;}
	.checkoutMain .cartRemoveBtn{margin-left: 0px;}
	.productListCheckout .validWrap .asideSection.col3{width: 25%; margin-bottom: 0px;}
	.checkoutRight{padding-left: 0px;position: relative;}

	.checkoutMain .productSupportWrap .asideSection{width: auto; margin-right: 20px;}

	.filters .dropdown{display: none;}
	.diamondSearchHeaderBottom .mobileSort{display: block;}
	.sortByMobileClick{display: block;}

	.filters li{width: 100%; line-height: 20px; padding: 13px 0; border-bottom: solid 1px #ccc}
	.diamondSearchHeaderBottom li .filterList{display: block;}
	.diamondSearchHeaderBottom li .filterList:before, .diamondSearchHeaderBottom li .filterList:after{right: 0px;}
	.diamondSearchHeaderBottom li .filterList:before{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); top: 9px; width: 10px; }
	.diamondSearchHeaderBottom li .filterList:after{transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); top: 9px; right: 0px; width: 10px;}
	.subFilter{width: 100%; padding: 0px; border: none;}
	.diamondSearchHeaderBottom li.activeSubFilter .filterList:before, .diamondSearchHeaderBottom li.activeSubFilter .filterList:after{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	.subFilter .container{ width: 33.33%; margin-bottom: 0px; padding: 10px 10px;	text-align: center;}
	.subFilter .container .checkmark{width: 100%; height: 100%; left: 0; top: 0; background-color: transparent; border: solid 1px #ccc;}
	.subFilter .container .checkmark:after{display: none;}
	.container input:checked ~ .checkmark:after{display: none;}
	.container input:checked ~ .checkmark{background-color: transparent;}
	.subFilter .container input:checked ~ .checkmark{border: solid 2px #4285F4;}
	.subFilterSlider{padding: 20px 10px; left: 0;}
	.diamondSearchHeaderBottom{margin: 20px 0 0px 0; transition: none;}

	/*.productDetailsTop .col7{width: 50%;}*/
	.productDetailsTop .col5.rightProductDesc{width: 100%}

	.loginWrap{width: 90%; left: 5%; margin-top: 40px; height: auto; position: relative;}
	.loginWrap .formWrap{position: relative;}
	.formWrap form{position: relative; padding: 0px; margin-top: 0px;}
	.login .registerForm{position: relative;}

	.diamondSearchHeaderBottom .subFilter .container{width: 100%; padding: 1px 0 1px 27px; text-align: left; margin-bottom: 15px;}
	.diamondSearchHeaderBottom .subFilter .container .checkmark{border: solid 1px #4285F4;width: 18px; height: 18px;}
	.diamondSearchHeaderBottom .subFilter .container input:checked ~ .checkmark{border: solid 1px #4285F4; background-color: transparent;}
	.diamondSearchHeaderBottom .subFilter .container .checkmark:after{display: block;}
	.diamondSearchHeaderBottom .subFilter .container .checkmark:after{border: solid #4285F4; top: 4px; left: 6px; border-width: 0 2px 2px 0; background-color: transparent;}
	/*.diamondSearchHeaderBottom .subFilter input[type='submit']{margin-top: 20px;}*/

	.diamondSearchHeaderBottom{margin: 20px 0 0px 0; transition: none;}
	/*.diamondSearchHeaderBottom li{margin-top: 20px; padding-right: 0px; width: 100%;}*/
	.diamondSearchHeaderBottom .subFilter{border: solid 1px #000; margin-top: 10px;}

	.checoutBody .checkoutMain{position: relative;}
	.checkoutRight{position: absolute; width: calc(100% - 40px); left: 20px; top: 10px;}
	.checkoutLeft{margin-top: 250px;}

	
	
}



@media screen and (min-width: 751px) and (max-width: 900px) {
	.checkoutLeft{width: 60%;}
	.checkoutRight{width: 40%;}
	.productListCheckout .asideSection.col5{width: 100%;}
	.productListCheckout .asideSection.col7{width: 100%; margin-top: 10px;}
	.checkoutProductDescRight .productFeatures{padding: 0px 0 0 15px; margin-top: 10px;}
	.checkoutProductDescRight .productFeatures:nth-child(4n + 1){padding: 0px 0 0 0;}

	.checkoutMain .actionBtns button{width: calc(50% - 5px); margin-left: 10px; font-size: 13px;}
	.checkoutMain .actionBtns button:first-child{margin-left: 0px; }
	.checkoutRight{top: 60px;}
	.addressWrap{margin-top: 0px;}
	.addressWrap .checkoutProductDescRight .asideSection{padding: 0 10px;}
	.checkOutTotal p{font-size: 15px; padding: 5px 0;}
	.checkoutMain .productSupportWrap .col6{width: 100%;}
	.checkoutMain .productSupportWrap .col3{margin-bottom: 5px;}

	.productDetailsTop .col5.rightProductDesc{width: 100%;}

	.loginWrap{width: 80%; left: 10%; height: 60%; top: 20%}

/*	.listElement p{width: 60px;}
	.listHead p{font-size: 14px;}
	.listElement label{width: 40px;}
	.listElement .container .checkmark{left: 15px;}*/
	.listElement label{width: 40px;}
	.listHead{width: 900px; }
	.listBodyWrap{width: 900px;}
	.searchMain{overflow-x: auto;}

	/*.reportPage .iframeMain{padding-top: 105px;}*/

/*	.twoDiamond .createRingTabIn{height: 115px;}
	.twoDiamond .rightIcon{border-right: 100%; height: 113px;}
	.twoDiamond .createRingTabIn .stepNo{line-height: 113px;}
	.twoDiamond .createRingTabIn .stepNo{left: 20px;}*/

	/*.homeBannerIn{min-height: calc(70vh - 100px) !important;;}
	section.homeBanner{min-height: calc(70vh - 100px) !important;}*/
	.homeBannerIn{padding: 100px 50px; min-height: auto !important;}
	section.homeBanner{min-height: auto !important;}

}



@media screen and (min-width: 901px) and (max-width: 1050px) {
	.categoryGridIn{height: 300px;}
	.tabWrap{padding: 0 80px;}
	section.making .makigLeft{padding: 0 50px 0 0}
	.features{padding: 25px 80px 50px 80px; }
	.features .asideSection{padding: 0 10px;}

	.footerLogo .logo{height: 28px;}
	.footerBottom img{height: 25px;}

	.productList .productListIn{height: 40px;}
	.productList .rating{opacity: 1;}
	.productList .wishlist{opacity: 1}
	.productList{border: solid 1px #f0f0f0;}
	.productListOut{width: 25%; padding: 10px;}
	.productListWrap{padding: 0 30px 25px 30px;}

	.colorWrapOut .col3{width: 50%;}
	.colorWrap .container{margin: 5px 0}
	.productSupportWrap .col3:last-child{width: 50%;}

	.checkoutLeft{width: 60%;}
	.checkoutRight{width: 40%;}
	.checkoutProductDescRight .productFeatures{width: 50%; margin-bottom: 10px;}
	.productListCheckout .asideSection.col5{width: 300px;}
	.productListCheckout .asideSection.col7{width: calc(100% - 300px)}
	.cartRemoveBtn{margin-left: 0px;}

	.createRingTabIn{height: 90px; padding: 0 40px 0 80px;}
	.createRingTabIn .stepNo{left: 25px;}
	.rightIcon{height: 88px; width: 90px; border-radius: 90px; right: -35px; right: -40px;}
	.selected .rightIcon{height: 90px; width: 90px; border-radius: 90px; right: -40px;}
	.completed .rightIcon{right: -40px;}
	.createRingTabIn .stepNo{height: 90px; line-height: 90px;}
	.createRingTabIn:first-child .stepNo{left: 0px;}
	.createRingTabIn:last-child .rightIcon{right: 0;}

	.productDetailsTop .col7{width: 500px;		}
	.productDetailsTop .col5.rightProductDesc{width: calc(100% - 500px)}
	.changeRingOpt .asideSection{margin: 0 5px;}
	.ringShape, .ringSize{width: 190px;}

	.twoDiamond .createRingTabIn{height: 115px;}
	.twoDiamond .rightIcon{border-right: 100%; height: 113px;}
	.twoDiamond .createRingTabIn .stepNo{line-height: 113px;}
	.twoDiamond .createRingTabIn .stepNo{left: 20px;}
	.twoDiamond .createRingTabIn:first-child .stepNo{left: 0;}

	.productDetailsTop .col5.rightProductDesc{padding-left: 30px;}
	.productReview .col4{padding-right: 5px;}

	.diamondList table thead td{padding: 10px 15px 10px 0;}
	.diamondListList, .diamondListGrid{overflow-x: auto;}

	.shapeImg{width: 50px; height: 50px; font-size: 12px; line-height: 30px;}
	.searchShapesIn{width: 13%}
	.searchMain .asideSection.dropdownSearch .rightTriangle, .advancedMeasurements .fullDropdown .rightTriangle{right: 20px; }
	.fancyWrap .shapeImg img{height: 30px; width: 30px;}

	.categoryIcon .shapeImg{height: 40px; width: 40px; padding: 5px;}
	.fromTo{width: 87%}
	.cutPolWrap{width: 67%}
	.cutPolMenuOpen{width: 90%}
	.cutPolSym .karatWrapOut{padding-left: 5px;}
	.shapeBtn{padding: 8px 15px; margin: 3px;}
	.priceSearchOpt .karatWrap{width: 27%; margin-left: 0px; padding-left: 0px;}
	.fancySelectedWrap .noSelect p{font-size: 11px;}

	.measurementsSearchMain .from{padding-right: 5px;}
	.measurementsSearchMain .to{padding-left-: 5px;}
	.measurementsSearchMain .mid{width: 10%;}

	.opticalPerformance .slideValues .minSliderRange, .opticalPerformance .slideValues .maxSliderRange{width: 60px;}
	.opticalPerformance .slideValues{width: calc(100% - 100px);}
	.opticalPerformance .formTitle p{width: 100px;}
	.opticalPerformance .slideValues p{width: auto;	}

	.diamondSearchHeaderTop .col6{width: 40%;}
	.diamondSearchHeaderTop .diamondSearchHeaderTopSearch{width: 60%;}
	.diamondSearchHeaderTop .diamondSearchHeaderTopSearch .col6{width: 50%;}
	.diamondSearchHeaderBottom{margin-top: 20px;}

	.bottomSetting .btnWrap .col3, .bottomSetting .btnWrap .col3{width: 30%;}

	.reportTop{grid-template-columns: minmax(min-content, 30%) 1.1fr 0.9fr; 
   	grid-template-rows: min-content min-content 1fr min-content min-content min-content;}
   	.reportPage .iframeMain{padding-top: 50px;}

   	.reportTopIn.addToCartWrap{display: flex; align-items: center;}
   	.reportTopIn.shareReport{display: flex; align-items: center; flex-wrap: nowrap;}
   	.shareReportTop{width: 100%;}
	.comparisonPage .addToCartWrap .addToCartWrapIn{width: 30%;}
   	.comparisonPage .addToCartWrap .addToCartWrapIn:last-child{width: 40%;}
	.cutPolIn{width: 50%;  }
	.cutPolIn:last-child{margin-top: 10px;}
	.halfDropdown{align-items: center}

	.fullDropdown .cutPolWrap .cutPolIn{width: 33.33%;  }
	.fullDropdown .cutPolMenuOpen{text-align: center; padding-left: 0px;}
	.fullDropdown .cutPolWrap .cutPolIn:last-child{margin-top: 0px}

	.profileIn{left: -100px; top: 50px;}

	.loginWrap{width: 80%; left: 10%;}
	.registerForm form{display: block;}
	.registerForm form .tableCell{display: block;}

	.diamondSearchHeaderBottom{position: relative; z-index: 11;}
	.searchMain .asideSection.dropdownSearch{z-index: 4; min-height: 107px;}
	.cutPolIn{width: 33.33%;}
	.cutPolIn:last-child{margin-top: 0px;}
	.valueShapes{min-height: 110px;}
}

@media (max-width: 1669px){
	.searchMain .asideSection{
		padding:6px;
	}
}

@media screen and (min-width: 1051px) and (max-width: 1150px) {

	.colorWrap .container{font-size: 12px}

	.searchMain .asideSection.dropdownSearch.clarityWrapOut{z-index: 7;}

}



@media screen and (min-width: 1151px) and (max-width: 1250px) {

	.colorWrap .container{font-size: 12px}
	.fancyOvertoneWrap .shapeBtn, .fancyIntensityWrap .shapeBtn, .fancyIntensityWrapHalf .shapeBtn{font-size: 12px; padding:  10px 15px;}

	.searchMain .asideSection.dropdownSearch.clarityWrapOut{z-index: 7;}
}



@media screen and (min-width: 1251px) and (max-width: 1350px) {
	.colorWrap .container{font-size: 12px}
	.checkoutProductDescRight .productFeatures{width: 33.33%; margin-bottom: 10px;}

	/*.homeBannerIn{min-height: auto !important;}
	section.homeBanner{min-height: auto;}*/

	.searchMain .asideSection.dropdownSearch.clarityWrapOut{z-index: 7;}
}

@media screen and (min-width: 1301px) and (max-width: 2500px) {

	.searchMain .asideSection.dropdownSearch.clarityWrapOut{z-index: 7;}
}




/*_::-webkit-full-page-media, _:future, :root .safari_only {
    .comparisonPage .reportTop{display: flex; }
    .comparisonPage .reportTopIn{width: 50%;}
    .reportPage .reportTopIn{width: 50%;}
}*/


.selectDropdown select {
    background-image: url(../images/icons/down-arrow.svg);
    background-size: 12px;
    background-position: center right;
	background-repeat: no-repeat;
	border: 0;
	padding-right: 20px;
}
.selectDropdown.withBorder select {
	width: 100%;
    height: 100%;
    padding: 0 15px;
	border: 1px solid #000;
	background-position: center right 15px;
}
.wrapwireTDesc {
	display: none;
}
.wireTDesc{
	display: flex;
	flex-wrap: wrap;
}
.wireTDesc ul {
	width: 50%;
	padding: 25px;
}
@media screen and (max-width: 1000px) {
	.wireTDesc ul {
	width: 100%;
}
}
.wireTDesc ul li img {
	width: 120px;
}
.wireTDesc ul li {
	text-align: center;
	padding: 10px 0;
}
.productFeatures p u {
	text-decoration: underline;
	padding: 10px 0 5px;
	display: inline-block;
}
.w-100 {
	width: 100% !important;
}
@media screen and (max-width: 600px) {
	.mp-l-10 {
		padding-left: 10px !important;
	}
	.mb-r-0 {
		border-right: none !important;
	}
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*!
 * Mvc.Grid 7.1.3
 * https://github.com/NonFactors/MVC5.Grid
 *
 * Copyright © NonFactors
 *
 * Licensed under the terms of the MIT License
 * http://www.opensource.org/licenses/mit-license.php
 */

@font-face {
    src: url('../MvcGrid/Fonts/GridGlyphs.woff') format('woff');
    font-family: 'GridGlyphs';
}

.mvc-grid {
    /*line-height: 1.25em;*/
    position: relative;
    /*overflow-x: auto;*/
    /*font-size: 1rem;*/
}

.mvc-grid table {
    border-collapse: collapse;
    max-width: 100%;
    width: 100%;
}

.mvc-grid th {
    background-clip: padding-box;
    /*background-color: #f7f7f7;*/
    position: relative;
}

.mvc-grid th,
.mvc-grid td {
    /*border: 1px solid #dee2e6;*/
    /*padding: 0.75em;*/
}

.mvc-grid .sortable {
    padding-right: 3.5em;
}

.mvc-grid .sortable,
.mvc-grid .mvc-grid-sort,
.mvc-grid .mvc-grid-filter {
    cursor: pointer;
}

.mvc-grid-hidden,
.mvc-grid-options {
    display: none;
}

.mvc-grid-title {
    display: inline-block;
}

.mvc-grid-sort,
.mvc-grid-filter {
    background-color: rgba(0, 0, 0, 0.03);
    transition: background-color 0.5s;
    font-family: 'GridGlyphs';
    position: absolute;
    font-weight: bold;
    width: 2.75em;
    border: none;
    height: 100%;
    right: 0;
    top: 0;
}

.mvc-grid-filter:focus,
.mvc-grid-filter:hover {
    background-color: rgba(0, 0, 0, 0.06);
    color: inherit;
}

.mvc-grid-filter::before {
    content: '\0041';
}

.mvc-grid-filter.applied::before {
    content: '\0042';
}

.mvc-grid-sort {
    background: transparent;
    font-weight: normal;
    transition: none;
}

.mvc-grid-sort::after {
    font-size: 0.9em;
    content: '\0044';
    opacity: 0.15;
}

.mvc-grid-sort::before {
    margin-right: -7px;
    font-size: 0.9em;
    content: '\0043';
    opacity: 0.15;
}

.mvc-grid .desc .mvc-grid-sort::after,
.mvc-grid .asc .mvc-grid-sort::before {
    opacity: 0.5;
}

.mvc-grid-row-filters .filterable {
    padding: 0.25em;
}

.mvc-grid-row-filters th div {
    display: flex;
}

.mvc-grid-row-filters .mvc-grid-value {
    border: 0.5px solid #aaaaaa;
    background-color: #ffffff;
    text-overflow: ellipsis;
    margin-right: 0.25em;
    line-height: normal;
    font-weight: bold;
    padding: 0 0.5em;
    flex: 1;
}

.mvc-grid-row-filters select.mvc-grid-value {
    padding: 0 0.2em;
}

.mvc-grid-row-filters .mvc-grid-value.invalid {
    outline-color: #dc3545;
}

.mvc-grid-row-filters .mvc-grid-value::placeholder {
    color: #bbbbbb;
}

.mvc-grid-row-filters .mvc-grid-value:-ms-input-placeholder {
    color: #bbbbbb;
}

.mvc-grid-row-filters .mvc-grid-filter {
    border: 0.5px solid #aaaaaa;
    flex: 0 0 2.125em;
    position: static;
    height: 2.125em;
}

.mvc-grid-excel-mode .filterable {
    padding-right: 3.5em;
}

.mvc-grid-excel-mode .sortable.filterable {
    padding-right: 6.25em;
}

.mvc-grid-excel-mode .filterable .mvc-grid-sort,
.mvc-grid-header-mode .filterable .mvc-grid-sort {
    right: 2.75em;
}

.mvc-grid-header-mode .filterable {
    padding: 0 2.75em 0 0;
}

.mvc-grid-header-mode .mvc-grid-value {
    background-color: #f7f7f7;
    padding: 0.625em 0.75em;
    border: none;
    margin: 0;
}

.mvc-grid-header-mode .mvc-grid-filter {
    position: absolute;
    border: none;
    height: 100%;
}

.mvc-grid-header-mode .sortable .mvc-grid-value {
    padding-right: 3.5em;
}

.mvc-grid-popup {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    position: absolute;
    min-width: 12em;
    font-size: 1rem;
    z-index: 1100;
}

.mvc-grid-popup.mvc-grid-guid-filter {
    min-width: 20em;
}

.mvc-grid-popup .popup-arrow {
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 8px solid #ffffff;
    box-sizing: border-box;
    position: absolute;
    height: 9px;
    top: -8px;
}

.mvc-grid-popup .popup-arrow::after {
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 9px solid #cccccc;
    position: absolute;
    content: " ";
    z-index: -1;
    left: -8px;
    top: -1px;
}

.mvc-grid-popup .popup-content {
    padding: 0.5em;
}

.mvc-grid-popup .popup-group {
    padding: 0.2em;
}

.mvc-grid-popup .popup-operator {
    text-align: center;
}

.mvc-grid-popup .popup-actions {
    padding: 0.4em 0 0.2em;
    text-align: center;
}

.mvc-grid-popup .mvc-grid-value,
.mvc-grid-popup .mvc-grid-method,
.mvc-grid-popup .mvc-grid-operator {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    box-sizing: border-box;
    font-size: 0.9em;
    padding: 0 0.2em;
    height: 2.5em;
    width: 100%;
}

.mvc-grid-popup .mvc-grid-value[multiple] {
    overflow-y: auto;
    height: 8em;
}

.mvc-grid-popup .mvc-grid-operator {
    width: auto;
}

.mvc-grid-popup input.mvc-grid-value {
    text-overflow: ellipsis;
    padding: 0 0.5em;
}

.mvc-grid-popup .mvc-grid-value.invalid {
    outline-color: #dc3545;
}

.mvc-grid-popup .mvc-grid-apply,
.mvc-grid-popup .mvc-grid-cancel {
    border: 1px solid #ffffff;
    padding: 0.25em;
    cursor: pointer;
    min-width: 4em;
    color: #ffffff;
    outline: 0;
}

.mvc-grid-popup .mvc-grid-apply {
    background-color: #28a745;
    border-color: #28a745;
    margin-right: 0.3em;
    font-weight: bold;
}

.mvc-grid-popup .mvc-grid-apply:focus {
    box-shadow: 0 0 0 0.2em rgba(40, 167, 69, 0.5);
}

.mvc-grid-popup .mvc-grid-cancel {
    background-color: #dc3545;
    border-color: #dc3545;
    margin-left: 0.3em;
}

.mvc-grid-popup .mvc-grid-cancel:focus {
    box-shadow: 0 0 0 0.2em rgba(220, 53, 69, 0.5);
}

.mvc-grid-pager,
.mvc-grid-empty-row {
    text-align: center;
}

.mvc-grid-pager button {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    box-sizing: content-box;
    line-height: 2.5em;
    padding: 0 0.25em;
    cursor: pointer;
    margin: 0.5em 0;
    min-width: 2em;
    color: #337ab7;
}

.mvc-grid-pager button:focus,
.mvc-grid-pager button:hover {
    background-color: #f7f7f7;
    color: #014c8c;
}

.mvc-grid-pager .active,
.mvc-grid-pager .active:focus,
.mvc-grid-pager .active:hover {
    background-color: #0275d8;
    border-color: #0275d8;
    color: #ffffff;
}

.mvc-grid-pager .disabled,
.mvc-grid-pager .disabled:focus,
.mvc-grid-pager .disabled:hover {
    background-color: #efefef;
    cursor: not-allowed;
    color: #777777;
    outline: 0;
}

.mvc-grid-page-sizes {
    display: inline-block;
    margin-left: 0.5em;
}

.mvc-grid-page-sizes select {
    border: 1px solid #dddddd;
    padding: 0.5em 0;
    font: inherit;
}

.mvc-grid-page-sizes input {
    border: 1px solid #dddddd;
    box-sizing: content-box;
    text-align: center;
    padding: 0 0.25em;
    height: 2.5em;
    width: 2.5em;
}

.mvc-grid-loader {
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    transition: opacity 1s;
    align-items: center;
    position: absolute;
    display: flex;
    z-index: 100;
    height: 100%;
    cursor: wait;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0;
}

.mvc-grid-loading {
    opacity: 1;
}

.mvc-grid-loading > div > div {
    animation: loader-points 1.4s infinite ease-in-out both;
    background-color: #f5f5f5;
    display: inline-block;
    border-radius: 100%;
    margin: 0 0.75em;
    height: 1.5em;
    width: 1.5em;
}

.mvc-grid-loading > div > div:nth-child(1) {
    animation-delay: -0.32s;
}

.mvc-grid-loading > div > div:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes loader-points {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1.0);
    }
}

.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../images/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(../images/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/

.irs {
	position: relative;
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 12px;
	font-family: Arial, sans-serif
}
.irs-line {
	position: relative;
	display: block;
	overflow: hidden;
	outline: none !important
}
.irs-bar {
	position: absolute;
	display: block;
	left: 0;
	width: 0
}
.irs-shadow {
	position: absolute;
	display: none;
	left: 0;
	width: 0
}
.irs-handle {
	position: absolute;
	display: block;
	box-sizing: border-box;
	cursor: default;
	z-index: 1
}
.irs-handle.type_last {
	z-index: 2
}
.irs-min,
.irs-max {
	position: absolute;
	display: block;
	cursor: default
}
.irs-min {
	left: 0
}
.irs-max {
	right: 0
}
.irs-from,
.irs-to,
.irs-single {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	cursor: default;
	white-space: nowrap
}
.irs-grid {
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px
}
.irs-with-grid .irs-grid {
	display: block
}
.irs-grid-pol {
	position: absolute;
	top: -4px;
	left: 0;
	width: 1px;
	height: 8px;
	background: #000;
}
.irs-grid-pol.small {
	height: 4px;
	display: none;
}
.irs-grid-text {
	position: absolute;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	padding: 0 3px;
	color: #000
}
.irs-disable-mask {
	position: absolute;
	display: block;
	top: 0;
	left: -1%;
	width: 102%;
	height: 100%;
	cursor: default;
	background: rgba(0, 0, 0, 0);
	z-index: 2
}
.lt-ie9 .irs-disable-mask {
	background: #000;
	filter: alpha(opacity=0);
	cursor: not-allowed
}
.irs-disabled {
	opacity: .4
}
.irs-hidden-input {
	position: absolute !important;
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	outline: none !important;
	z-index: -9999 !important;
	background: none !important;
	border-style: solid !important;
	border-color: transparent !important
}
.irs--flat {
	height: 40px
}
.irs--flat.irs-with-grid {
	height: 60px
}
.irs--flat .irs-line {
	top: 25px;
	height: 2px;
	background-color: #ccc;
	border-radius: 4px
}
.irs--flat .irs-bar {
	top: 25px;
	height: 2px;
	background-color: #000
}
.irs--flat .irs-bar--single {
	border-radius: 4px 0 0 4px
}
.irs--flat .irs-shadow {
	height: 1px;
	bottom: 16px;
	background-color: #e1e4e9
}
.irs--flat .irs-handle {
	top: 21px;
	width: 10px;
	height: 10px;
	background-color: #000;padding: 0px;
	border-radius: 100%;
}
.irs--flat .irs-handle>i:first-child {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	margin-left: -1px;
	background-color: transparent;
}
.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
	background-color: transparent;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
	top: 0;
	padding: 1px 3px;
	color: #999;
	font-size: 10px;
	line-height: 1.333;
	text-shadow: none;
	background-color: #e1e4e9;
	border-radius: 4px;
	display: none;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
	color: white;
	font-size: 10px;
	line-height: 1.333;
	text-shadow: none;
	padding: 1px 5px;
	background-color: #ed5565;
	border-radius: 4px;
	display: none;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
	position: absolute;
	display: block;
	content: "";
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 3px solid transparent;
	border-top-color: #ed5565
}
.irs--flat .irs-grid-pol {
	background-color: #000
}
.irs--flat .irs-grid-text {
	color: #000
}
.irs--big {
	height: 55px
}
.irs--big.irs-with-grid {
	height: 70px
}
.irs--big .irs-line {
	top: 33px;
	height: 12px;
	background-color: white;
	background: linear-gradient(to bottom, #ddd -50%, white 150%);
	border: 1px solid #ccc;
	border-radius: 12px
}
.irs--big .irs-bar {
	top: 33px;
	height: 12px;
	background-color: #92bce0;
	border: 1px solid #428bca;
	background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
	box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5)
}
.irs--big .irs-bar--single {
	border-radius: 12px 0 0 12px
}
.irs--big .irs-shadow {
	height: 1px;
	bottom: 16px;
	background-color: rgba(66, 139, 202, 0.5)
}
.irs--big .irs-handle {
	top: 25px;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-color: #cbcfd5;
	background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
	border-radius: 30px
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
	border-color: rgba(0, 0, 0, 0.45);
	background-color: #939ba7;
	background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)
}
.irs--big .irs-min,
.irs--big .irs-max {
	top: 0;
	padding: 1px 5px;
	color: white;
	text-shadow: none;
	background-color: #9f9f9f;
	border-radius: 3px
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
	color: white;
	text-shadow: none;
	padding: 1px 5px;
	background-color: #428bca;
	background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
	border-radius: 3px
}
.irs--big .irs-grid-pol {
	background-color: #428bca
}
.irs--big .irs-grid-text {
	color: #428bca
}
.irs--modern {
	height: 55px
}
.irs--modern.irs-with-grid {
	height: 55px
}
.irs--modern .irs-line {
	top: 25px;
	height: 5px;
	background-color: #d1d6e0;
	background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
	border: 1px solid #a3adc1;
	border-bottom-width: 0;
	border-radius: 5px
}
.irs--modern .irs-bar {
	top: 25px;
	height: 5px;
	background: #20b426;
	background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}
.irs--modern .irs-bar--single {
	border-radius: 5px 0 0 5px
}
.irs--modern .irs-shadow {
	height: 1px;
	bottom: 21px;
	background-color: rgba(209, 214, 224, 0.5)
}
.irs--modern .irs-handle {
	top: 37px;
	width: 12px;
	height: 13px;
	border: 1px solid #a3adc1;
	border-top-width: 0;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle>i:nth-child(1) {
	position: absolute;
	display: block;
	top: -4px;
	left: 1px;
	width: 6px;
	height: 6px;
	border: 1px solid #a3adc1;
	background: white;
	transform: rotate(45deg)
}
.irs--modern .irs-handle>i:nth-child(2) {
	position: absolute;
	display: block;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 10px;
	height: 12px;
	background: #e9e6e6;
	background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
	border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle>i:nth-child(3) {
	position: absolute;
	display: block;
	box-sizing: border-box;
	top: 3px;
	left: 3px;
	width: 4px;
	height: 5px;
	border-left: 1px solid #a3adc1;
	border-right: 1px solid #a3adc1
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
	border-color: #7685a2;
	background: #c3c7cd;
	background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)
}
.irs--modern .irs-handle.state_hover>i:nth-child(1),
.irs--modern .irs-handle:hover>i:nth-child(1) {
	border-color: #7685a2
}
.irs--modern .irs-handle.state_hover>i:nth-child(3),
.irs--modern .irs-handle:hover>i:nth-child(3) {
	border-color: #48536a
}
.irs--modern .irs-min,
.irs--modern .irs-max {
	top: 0;
	font-size: 10px;
	line-height: 1.333;
	text-shadow: none;
	padding: 1px 5px;
	color: white;
	background-color: #d1d6e0;
	border-radius: 5px
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
	font-size: 10px;
	line-height: 1.333;
	text-shadow: none;
	padding: 1px 5px;
	background-color: #20b426;
	color: white;
	border-radius: 5px
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
	position: absolute;
	display: block;
	content: "";
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 3px solid transparent;
	border-top-color: #20b426
}
.irs--modern .irs-grid {
	height: 25px
}
.irs--modern .irs-grid-pol {
	background-color: #dedede
}
.irs--modern .irs-grid-text {
	color: silver;
	font-size: 13px
}
.irs--sharp {
	height: 50px;
	font-size: 12px;
	line-height: 1
}
.irs--sharp.irs-with-grid {
	height: 57px
}
.irs--sharp .irs-line {
	top: 30px;
	height: 2px;
	background-color: black;
	border-radius: 2px
}
.irs--sharp .irs-bar {
	top: 30px;
	height: 2px;
	background-color: #ee22fa
}
.irs--sharp .irs-bar--single {
	border-radius: 2px 0 0 2px
}
.irs--sharp .irs-shadow {
	height: 1px;
	bottom: 21px;
	background-color: rgba(0, 0, 0, 0.5)
}
.irs--sharp .irs-handle {
	top: 25px;
	width: 10px;
	height: 10px;
	background-color: #a804b2
}
.irs--sharp .irs-handle>i:first-child {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #a804b2
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
	background-color: black
}
.irs--sharp .irs-handle.state_hover>i:first-child,
.irs--sharp .irs-handle:hover>i:first-child {
	border-top-color: black
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
	color: white;
	font-size: 14px;
	line-height: 1;
	top: 0;
	padding: 3px 4px;
	opacity: .4;
	background-color: #a804b2;
	border-radius: 2px
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
	font-size: 14px;
	line-height: 1;
	text-shadow: none;
	padding: 3px 4px;
	background-color: #a804b2;
	color: white;
	border-radius: 2px
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
	position: absolute;
	display: block;
	content: "";
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 3px solid transparent;
	border-top-color: #a804b2
}
.irs--sharp .irs-grid {
	height: 25px
}
.irs--sharp .irs-grid-pol {
	background-color: #dedede
}
.irs--sharp .irs-grid-text {
	color: silver;
	font-size: 13px
}
.irs--round {
	height: 50px
}
.irs--round.irs-with-grid {
	height: 65px
}
.irs--round .irs-line {
	top: 36px;
	height: 4px;
	background-color: #dee4ec;
	border-radius: 4px
}
.irs--round .irs-bar {
	top: 36px;
	height: 4px;
	background-color: #006cfa
}
.irs--round .irs-bar--single {
	border-radius: 4px 0 0 4px
}
.irs--round .irs-shadow {
	height: 4px;
	bottom: 21px;
	background-color: rgba(222, 228, 236, 0.5)
}
.irs--round .irs-handle {
	top: 26px;
	width: 24px;
	height: 24px;
	border: 4px solid #006cfa;
	background-color: white;
	border-radius: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3)
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
	background-color: #f0f6ff
}
.irs--round .irs-min,
.irs--round .irs-max {
	color: #333;
	font-size: 14px;
	line-height: 1;
	top: 0;
	padding: 3px 5px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 4px
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
	font-size: 14px;
	line-height: 1;
	text-shadow: none;
	padding: 3px 5px;
	background-color: #006cfa;
	color: white;
	border-radius: 4px
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
	position: absolute;
	display: block;
	content: "";
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 3px solid transparent;
	border-top-color: #006cfa
}
.irs--round .irs-grid {
	height: 25px
}
.irs--round .irs-grid-pol {
	background-color: #dedede
}
.irs--round .irs-grid-text {
	color: silver;
	font-size: 13px
}
.irs--square {
	height: 50px
}
.irs--square.irs-with-grid {
	height: 60px
}
.irs--square .irs-line {
	top: 31px;
	height: 4px;
	background-color: #dedede
}
.irs--square .irs-bar {
	top: 31px;
	height: 4px;
	background-color: black
}
.irs--square .irs-shadow {
	height: 2px;
	bottom: 21px;
	background-color: #dedede
}
.irs--square .irs-handle {
	top: 25px;
	width: 16px;
	height: 16px;
	border: 3px solid black;
	background-color: white;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
	background-color: #f0f6ff
}
.irs--square .irs-min,
.irs--square .irs-max {
	color: #333;
	font-size: 14px;
	line-height: 1;
	top: 0;
	padding: 3px 5px;
	background-color: rgba(0, 0, 0, 0.1)
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
	font-size: 14px;
	line-height: 1;
	text-shadow: none;
	padding: 3px 5px;
	background-color: black;
	color: white
}
.irs--square .irs-grid {
	height: 25px
}
.irs--square .irs-grid-pol {
	background-color: #dedede
}
.irs--square .irs-grid-text {
	color: silver;
	font-size: 11px
}
main {
    min-height:750px;
}
.error{ color:red !important; }
.validation_error {
    border: 1px solid red !important;
}

ul.iti__country-list.iti__hide {
    display: none !important;
}

ul.iti__country-list {
    display: block !important;
}

.iti {
    width: 100%;
}

ul.iti__country-list li {
    display: block !important;
}

#toast-container > div {
    opacity: 1 !important;
}

.profileIn ul li:hover a{ color:#4285F4; }
/*.toggleNavMenu.stickToggleMenu {
    position: fixed;
}*/

.ajax-loader {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: url('/content/images/loading-gdc.gif') no-repeat scroll center center #fff;
    z-index: 99999;
    opacity: .8;
    display: none;
}

.diamondListGrid .compareIcon rect, .diamondListGrid .compareIcon polygon, .diamondListGrid .compareIcon path {
    fill: #000;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

.diamondListGrid .compareIcon.activeCompareIcon rect, .diamondListGrid .compareIcon.activeCompareIcon polygon, .diamondListGrid .compareIcon.activeCompareIcon path {
    fill: #4285F4;
}

.darkMode .diamondListGrid .compareIcon rect, .darkMode .diamondListGrid .compareIcon polygon, .darkMode .diamondListGrid .compareIcon path {
    fill: #fff;
}

.darkMode .diamondListGrid .compareIcon.activeCompareIcon rect, .darkMode .diamondListGrid .compareIcon.activeCompareIcon polygon, .darkMode .diamondListGrid .compareIcon.activeCompareIcon path {
    fill: #4285F4;
}

.diamondSearchHeaderBottom .loadSearchFilter {
    width: 240px;
}

#toast-container > .toast-success {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important*/
    background-color: #4285F4 !important;
}

#export-overlay, #mail-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    z-index: 2;
}

#export-overlay .popup h2, #mail-overlay .popup h2 {
    font-weight: 700;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 19px;
}

#export-overlay .popup, #mail-overlay .popup {
    display: none;
    top: 45%;
    position: absolute;
    border-top: 6px solid #0e84ea;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding: 20px 30px 20px 30px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 20px rgb(0 0 0 / 80%);
    width: 88%;
    max-width: 470px;
    text-align: left;
    z-index: 1010;
    background: #fff;
}

#export-overlay .popup .close, #mail-overlay .popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #000;
}

#export-overlay .popup .left, #mail-overlay .popup .left {
    float: left;
    margin: 10px 10px 0 0;
}

#export-overlay .popup .radio, #mail-overlay .popup .radio {
    width: 20px;
    position: relative;
}

#export-overlay .popup .radio input[type=radio], #mail-overlay .popup .radio input[type=radio] {
    visibility: hidden;
    height: auto;
}

#export-overlay .popup .radio label, #mail-overlay .popup .radio label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 10px;
    box-shadow: inset 0px 1px 1px white, 3px 3px 9px rgb(0 0 0 / 50%);
    border: 1px solid #babbbc;
}

#export-overlay .popup .radio input[type=radio]:checked + label:after, #mail-overlay .popup .radio input[type=radio]:checked + label:after {
    opacity: 1;
}

#export-overlay .popup .radio label:after, #mail-overlay .popup .radio label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    border: 6px solid #1890cf;
    background: transparent;
    border-radius: 10px;
    opacity: 0;
    transform: rotate( -45deg );
}

#export-overlay .popup .right, #mail-overlay .popup .right {
    float: left;
    margin: 9px;
    font-weight: bold;
}

#export-overlay .popup .clearfix, #mail-overlay .popup .clearfix {
    clear: both;
}

.export-div textarea {
    border: solid 1px #e2e2e2;
    height: 100px;
    width: 100%;
    padding:10px 20px;
}
.export-div input[type="text"] {
    border: solid 1px #e2e2e2;
    height: 40px;
    width: 100%;
}
.export-div label {
    width: 100%;
    display: block;
    font-size: 15px;
    padding-bottom: 7px;
}

.diamondList table thead td{ padding:10px 8px; }
.tdWidth80 {
    width:80px;
}

.tdWidth200 {
    width: 200px;
}

.activityOpen {
    cursor: pointer;
}

.userActivity {
    width: 100%;
    max-width: 550px;
    top: 0;
    right: 0;
    height: 100%;
    position: fixed;
    z-index: 99;
    background-color: #fff;
    right: -100%;
}

.userActivity.activeActivity {
    right: 0;
}

.activityOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 98;
    display: none;
}
.diamondList table{ max-width:none  !important; }
.diamondListingPage .diamondListGrid .addWishlistBtn button svg { width:30px;height:40px; }
.darkMode .diamondList tr:hover .activeCompareIcon rect, .darkMode .diamondList tr:hover .activeCompareIcon path, .darkMode .diamondList tr:hover .activeCompareIcon polygon,
.diamondListList tr:hover .activeCompareIcon rect, .diamondListList tr:hover .activeCompareIcon path, .diamondListList tr:hover .activeCompareIcon polygon,
.diamondListGrid tr:hover .activeCompareIcon rect, .diamondListGrid tr:hover .activeCompareIcon path, .diamondListGrid tr:hover .activeCompareIcon polygon {
    fill: #0c47a9
}
.focusMode .diamondListList td{ font-size:17px; }
.pos-relative { position: relative; }
.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #377551;
    font-family: "Arial", sans-serif;
    box-shadow: none !important;
}

    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid #377551;
    }

.embeddedServiceIcon svg {
    display: inline-block;
    box-sizing: border-box;
    width: 2em;
    height: 2em;
    fill: var(--lwc-colorTextInverse, rgb(0, 0, 0)) !important;
}

.embeddedServiceSidebarMinimizedDefaultUI.helpButton {
    background-color: #fff !important;
    border-color: var(--lwc-esColorBackgroundAlt2, #377551) !important;
    border: 2px solid #377551 !important;
}

.embeddedServiceSidebarMinimizedDefaultUI {
    position: fixed;
    left: auto;
    bottom: 0;
    right: 12px;
    margin: 0;
    height: 46px;
    width: 90px;
    max-height: 100%;
    border-radius: 8px 8px 0 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    box-shadow: none !important;
    pointer-events: all;
    overflow: hidden;
    background-color: var(--lwc-esColorBackgroundAlt2, #fff) !important;
    border-color: var(--lwc-esColorBackgroundAlt2, #377551) !important;
    font-size: 16px;
    cursor: pointer;
    border: 2px solid #377551 !important;
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #fff !important;
    font-family: "Salesforce Sans", sans-serif;
    border: 2px solid #377551;
}

.message {
    background-color: none !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
    border: none;
}

    .message a {
        color: #000 !important;
        text-decoration: none;
    }

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message a {
    color: Black
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #377551;
}

@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.woff') format('woff'), url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.ttf') format('truetype');
}

.embeddedServiceHelpButton .uiButton {
    font-weight: bold;
    font-size: 16px;
    margin: 2px 3px;
    padding: 4px 6px;
    min-width: 250px;
    max-width: 250px;
    text-decoration: none;
    text-align: center;
    border: 0;
    /* background: #dddfe1;*/
}

.embeddedServiceSidebar.layout-docked .dockableContainer {
    width: 350px;
    height: 450px;
}

.embeddedServiceSidebarMinimizedDefaultUI {
    min-width: 14em;
    max-width: 14em;
    width: 250px;
}


/*New Css added by Manoj*/

.embeddedServiceHelpButton .embeddedServiceIcon::before {
    font-family: "embeddedserviceiconfont";
    font-size: 1.25em;
    content: attr(data-icon);
    speak: none;
    text-rendering: auto;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
}

.embeddedServiceHelpButton .embeddedServiceIcon {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-left: 0px;
    line-height: 1;
    vertical-align: top;
}

button[embeddedService-chatHeader_chatHeader] {
    background: none;
    border: none;
    height: 32px;
    min-height: 32px;
    width: 32px;
    min-width: 32px;
}

#snapins_invite {
    background-color: #FFFFFF;
    font-family: "Salesforce Sans", sans-serif;
    overflow: visible;
    border-radius: 8px;
    visibility: hidden;
}

.embeddedServiceInvitation {
    background-color: transparent;
    max-width: 290px;
    max-height: 210px;
    -webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.28);
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.28);
}

@media only screen and (min-width: 48em) {
    /*mobile*/
    .embeddedServiceInvitation {
        max-width: 332px;
        max-height: 210px;
    }
}

.embeddedServiceInvitation > .embeddedServiceInvitationHeader {
    width: inherit;
    height: 50px;
    line-height: 32px;
    padding: 10px;
    color: #FFFFFF;
    background-color: #377551;
    overflow: initial;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.embeddedServiceInvitationHeader #embeddedServiceAvatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.embeddedServiceInvitationHeader .embeddedServiceTitleText {
    font-size: 18px;
    color: #FFFFFF;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-self: stretch;
    flex-grow: 1;
    max-width: 100%;
    margin: 0 12px;
}

.embeddedServiceInvitationHeader .embeddedServiceCloseIcon {
    border: none;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    bottom: 3%;
    background-color: #fff;
    width: 32px;
    height: 32px;
    font-size: 23px;
    color: #377551;
}

    .embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus {
        outline: none;
    }

        .embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus::before {
            content: " ";
            position: absolute;
            top: 11%;
            left: 7%;
            width: 85%;
            height: 85%;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 4px;
            pointer-events: none;
        }

    .embeddedServiceInvitationHeader .embeddedServiceCloseIcon:active,
    .embeddedServiceCloseIcon:hover {
        background-color: #FFFFFF;
        color: rgba(0, 0, 0, 0.7);
        opacity: 0.7;
    }

.embeddedServiceInvitation > .embeddedServiceInvitationBody {
    background-color: #FFFFFF;
    max-height: 110px;
    min-width: 260px;
    margin: 0 8px;
    font-size: 14px;
    line-height: 20px;
    overflow: auto;
}

.embeddedServiceInvitationBody p {
    color: #333333;
    padding: 8px;
    margin: 12px 0;
    text-align: center;
}

.embeddedServiceInvitationFooter > .embeddedServiceActionButton {
    font-size: 14px;
    max-height: 40px;
    border: 1px solid #377551;
    border-radius: 4px;
    padding: 10px;
    margin: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.embeddedServiceInvitationFooter > #acceptInvite {
    background-color: #FFFFFF;
    color: #377551;
}

.embeddedServiceInvitationFooter > #rejectInvite {
    background-color: #FFFFFF;
    color: #377551;
}

.embeddedServiceInvitation > .embeddedServiceInvitationFooter {
    width: inherit;
    color: #377551;
    text-align: center;
    background-color: #fff;
    padding: 10px;
    max-height: 100px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    font-size: 15px !important;
}

.embeddedServiceSidebarMinimizedDefaultUI .content {
    display: block;
    align-items: center;
    padding: 0 8px;
    height: 100%;
    color: var(--lwc-colorTextInverse,rgb(255, 255, 255));
    justify-content: center;
    flex-direction: row;
    border: 2px solid #377551 !important;
    border-radius: 8px 8px 0 0;
}

.embeddedServiceSidebarMinimizedDefaultUI .messageContent {
    position: relative;
    display: flex;
    align-self: stretch;
    margin: 12px;
    flex-grow: 1;
    align-items: center;
    min-width: 0;
    max-width: 100%;
}

.embeddedServiceHelpButton .helpButton .uiButton :hover {
    background-color: transparent !important;
    font-family: "Salesforce Sans", sans-serif;
}

.back_to_top {
    bottom: 50px !important;
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel:hover {
    background: #fff !important;
}

.embeddedServiceHelpButton .helpButton .uiButton: hover {
    background-color: #fff !important;
    font-family: "Salesforce Sans", sans-serif;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 0;
}

.embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover::before, .embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 23px;
    background-color: #fff !important;
    opacity: 1 !important;
    pointer-events: none;
}
.checkoutNote p {
    color: #000 !important;
}
.checkoutNote ol li {
    list-style-type: decimal;
    margin-left: 35px;
    line-height: 25px;
    padding-bottom: 5px;
}