@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url(icons/themify-icons/themify-icons.css);
html { font-size: 100%; min-height: 100%; position: relative; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block; }
body { background: #fff; box-sizing: border-box; font-family: "Daikon ExtLt"; font-size: 15px; font-style: normal; font-weight: 400; color: #2d2d2d; line-height: 1.42857; margin: 0px; letter-spacing: 0.5px; overflow-x: hidden; }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3 { letter-spacing: 0.75px; }
/*a img { border: 0; display: block }*/
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none; }
.clearfix { *zoom: 1;
}
a { color: #fff; transition: all 0.2s ease-in-out 0s; cursor: pointer; }
a:hover { transition: all 0.2s ease-in-out 0s; color: #fff; }
p { margin-bottom: 15px; font-size: 19px; }
img { max-width: 100%; }
.clearfix:after { clear: both; }
.clear { clear: both; }
.btn { outline: 0px; }
.lists { list-style: none; margin: 0px; padding: 0px; }
a, button { transition: all 0.5s ease-in-out; }
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { outline: 0px; }
/* Header */
a:focus { outline: none !important; }
.pad_0 { padding: 0px; }
/* Font Face */
@font-face { font-family: 'Avenir Next'; src: url('../fonts/Avenir Next.ttc'); src: local('☺'), url('../fonts/Avenir Next.ttc') format('truetype'),; }
@font-face { font-family: 'Avenir'; src: url('../fonts/Avenir.ttc'); src: local('☺'), url('../fonts/Avenir.ttc') format('truetype'),; }
@font-face { font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Regular.otf'); src: local('☺'), url('../fonts/MyriadPro-Regular.otf') format('opentype font'),; }
@font-face { font-family: 'Daikon ExtLt'; src: url('../fonts/Pepper Type - Daikon-ExtraLight.otf'); src: local('☺'), url('../fonts/Pepper Type - Daikon-ExtraLight.otf') format('opentype font'),; }
/**** custome ckeckbox rario ****/
header { width: 100%; position: absolute; top: 0; left: 0; right: 0; }
.wsmenu > .wsmenu-list > li > a { color: #fdfdfd; font-family: 'Avenir'; font-weight: 600; font-size: 16px; text-transform: uppercase; padding: 4px 15px 2px; margin-left: 20px; border-radius: 30px; }
.wsmenu > .wsmenu-list > li > a:hover, .wsmenu > .wsmenu-list > li > a.active { color: #111; background: #fff; }
.wsmenu .wsmenu-list li a.head_btn { margin-left: 70px; }
.wsmenu .wsmenu-list li a.head_btn:hover::before, .wsmenu .wsmenu-list li a.head_btn:hover::after { border-color: #fff; }
/*.wsmenu .wsmenu-list li a.head_btn::before { width: 140%; height: 35px; border: 1px solid #ccaa8f; content: ""; position: absolute; left: -20%; top: -5px; transition: all 0.5s ease-in-out;}
.wsmenu .wsmenu-list li a.head_btn::after { width: 134%; height: 41px; border: 1px solid #ccaa8f; content: ""; position: absolute; left: -17%; top: -8px; transition: all 0.5s ease-in-out;}*/
.middle_blk { width: 100%; background: #fff; display: inline-block; padding: 0px 0px; }
.middle_blk.contact_page { background: #fdfdfd; padding-top: 0px; }
.HomeBanner { width: 100%; background: url(../images/banner-images.jpg) center -100px no-repeat; background-size: cover; padding: 350px 0 50px; text-align: center; }
.contact_blk .row { box-shadow: 0px 5px 10px -5px #ccc; }
.contact_banner { background: url(../images/contact-banar.jpg) no-repeat 0px 0px; background-size: cover; padding: 300px 0px 80px; text-align: center; }
.contact_banner .caption { margin: auto; text-align: justify; }
.contact_banner .caption h1 { color: #fff; font-size: 50px; margin-bottom: 20px; font-family: 'Avenir Next'; line-height: 70px; }
.contact_banner .caption p { color: #aeacac; font-size: 24px; margin-bottom: 0px; line-height: 40px; font-family: 'Avenir'; }
.contact_banner .caption p span { color: #fff; font-family: 'Avenir'; }
.contact_blk { margin-top: -70px; }
.contact_div { padding: 48px; text-align: center; line-height: 31px; }
.contact_div h2 { font-family: 'Avenir'; font-weight: 600; }
.contact_frm_blk { background: #fff; padding: 0 30px; margin: 50px 0 0; }
.contact_frm_blk h2 { color: #173957; font-size: 22px; margin-bottom: 30px; }
.contact_frm_blk, .contact_info_blk { min-height: 510px; }
.contact_frm_blk .form-group:last-child { margin-bottom: 0px; }
.contact_frm_blk label { font-family: 'Avenir Next'; color: #111; margin: 0px; }
.form-control { background: #e0dfdf; border-color: #e0dfdf; color: #222; font-weight: 300; font-size: 16px; height: 44px; letter-spacing: 0.5px; }
textarea.form-control { height: 130px; }
.form-control:focus { box-shadow: none; border: 1px solid #bbb; }
.contact_frm_blk button { width: 100%; background: #202021; border: 1px solid #202021; border-radius: 0.25rem; color: #fff; font-size: 21px; height: 55px; padding: 0px; text-transform: uppercase; }
.contact_frm_blk button { width: 100%; background: #202021; border: 1px solid #202021; border-radius: 0.25rem; color: #fff; font-size: 21px; height: 55px; padding: 0px; text-transform: uppercase; font-family: 'Avenir Next'; }
.contact_frm_blk button:hover { background: #202021; }
.contact_info_blk { background: #0f2e4b; padding: 70px 30px 70px; text-align: center; }
.contact_info_blk h2 { color: #fff; font-size: 22px; margin-bottom: 30px; }
.contact_info_blk ul li { margin-bottom: 33px; }
.contact_info_blk ul li:last-child { margin-bottom: 0px; }
.contact_info_blk ul li i { color: #577c9d; font-size: 30px; margin-bottom: 10px; }
.contact_info_blk ul li p { color: #fafbfc; font-size: 16px; line-height: 26px; }
.contact_info_blk ul li:last-child p { margin-bottom: 0px; }
footer { background: #202021; }
.footer_top { border-bottom: 1px solid #2d2d2d; padding: 0px 0px 30px 0px; text-align: center; }
.footer_top i { display: inline-block; margin-bottom: 40px; }
.footer_top ul { margin-bottom: 50px; }
.footer_top ul li { display: inline-block; color: #fff; font-size: 22px; margin: 0px 10px; padding-left: 20px; position: relative; }
.footer_top ul li::before { width: 8px; height: 8px; background: #fff; border-radius: 100%; content: ""; position: absolute; left: 0px; top: 13px; display: none; }
.footer_top ul li:first-child { padding-left: 0px; }
.footer_top ul li:first-child::before { content: none; }
.footer_top h2 { color: #fff; font-size: 22px; margin-bottom: 30px; margin-top: 41px; }
.newsltr_blk { max-width: 510px; margin: auto; position: relative; }
.newsltr_blk .form-control { border-radius: 0px; background: #fff; height: 60px; border-radius: 8px; }
.newsltr_blk button { width: 75px; height: 60px; background: none; border: none; font-size: 40px; line-height: 60px; position: absolute; right: 0px; top: 0px; text-align: center; color: #111; }
.newsltr_blk button:hover { color: #111; }
.footer_btm { padding: 0 0px 25px; text-align: center; }
.footer_btm ul li { display: inline-block; color: #fff; font-size: 22px; margin: 15px 30px 25px; text-transform: uppercase; font-family: 'Daikon ExtLt'; }
.footer_btm ul li a { color: #d6d7d7; }
.footer_btm ul li a:hover { color: #fff; }
.footer_btm p { color: rgb(255 255 255 / 55%); font-size: 20px; letter-spacing: 0.5px; margin-top: 50px; margin-bottom: 0px; }
.middle_blk.initiative_page { padding-top: 126px; }
.initiative_banner { width: 100%; }
.initiative_banner img { width: 100%; height: auto; }
.initiative_div { padding: 70px; text-align: center; }
.initiative_secdiv { padding: 60px; text-align: left; }
.initiative_banner .caption h1 { color: #fff; font-size: 80px; line-height: 90px; margin-bottom: 20px; font-family: 'Avenir Next'; letter-spacing: 10px; }
.initiative_banner .caption h2 { color: #fff; font-size: 40px; line-height: 48px; margin-bottom: 0px; }
.initiative_img { position: absolute; right: 0px; top: 70px; }
.initiative_p { text-align: left; font-size: large; }
.initiative_condiv { padding-top: 55px; }
.initiative_top_blk { width: 100%; max-width: 84%; margin: 0 auto; text-align: center; }
.initiative_top_blk p { color: #1c1c1c; font-size: 22px; line-height: 30px; margin-bottom: 35px; }
.practice_blk { width: 100%; background: #fafafa; display: inline-block; padding: 0px 0px 20px; }
.initiative_btm_blk { padding: 0 0 40px; }
.initiative_btm_blk h2 { font-size: 30px; text-align: center; margin-bottom: 20px; font-family: 'Avenir'; font-weight: 600; }
.initiative_btm_blk h3 { color: #0f0f0f; font-size: 24px; line-height: 42px; margin-bottom: 20px; }
.initiative_btm_blk p { color: #1c1c1c; font-size: 24px; line-height: 40px; margin-bottom: 20px; }
.initiative_img_blk { width: 100%; background: #fff; display: inline-block; padding: 75px 0px; }
.initiative_page1 .container-fluid { width: 100%; max-width: 1400px; margin: 0 auto; }
.konanHome { padding: 50px 0 60px; width: 100%; }
.konanHome img { width: 250px; height: auto; }
.DimondCenter { width: 100%; margin-bottom: 40px; }
.konanHome h2 { font-size: 30px; text-align: center; margin-bottom: 20px; font-family: 'Avenir'; font-weight: 600; }
.konanHome h3 { color: #0f0f0f; font-size: 24px; line-height: 42px; margin-bottom: 20px; }
.konanHome p { color: #1c1c1c; font-size: 22px; line-height: 35px; margin-bottom: 20px; }
.KonanDimond { width: 100%; }
.KonanDimond img { width: 100%; height: auto; }
.service_blk { width: 70px 0; width: 100%; }
.service_blk h2 { font-size: 30px; text-align: center; margin-bottom: 20px; font-family: 'Avenir'; font-weight: 600; }
.service_blk h3 { color: #0f0f0f; font-size: 24px; line-height: 42px; margin-bottom: 20px; }
.service_blk p { color: #1c1c1c; font-size: 24px; line-height: 40px; margin-bottom: 20px; }
.service_top_blk { color: #1c1c1c; font-size: 24px; line-height: 40px; margin-bottom: 20px; }
.service_top_blk { max-width: 1050px; margin: 0 auto 70px; text-align: center; }
.service_blk li { color: #1c1c1c; font-size: 24px; line-height: 40px; }
.service_blk li p { padding: 0px; line-height: 30px; font-size: 20px; margin-bottom: 10px; }
.inner_banner { width: 100%; background: #fce500; display: inline-block; text-align: center; }
.inner_bnr_img { position: relative; }
.banner_caption { position: absolute; left: 0px; right: 0px; margin: auto; top: 22%; }
.banner_caption h1 { font-size: 24px; color: #f7f9fb; letter-spacing: 1px; margin: 20px 0px 0px; text-transform: uppercase; }
.inner_head { background: none; position: absolute; width: 100%; z-index: 1; }
.inner_head .wsmainwp, .wsmainwp { max-width: 95%; width: 100%; }
.what_we_do { width: 100%; display: inline-block; padding-bottom: 0px; position: relative; }
.what_we_do img { width: 100%; max-width: 100%; }
.what_we_do .container { position: absolute; top: 200px; right: 150px; z-index: 9; color: #fff; font-size: 60px; letter-spacing: 10px; font-family: 'Avenir Next'; text-align: right; }
.image_whatdiv { width: 500px; height: 300px; }
.what_we_do .caption { width: 100%; max-width: 760px; padding-left: 50px; }
.what_we_do .caption h1 { color: #fff; font-size: 54px; line-height: 60px; margin-bottom: 20px; }
.what_we_do .caption h2 { color: #fff; font-size: 28px; line-height: 42px; margin-bottom: 0px; }
.cut_polish_blk { width: 100%; background: #fff; display: inline-block; padding: 80px 0px; }
.cut_polish_left { border-left: 2px solid #ccaa8f; max-width: 85%; padding-left: 40px; }
.cut_polish_left h2 { color: #1c1c1c; font-size: 34px; line-height: 48px; margin-bottom: 20px; }
.cut_polish_left p { color: #1c1c1c; font-size: 18px; line-height: 30px; margin-bottom: 20px; }
.cut_polish_img { text-align: right; }
.manufacture_left { width: 100%; background: #0f2e4b; display: inline-block; padding: 75px 50px; }
.manufacture_content { width: 100%; max-width: 90%; }
.manufacture_content h2 { color: #000; font-size: 28px; line-height: 48px; margin-bottom: 30px; }
.manufacture_content p { color: #000; font-size: 18px; line-height: 30px; margin-bottom: 10px; }
.manufacture_content ul { margin-bottom: 10px; margin-left: 33px; }
.manufacture_content ul li { color: #000; font-size: 18px; line-height: 28px; margin-bottom: 5px; }
.manufacture_img { margin-left: -80px; position: relative; z-index: 1; }
.service_blk { width: 100%; background: #fff; padding: 70px 0; }
.services_div { display: inline-flex; }
.service_btm_blk button { background: #fff; border: none; margin-top: 40px; text-transform: uppercase; }
.service_btm_blk button:hover { color: #0f2e4b; }
.service_btm_blk button:hover::before, .service_btm_blk button:hover::after { border-color: #0f2e4b; }
.service_btm_blk button::before { width: 152px; height: 42px; border: 1px solid #ccaa8f; content: ""; position: absolute; left: 0px; right: 0px; top: 30px; margin: auto; transition: all 0.5s ease-in-out; }
.service_btm_blk button::after { width: 144px; height: 50px; border: 1px solid #ccaa8f; content: ""; position: absolute; left: 0px; right: 0px; top: 26px; margin: auto; transition: all 0.5s ease-in-out; }
.aboutus_banner { width: 100%; display: inline-block; padding: 300px 0px 80px; }
.about_banner_left { text-align: right; }
.about_banner_left h1 { color: #fff; font-size: 40px; line-height: 60px; margin-bottom: 20px; position: absolute; left: 60px; top: 90px; }
.about_banner_right { padding: 0px 30px; position: relative; }
.about_banner_right::before { width: 140px; height: 2px; background: #ccaa8f; content: ""; position: absolute; left: 30px; top: -20px; }
.about_banner_right p { color: #fff; font-size: 18px; line-height: 28px; margin-bottom: 0px; }
.mgn_up_1 { margin-top: -130px; }
.about_top_blk, .about_btm_blk { margin-bottom: 60px; }
.about_content { max-width: 100%; }
.about_h2 { color: white; font-size: 80px; font-family: 'Avenir Next'; letter-spacing: 15px; }
.about_content h2 { color: #1c1c1c; font-size: 34px; line-height: 48px; margin-bottom: 25px; }
.about_content p { color: #1c1c1c; font-size: 18px; line-height: 28px; margin-bottom: 0px; text-align: justify; }
.acreditation_blk { width: 100%; background: #fafafa; display: inline-block; padding: 55px 0px; text-align: center; }
.acreditation_blk h2 { font-size: 30px; text-align: center; margin-bottom: 40px; font-family: 'Avenir'; font-weight: 600; }
.acreditation_logos ul li { display: inline-block; margin: 0px 25px; }
.location_blk { width: 100%; background: #fff; display: inline-block; padding: 75px 0px; }
.manufacture_content a { color: #fff; display: inline-block; margin-top: 40px; }
.manufacture_content a i { position: relative; top: -1px; margin-left: 5px; }
.diamond_blk { border-left: 2px solid #ccaa8f; max-width: 90%; margin-top: 80px; padding-left: 40px; }
.diamond_blk h2 { color: #fff; font-size: 34px; line-height: 48px; margin-bottom: 20px; }
.diamond_blk p { color: #e2e7ed; font-size: 18px; line-height: 30px; margin-bottom: 20px; }
.diamond_img { position: absolute; right: 0px; top: -115px; }
.bnr_mgn { margin: 20px auto 130px; position: relative; }
.mb_50 { margin-bottom: 100px; }
.mt_up { margin-top: -110px; }
.hambericon { position: absolute; top: -120px; right: 50px; z-index: 999; width: 260px; }
.identify_blk { width: 100%; background: #fff; display: inline-block; padding: 0 0px 80px; }
.identify_img { text-align: right; }
.identify_right h2 { color: #1c1c1c; font-size: 34px; line-height: 48px; margin-bottom: 20px; }
.identify_right p { color: #1c1c1c; font-size: 18px; line-height: 30px; margin-bottom: 20px; }
.d_view { display: block; }
.p_view { display: none; }
.lax { z-index: 111; }
.stone1 { position: absolute; left: 80pt; margin-top: -500px; height: 548px; }
.left { position: absolute; left: 80pt; }
.right { position: absolute; left: 145pt; z-index: 111; }
.chunkyText { font-size: 80pt; font-weight: 1000; }
.crazyText { font-size: 40pt; font-weight: 1000; color: #5ee5d5; position: absolute; width: 100vw; text-align: center; margin-top: 500pt; }
.bubble { position: absolute; margin-top: 100pt; }
.block { position: absolute; width: 60pt; height: 60pt; }
.bubble.a { width: 100pt; height: 100pt; border-radius: 50pt; }
.bubble.b { width: 130pt; height: 130pt; border-radius: 65pt; }
.bubble.c { width: 40pt !important; height: 50pt; border-radius: 25pt; }
.section { z-index: 2; display: block; position: relative; }
#section1 { height: 750pt; }
#section2 { height: 200pt; }
.first_div { margin-top: -263px; text-align: center; }
.animation-jump { position: relative; -webkit-animation: animation-jump 2s ease-in-out infinite; animation: animation-jump 2s ease-in-out infinite; }
@-webkit-keyframes animation-jump { 0% {
 top: 30px;
}
 50% {
 top: -30px;
}
 100% {
 top: 30px;
}
}
@keyframes animation-jump { 0% {
 top: 30px;
}
 50% {
 top: -30px;
}
 100% {
 top: 30px;
}
}
.footer_div { padding: 15px; background-color: #2d2d2d; }
.footer-second { background-color: #202021; }
.about_page { width: 100%; padding: 20px 0; }
.about_page.toppad { padding-top: 80px; }
.about-img { width: 70px; height: auto; }
.about-txt { font-size: 20px; color: #2d2b29; line-height: 30px; text-align: center; padding: 20px 0 30px; font-family: 'Avenir'; }
.AboutIndent { width: 100%; padding: 20px 0 30px; }
.AboutIndent h2 { font-family: 'Avenir'; font-weight: 600; color: #2d2b29; font-size: 35px; margin: 40px 0 10px; line-height: 60px; }
.AboutIndent p { font-size: 22px; color: #2d2b29; line-height: 36px; font-family: 'Avenir'; }
.AboutData { padding: 20px 40px 30px 100px; }
.AboutData1 { padding: 20px 100px 30px 40px; }
.AboutData.nopad { padding: 0 }
.dhide { display: none; }
.mhide { display: block }
.whatIndent { width: 100%; padding: 50px 0; }
.whatIndent .img { width: 280px; height: auto; }
.whatIndent.topPad { padding-top: 80px; }
.whatIndent h3 { font-family: 'Avenir'; font-weight: 600; color: #2d2b29; font-size: 32px; text-align: center; padding: 15px 0 0; }
.whatIndent h4 { font-family: 'Avenir'; font-weight: 600; color: #2d2b29; font-size: 32px; text-align: center; padding: 75px 0 0; }
.whatIndent p { font-size: 20px; color: #2d2b29; line-height: 30px; text-align: center; padding: 15px 0 0; font-family: 'Avenir'; }
.whatIndent p.bdr { border-bottom: 1px solid #eee; padding-bottom: 50px; }
.co-worker { padding: 0 0 80px; width: 100%; }
.co-worker h2 { font-family: 'Avenir'; font-weight: 600; color: #2d2b29; font-size: 32px; padding: 0 0 20px; }
.co-worker p { font-size: 20px; color: #2d2b29; line-height: 30px; position: relative; padding: 15px 0 0 60px; font-family: 'Avenir'; }
.co-worker p img { width: 35px; position: absolute; top: 17px; left: 0; }
.co-worker ul { margin: 0 0 30px 60px; padding: 0px; }
.co-worker li { font-size: 20px; color: #2d2b29; line-height: 30px; position: relative; padding: 0 0 0 20px; font-family: 'Avenir'; }
.co-worker li:before { content: '-'; position: absolute; left: 0; color: #2d2b29; font-size: 24px; top: 4px; }
.initiativewrap { width: 100%; padding: 90px 0 0; position: relative; }
.initiativewrap p { font-size: 18px; color: #2d2b29; line-height: 26px; font-family: 'Avenir'; padding: 20px 0 0; }
.initiativewrap1 { width: 100%; padding: 30px 0 120px; position: relative; }
.initiativewrap1 .container-fluid { width: 100%; max-width: 1350px; margin: 0 auto; }
.initiativewrap1 .col-sm-4 { padding-top: 50px; }
.initiativewrap1 h4 { font-size: 24px; color: #111; margin: 10px 0 10px; font-family: 'Avenir'; min-height: 65px; font-weight: 600; }
.initiativewrap1 p { font-size: 18px; color: #2d2b29; line-height: 26px; font-family: 'Avenir'; padding: 0 0 0; }