.custom-nav{margin:0 20px;line-height:50px;}
.custom-nav a{display:inline-block;color:#525252;}
.custom-nav a:first-child{color:#555;}
.custom-nav a:hover{color:#225c8b;}
.custom-nav i{display:inline-block;position:relative;width:5px;height:14px;vertical-align:middle;margin:0 10px;}
.custom-nav i:after{content:'';position:absolute;right:0;top:2px;width:5px;height:5px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(-45deg);}
.custom-filter{line-height:36px;margin:0 20px;background:#fff;padding:0 20px;}
.custom-filter .mtitle{border-bottom:1px dashed #dedede;}
.custom-filter h1{color:#666666;font-weight:bold;font-size:18px;display:inline-block;}
.custom-filter .mtitle span{color:#585858;font-size:12px;margin-left:20px;}
.custom-filter span.filer-title{width:100px;display:inline-block;color:#666;font-weight:bold;vertical-align:top;margin-left:0;flex-shrink:0;}
.custom-filter a{display:inline-block;line-height:22px;color:#333;margin-right:20px;font-size:14px;}
.custom-filter a:hover{color:#225c8b;}
.custom-filter a.active{padding:0 20px;color:#225c8b;border:1px solid #225c8b;font-weight:bold;padding-right:30px;}
.close{width:20px;height:20px;vertical-align:middle;font-size:12px;display:inline-block;position:relative;margin-left:10px;}
.close::before,.close::after{content:'';width:10px;height:1px;display:block;background-color:#225c8b;position:absolute;right:0;top:8px;}
.close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.close::after{background: #1b75bc;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.custom-filter .close{margin-left:-50px;margin-right:30px;cursor:pointer;}
.category-filer{border-bottom:1px dashed #dedede;position:relative;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
#categoryDiv{border:0;}
.color-filer{border-bottom: 1px dashed #dedede;   position: relative;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap;flex-wrap: wrap; -webkit-align-items: flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;-o-align-items: flex-start;align-items: flex-start;}
.color-filer-list{width:93%;}
.filtermore{position:absolute;right:24px;bottom:0;cursor:pointer;display:none;}
.filtermore:after {content: '';position: absolute;right: -12px;top: 14px;width: 5px;height: 5px;border-left: 1px solid #333;border-bottom: 1px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
#filterless:after {transform:rotate(135deg);-webkit-transform:rotate(135deg);top: 17px;}
.country-filer{width:100%;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.country-filer .country-list{position:relative;display:inline-block;width:82%;}
.country-filer .dropdown{position:relative;display:inline-block;float:right;}
.country-filer .dropdown .selectcountry{border:0;outline:0;cursor:pointer;display:none;}
.country-filer .dropdown ul{position:absolute;z-index:1;background:#fff;padding:0 20px;display:none;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);height:400px;overflow-y:scroll;min-width:226px;right:0;}
.country-filer .dropdown ul::before{content:"";position:absolute;top:-5px;width:10px;height:10px;left:44px;background:#fff;border-left:1px solid #e4e7ed;border-top:1px solid #e4e7ed;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.country-filer .dropdown ul li{line-height:36px;cursor:pointer;}
.country-filer .dropdown a{margin-right:0;}
.country-filer .country{height:12px;margin-right:10px;vertical-align:middle;width:18px;}
.country-filer a i{display:inline-block;color:#585858;font-style:normal;margin-left:10px;}
.warp-content{width:100%;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
padding:0 20px;margin:20px auto;align-items:flex-start;position:relative;}
.left-content{width:15%;}
.stitle{color:#666;font-size:14px;font-weight:bold;margin-bottom:20px;border-left:2px solid #225c8b;padding-left:10px;}
.showbtn{text-align:right;padding-right:20px;color:#225c8b;cursor:pointer;font-weight:bold;position:relative;}
.showbtn:after{content:'';position:absolute;right:0;top:11px;width:5px;height:5px;border-left:1px solid #225c8b;border-bottom:1px solid #225c8b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.lessbtn:after{transform:rotate(135deg);-webkit-transform:rotate(135deg);top:14px;}
.left-content>div{background:#fff;padding:20px;margin-bottom:20px;}
.left-content a{display:block;line-height:30px;}
.left-content a:hover{color:#225c8b;}
.left-content a i{font-style:normal;margin-left:10px;color:#585858;}
.right-content{width:20%;background:#fff;padding:20px;margin-left:auto;}
.right-content .text-box{padding: 20px 0;}
.right-content .anonthername span{width: 144px;}
.right-content ul li{margin-bottom:20px;border-bottom:1px dashed #dedede;}
.right-content .img-box{width:100%;height:256.44px;line-height:256.44px;display:block;}
.right-content .img-box img{max-width:100%;max-height:100%;}
.right-content ul li a:hover p{color:#225c8b;}
.list-content{margin-right:20px;width:78%;position:relative;}
.list-content>ul{width:100%;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content:flex-start;flex-direction:row;-webkit-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.list-content>ul>li{width:23.5%;margin-right:20px;margin-bottom:20px;background:#fff;display:inline-block;position: relative;}
.list-content>ul>li:hover{box-shadow:0 8px 17px 0 rgb(0 0 0 / 15%);}
.list-content>ul>li:nth-child(4n){margin-right:0;}
.list-content>ul>li a{}
.list-content>ul>li .hot{background: #e60012;padding: 6px 10px;display: inline-block;position: absolute;right: 0;top: 0;color: #fff;font-weight: bold;}
.pagination{text-align:center;}
.pagination li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin-right:10px;background:#fff;border:1px solid #ededed;color:#585858;}
.pagination li:first-child,.pagination li:last-child{width:50px;}
.pagination li.active{background: #1b75bc;padding:0;}
.pagination li.active span,.pagination li.active a{color:#fff;}
.img-box{width:100%;height:274.27px;line-height:274.27px;border:1px solid #ececec;text-align:center;overflow:hidden;}
.img-box img{max-width:100%;max-height:100%;vertical-align: middle;}
.text-box{padding:20px;position:relative;}
.text-box a:hover{text-decoration:underline;color: #225c8b;}
.text-box .cname{margin:0 16px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;text-overflow: ellipsis;height: 14px;}
.text-box .cname a{-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.text-box .pname{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:bold;margin-bottom:12px;height:32px;}
.text-box .pname a{-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:bold;margin:0;margin-bottom:12px;height:32px;}
.right-content ul li:hover h5{color: #225c8b;}
.list-content>ul>li:hover h5{color:#225c8b;}
.list-content>ul>li a:hover .text-box .pname{color:#225c8b;}
.anonthername{cursor:pointer;position:relative;color:#666;margin-bottom:12px;}
.anonthername span{display:inline-block;width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px;text-decoration:underline;color:#585858;cursor:pointer;position:relative;}
.additionalnames{position:absolute;background-color:white;border:1px solid #dedede;right:0;top:18px;color:#585858;width:100%;word-wrap:break-word;padding:10px;visibility:hidden;z-index:9;}
.anonthername:hover .additionalnames{visibility:visible;}
.additionalnames:before{content:"";position:absolute;top:-5px;width:10px;height:10px;left:44px;background:#fff;border-left:1px solid #e4e7ed;border-top:1px solid #e4e7ed;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.text-box .info{margin-bottom:20px;}
.text-box .info img{vertical-align:middle;}
.text-box .info .country{height:12px;margin-right:10px;width:18px;}
.postrequest{line-height:20px;cursor:pointer;}
.postrequest:hover{color:#225c8b;}
.postrequest span{width:20px;height:16px;line-height:16px;vertical-align:middle;display:inline-block;background:url(https://www.stonecontact.com/themes/images/postrequest.png)top center no-repeat;margin-right:10px;}
.postrequest:hover span{background-position-y:-16px;}

.page2{text-align: center;padding: 50px;}
.page2 p{margin-bottom:30px;font-size: 18px;font-weight: bold;padding-top: 50px;}
.page2 input{margin: 0;}
.page2  label{margin: 0 50px 0 10px;}
.page2  label:last-child{margin-right: 0;}
.page2 .form-item{justify-content: center;align-items: center;margin: 50px 0;}
.page2 .form-item02{justify-content: center;padding-top: 20px;}
.page2 .btn-submit{margin-left: 0;}
.page3 {text-align: center;padding-bottom: 50px;}
.page3 .title{font-size: 18px;font-weight: bold;margin-bottom:30px;padding-top: 80px;color: #225c8b;padding-bottom: 20px;border-bottom: 1px dashed #dedede;}
.page3 .text{width: 45%;text-align: left;margin: 0 auto;}
.page3 p{margin: 20px 0;font-size: 14px;}
.page3 p.skype,.page3 p.whatsapp{font-weight: bold;color:#3081c4 }
.page3 p i{font-style: normal;margin-right: 10px;display: inline-block;font-weight: normal;}
.page3 p span{width: 24px;height: 24px;vertical-align: middle;display: inline-block;background: url(https://www.stonecontact.com/themes/images/serviceicon.png)top center no-repeat;}
.page3 p.skype span{background-position-y:-72px; }
.page3 p.whatsapp span{background-position-y: -96px;}
.knowledgeItem{display:flex;flex-direction:column;padding-bottom:10px;}
.knowledgeItem .title{font-size:13px;font-weight:bold;}
.knowledgeItem .content{width:100%;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom:10px;margin-top:20px;}
.knowledgeItem a:hover{text-decoration:none;}
.knowledgeItem a .content:hover{text-decoration:underline;}
.knowledgeItem .contentAll{width:100%;overflow:hidden;display: inline-block;}
.knowledgeItem .more{text-align:right;}
.knowledgeItem .more:hover{text-decoration:underline;}
.stonelist{margin:0px 0px 20px 20px;padding:20px;background:#fff;}
.stonelist .item{width:15.2%;margin:0px 20px;box-shadow:0 2px 4px 0 rgb(0 0 0 / 15%);position:relative;}
.stonelist .item .recomname{margin: 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 36px;overflow: hidden;}
.stonelist .item .imgbox{width: 100%;height: 206px;border: 1px solid #dedede;text-align: center;display: flex;align-items:center;justify-content:center;}
.stonelist .item .imgbox img{max-width: 100%;max-height: 100%;vertical-align: middle;}
@media screen and (max-width:1440px){
	.img-box{height:252.25px;line-height:225.25px;}
	.anonthername span{width:104px;}
	.right-content .img-box{height: 233.08px;}
	.right-content .anonthername span{width: 120px;}
	.page3 .text {width: 50%;}
}
@media screen and (max-width:1366px){
	.img-box{height:237px;line-height:237px;}
	.list-content>ul>li{width:23%;}
	.anonthername span{width:82px;}
	.right-content .img-box{height: 217.11px;line-height:217px;}
	.right-content .anonthername span{width: 104px;}
	.page3 .text{width: 54%;}
	.country-filer .country-list a i{margin-left:6px;}
	.custom-filter .country-list a{margin-right:10px;}
	.custom-filter a{margin-right:18px;}
	.color-filer-list{width:90%;}
}
@media screen and (max-width:1024px){
	.img-box{height:178px;line-height:178px;}
	.right-content .img-box{height:150px;line-height:150px;}
	.country-filer .country-list{width:70%;}
}