.insideContent p a { color: #d51920; font-weight: bold; background: #f5f5f5; padding: 0px 9px; border-radius: 1em; }
.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; right: 0; z-index: 1; content: ""; }
embed, img { vertical-align: top }
.owl-carousel.owl-rtl, body { direction: ltr }
.toplinks > li:before, .topmenu > li:before { width: 1px; top: 15px; right: 0; position: absolute }
.center, .txtNs { box-sizing: border-box }
a, abbr, acronym, address, article, aside, audio, b, blockquote, body, canvas, caption, center, cite, code, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, source, span, strong, sub, sup, tfoot, thead, u, ul, var { background: 0 0; border: 0; font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: top }
ul { list-style: none }
blockquote, q { quotes: none }
img { border: 0 }
.ftNamad a, .no-js .owl-carousel, .owl-carousel.owl-loaded, .partnersCarousel .item a, .topmenu > li:hover .submenu, article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block }
mark, rp, rt, ruby, summary, time { display: inline }
input, textarea { border: 0; outline: 0 }
iframe { border: 0; margin: 0; padding: 0 }
button, input, select, textarea { margin: 0; padding: 0; font: 200 14px/18px iran; color: #747474 }
.floatmenu .headContent, p { padding: 5px 0 }
input[type=text] { text-indent: 5px }
body { margin: 0; font: 400 13px/20px iran; color: #000; text-align: justify; background: #fff }
a, span { display: inline-block }
a { text-decoration: none; color: #595959; outline: 0; -moz-transition: .4s; -webkit-transition: .4s; -o-transition: .4s; transition: .4s }
.kaspid a, a:hover { color: #f16523 }
strong { font-weight: 700 }
em { font-style: italic }
ol { list-style: decimal }
article, aside, div, footer, nav, section { margin: 0 auto }
.logo, .navBar, .topLeft, p { margin: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: 400 }
.clear { clear: both; height: 0; line-height: 0; overflow: hidden }
.acardionUl > li.active .acIntro, .floatmenu .iLinks > li > a span, .floatmenu .topmenu > li:before, .hidden, .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .toplinks > li:last-child:before, .topmenu > li:last-child:before { display: none }
.readAbout, .t-left { text-align: left }
.t-center { text-align: center }
.t-right { text-align: right }
.justify { text-align: justify }
.acIntro, .bannerCarousel .owl-dots, .bannerDesc i, .copy, .iLinks > li > a, .icoFx > li, .mobileTabs > li a, .mobileTabs > li a span, .owl-next, .owl-prev, .prPrice, .scDesc a, .slider .owl-dots, .topTel a i { text-align: center }
.bannerCarousel, .bannerItem, .bestPrs .center, .blogHome, .partnersCarousel, .rel, .slider, .toplinks > li { position: relative }
.nobg { background: 0 !important }
.noborder { border: none !important }
.right { float: right !important }
.left { float: left !important }

@font-face { font-family: iran; font-style: normal; font-weight: 100; src: local('Euclid Circular B'),url('../fonts/Euclid Circular B Light.woff') format('woff') }
@font-face { font-family: iran; font-style: italic; font-weight: 100; src: local('Euclid Circular B'),url('../fonts/Euclid Circular B Light Italic.woff') format('woff') }
@font-face { font-family: iran; font-style: normal; font-weight: 400; src: local('Euclid Circular B'),url('../fonts/Euclid Circular B Regular.woff') format('woff') }
@font-face { font-family: iran; font-style: italic; font-weight: 400; src: local('Euclid Circular B'),url('../fonts/Euclid Circular B Italic.woff') format('woff') }
@font-face { font-family: iran; font-style: normal; font-weight: 500; src: local('Euclid Circular B'),url('../fonts/Euclid Circular B Medium.woff') format('woff') }
@font-face { font-family: iran; font-style: italic; font-weight: 500; src: local('Euclid Circular B'),url('../fonts/Euclid Circular B Medium Italic.woff') format('woff') }
@font-face { font-family: iran; font-style: normal; font-weight: 600; src: local('Euclid Circular B'),url('../fonts/Euclid Circular B SemiBold.woff') format('woff') }
@font-face { font-family: iran; font-style: italic; font-weight: 600; src: local('Euclid Circular B'),url('../fonts/Euclid Circular B SemiBold Italic.woff') format('woff') }
@font-face { font-family: iran; font-style: normal; font-weight: 700; src: local('Euclid Circular B'),url('../fonts/Euclid Circular B Bold.woff') format('woff') }

.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }

@keyframes fadeOut {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.center { font: 400 14px/25px iran; max-width: 1200px; width: 96% }
section.slider { height: fit-content }

@media only screen and (max-width:479px) {
    section.slider { height: 138px !important }
}
.mobileBtns{display:none;}
.topBar { background: #6d6e71 }
.toplinks { margin-left: 0; display: flex; line-height: 40px; justify-content: end }
.iLinks, .topmenu { display: flex; line-height: 68px }
.toplinks > li:before { content: ''; display: block; height: 10px; background: #fff }
.toplinks > li > a { color: #fff; padding: 0 10px }
.toplinks > li > a:hover { color: #fa7e83 }
.headFix { height: 92px }
.headContent { display: flex; justify-content: space-between; padding: 12px 0 }
.navBar { display: flex; width: calc(100% - 180px); justify-content: space-between }
.topmenu { font-weight: 700; position: relative; z-index: 10000; width: 670px; }
.topmenu > li > a { color: #38484d; padding: 0 10px }
.topmenu > li:before { content: ''; display: block; height: 38px; background: #d8d8d8 }
.blogItem a:hover, .ftContact a, .ftContact span, .ftCt > li span, .ftTel a, .ftTel span, .ftlinks > li > a:hover, .iLinks > li > a:hover, .prItem a:hover, .readAbout a, .submenuItems > li > a:hover, .topmenu > li > a:hover { color: #d51920 }
.mobileTabs, .submenu { display: none; left: 0; right: 0 }
.iLinks > li > a, .submenuItems { line-height: 30px }
.iLinks > li > a { display: block; padding: 0 15px; font-weight: 700; color: #38484d }
.floatmenu .topmenu, .icoFx > li strong, .submenuUl > li > a, .topTel a i { line-height: 40px }
.iLinks > li > a i { color: #d51920; line-height: 38px; font-size: 22px }
.iLinks > li > a span { display: block; line-height: 20px;font-size:11px; }
.mobileTabs { position: fixed; bottom: 0; background: #fff; z-index: 1000; border-top: 1px solid #edeef1; height: 70px }
.mobileTabs > li { width: 20% }
.mobileTabs > li:last-child { border: none }
.mobileTabs > li a { color: #222d3d; display: block; position: relative; padding: 13px 0 5px; font-weight: 300; font-size: 14px }
.mobileTabs > li a i { font-size: 24px }
.mobileTabs > li a span { width: 20px; height: 20px; font-size: 10px; position: absolute; top: 5px; right: 50%; margin-right: -24px; background: #d51920; line-height: 20px; color: #fff; font-weight: 300; border-radius: 50% }
.mobileTabs > li a:hover { color: #ff1e00 }
.mobileTabs > li a label { display: block; font-size: 9px; margin-top: 4px }
.submenu { z-index: 99; min-height: 30px; position: absolute; font-size: 13px; top: 60px; background: rgba(255,255,255,.4); border-radius: 0 0 10px 10px; padding: 20px }
.floatTel, .megaIcon { bottom: 20px; left: 20px }
.submenuUl { display: flex; grid-gap: 80px }
.submenuUl > li > a { color: #fff; font-weight: 700; font-size: 15px; display: block }
.floatTel, .topTel a i { font-size: 20px; background: #50c878; border-radius: 50% }
.buyBtn, .showAll { line-height: 38px }
.submenuItems > li > a { color: #38484d; font-weight: 500; position: relative }
.hasSub { position: relative; padding-right: 20px !important }
.hasSub:after { content: '\e842'; display: block; position: absolute; top: 0; right: 0; font-family: feather; font-size: 15px }
.megaIcon { position: absolute }
.megaIcon img { height: 100px; width: auto }
.floatTel { position: fixed; z-index: 10000; color: #fff; padding: 15px }
.floatTel:hover { color: #fff; background: green }
.slideItem > a { display: block; position: relative }
.slideItem span, .slider .owl-dots, .slogan, .topTel a i { position: absolute }
.slideItem a:after { content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); position: absolute; z-index: 2 }
.bannerItem img, .ftNamad a img, .slideItem a img, .slideItem img { display: block; width: 100%; height: auto }
.slider .owl-dots { z-index: 1000; bottom: 10px; left: 0; right: 0 }
.slider .owl-dot { width: 20px; height: 20px; background: #fff !important; border-radius: 50%; display: inline-block; margin: 5px }
.bannerCarousel .owl-dot.active, .slider .owl-dot.active { background: #d51920 !important }
.slogan { box-shadow: 0 -1px 0 #eee; width: 500px; padding-left: 277px; height: 156px; top: 0; right: 0; z-index: 1000; background: url(../images/sloganbg.png) bottom left no-repeat }
.slideItem span { color: #fff; z-index: 3; font-weight: 700; top: 45%; right: 20px; border-right: 3px solid #d51920; padding-right: 10px; font-size: 36px; line-height: 50px }
.topLeft { display: flex; grid-gap: 20px }
.topTel { padding-top: 12px }
.topTel span { display: block; font-size: 11px }
.topTel strong { font-size: 15px }
.topTel a { display: block; padding-right: 50px; position: relative; color: #33ae5c; line-height: 20px }
.topTel a i { top: 0; right: 0; width: 40px; height: 40px; color: #fff }
.topTel a:hover { color: #005c00 }
.floatmenu { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; background: #fff; border-bottom: 1px solid #e7e7e7 }
.buyBtn, .buyBtn:before { position: absolute; border-radius: 5px }
.floatmenu .logo img { height: 40px; width: auto }
.floatmenu .topTel { padding-top: 0 }
.floatmenu .submenu { top: 40px; background: rgba(0,0,0,.6) }
.icoFx { padding: 50px 0; display: flex; justify-content: center; grid-gap: 40px }
.icoFx > li { width: 26% }
.icoFx > li img { width: 90px; height: 90px; background: #f4f4f4; border-radius: 50% }
.icoFx > li strong { color: #4e4e4e; font-size: 15px; display: block }
.icoFx > li span { background: #b43035; height: 1px; width: 200px; display: block; margin: 10px auto }
.slogH { padding: 30px 200px 0 0 }
.buyBtn { color: #fff; background: #d51920; font-weight: 700; font-size: 11px; padding: 0 30px; top: 32px; right: 32px; width: 85px; text-align: center; }
.bestOffers, .prItem figure { position: relative }
.buyBtn:before { content: ''; display: block; top: 3px; left: 3px; right: 3px; bottom: 3px; border: 1px solid rgba(255,255,255,.4) }
.slogH h1 { color: #d51920; font-weight: 700; font-size: 15px; line-height: 30px }
.slogH p { color: #585858 }
.buyBtn:hover { color: #fff; background: #c51117 }
.bestOffers { margin-bottom: 50px; height: 550px }
.bIDesc strong, .prItem a strong, .prItem figure, .prPrice del, .titleBox { margin-bottom: 10px }
.titleBox h1, .titleBox h2 { display: inline-block; margin-right: 50px; background: #d51920; width: 200px; border-radius: 5px; color: #fff; font-weight: 700; text-align: center; line-height: 40px; font-size: 18px; position: relative }
.titleBox h1:before, .titleBox h2:before { content: ''; width: 50px; height: 1px; background: #000; position: absolute; top: 20px; right: -50px }
.titleBox h1:after, .titleBox h2:after { content: ''; width: 50px; height: 1px; background: #000; position: absolute; top: 20px; left: -50px }
.showAll { position: absolute; top: 0; right: 0; padding: 0 15px; color: #000; border: 1px solid #000; border-radius: 5px; width: max-content }
.bIDesc strong, .discountLbl { line-height: 40px; color: #fff }
.showAll:hover { background: #d51920; color: #fff }
.prItem { padding: 20px; border: 1px solid transparent;background: #fff; border-radius: 5px;margin-bottom: 30px; height: auto; position: relative; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: .3s; }
.prItem a { display: block; color: #38484d }
.prItem figure img { top: 0; left: 0; border-radius: 5px; right: 0; bottom: 0; width: 100%; height: auto;aspect-ratio: 1;}
.prItem:hover { border-color: #d7d7d7; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.prItem a strong { display: block; font-size: 15px; font-weight: 700 }
.prSumm { color: #595959; margin-bottom: 20px }
.prSumm > li span { padding-left: 5px }
.prPrice { position: relative }
.discountLbl, .owl-nav, .owl-nav:before, .owl-next, .owl-prev { position: absolute }
.prPrice del { color: #595959; text-decoration: line-through; display: block }
.prPriceLbl { color: #010101; display: block; font-size: 15px; font-weight: 700 }
.discountLbl { background: #d51920; border-radius: 5px; width: 40px; height: 40px; top: 50%; left: 0; margin-top: -20px }
.owl-nav { top: -45px; width: 80px; right: 50%; margin-right: -40px }
.owl-nav:before { content: ''; display: block; height: 30px; top: 0; right: 50%; width: 1px; background: #6d6e71 }
.owl-next, .owl-prev { font-size: 18px !important; font-family: feather !important; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; color: #d51920 !important; background: #fff; border: 1px solid #868686 !important }
.owl-next { top: 0; right: 0 }
.owl-next:before { content: '\e829' }
.owl-prev:before { content: '\e828' }
.owl-prev { top: 0; left: 0 }
.owl-nav button:hover { color: #fff !important; background: #d51920 !important }
.bannerBox { margin-bottom: 50px; display: flex; grid-gap: 30px }
.bannerSlider { width: calc(59.2% - 30px); margin: 0 }
.bannerVerticals { width: 40.8%; margin: 0 }
.bannerItem a, .bannerVerticals > li > a { display: block; position: relative; border-radius: 12px; border: 1px solid #d51920; overflow: hidden }
.bannerItem a:before { content: ''; display: block; top: 0; right: -250px; width: 600px; height: 600px; background: rgba(0,0,0,.6); transform: rotate(30deg); position: absolute }
.bannerCarousel .owl-dots { position: absolute; z-index: 1000; bottom: 5px; left: 0; right: 0 }
.bannerCarousel .owl-dot { width: 12px; height: 12px; background: #fff !important; border-radius: 50%; display: inline-block; margin: 2px }
.aboutImg:after, .aboutImg:before { content: ''; height: 200px; transform: rotate(-45deg) }
.bIDesc { position: absolute; bottom: 50px; right: 50px }
.bIDesc strong { font-weight: 700; font-size: 16px }
.bIDesc strong span { display: block; color: #9b9b9b; font-size: 15px }
.blDescBtn { padding-right: 160px; padding-top: 15px }
.blDescBtn span { color: #fff; padding: 0 30px; background: #d51920; border-radius: 5px; line-height: 36px }
.bannerDesc, .bannerDesc i { border-radius: 10px; left: 20px }
.bannerVerticals > li { margin-bottom: 30px }
.bannerVerticals > li:last-child { margin-bottom: 0 }
.bannerVerticals > li > a img { width: 100%; height: auto; transition: .3s }
.aboutImg:after, .aboutImg:before, .blogItem a figure { width: 200px; position: absolute }
.bannerDesc { position: absolute; line-height: 30px; bottom: 20px; padding: 10px 10px 10px 70px; min-width: 220px; background: rgba(255,255,255,.8) }
.bannerDesc strong { display: block; font-weight: 700; font-size: 15px; color: #38484d }
.bannerDesc p { padding: 0; color: #d51920 }
.bannerDesc i { position: absolute; top: 20px; color: #d51920; line-height: 38px; border: 1px solid #d51920; width: 24px; font-size: 18px }
.bannerVerticals > li > a:hover img { transform: scale(1.1) rotate(2deg) }
.acardionBox { padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px solid #0e2b4d }
.scDesc > a strong, .scSize { margin-bottom: 10px; font-weight: 700 }
.acardionUl { display: flex; grid-gap: 0 }
.acardionUl > li { width: 17%; transition: .3s; overflow: hidden }
.acItem { height: 550px; background-size: cover; transition: .3s; position: relative }
.aboutImg:after, .bestPrs .prItem:hover, .scDesc { background: #fff }
.acIntro, .scDesc { position: absolute }
.acardionUl > li.active { width: 32% }
.acardionUl > li .acItem:before { content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background: rgba(0,0,0,.5); z-index: 1 }
.acardionUl > li.active .acItem:before { display: none !important }
.acIntro { top: 50%; z-index: 2; margin-top: -50px; right: 10px; left: 10px }
.acIntro img { height: 60px; filter: grayscale(100%) }
.acIntro strong { display: block; color: #fff; line-height: 20px; margin-top: 20px; font-weight: 700; font-size: 14px }
.scDesc { display: none; bottom: 30px; right: 30px; left: 30px; z-index: 3; padding: 20px; border: 1px solid #d51920; border-radius: 10px }
.ftLinkList, .ftSec, .socials { display: flex }
.scDesc img { width: 150px; display: block; margin: 0 auto 15px }
.scDesc .cmspage { font-weight: 100 }
.scDesc .cmspage p { padding: 0 }
.scDesc > a strong { display: block; color: #d51920; font-size: 14px }
.scDesc a { display: block }
.aboutHome, .bestPrs { margin-bottom: 70px; position: relative }
.prACarousel .owl-nav { top: auto !important; bottom: -31px !important }
.bestPrs { background: #eaeff1; padding: 40px 0 20px }
.aboutHome { min-height: 445px }
.aboutImg { position: absolute; top: 0; left: 0; overflow: hidden }
.aboutContent, .blogItem a, .footContacts, .partners { position: relative }
.aboutImg:before { background: #fff; top: -100px; left: -100px }
.aboutImg:after { bottom: -100px; right: -100px }
.aboutContentBox { padding-top: 75px }
.aboutContent { background: rgb(244 244 244 / .85); padding: 35px 50px; margin-right: 0; width: 60%; border-radius: 10px; z-index: 2 }
.aboutContent .titleBox { margin-right: -50px }
.cmspage { color: #38484d; line-height: 30px; margin-bottom: 20px }
.partners { margin-bottom: 70px }
.partnersCarousel .item img { width: 100%; height: auto }
.blogBox { background: #f4f4f4; padding: 40px 0 }
.blogCarousel { padding-top: 30px }
.blogItem a { display: block; padding-right: 220px; height: 120px; color: #38484d }
.blogItem a figure { top: 0; right: 0 }
.blogItem a figure img { width: 200px; height: auto; border-radius: 20px }
.blogItem a strong { padding-top: 10px; height: 75px; margin-bottom: 5px; border-bottom: 1px solid #d51920; display: block }
.blogItem a span { display: block; text-align: left; color: #686868 }
.copy, .footContacts, .ftCt > li, .ftCt > li a, .ftlinks > li > a { color: #38484d }
footer { border-top: 2px solid #f4f4f4 }
.topFoot { padding: 40px 0 }
.botFoot { background: #eaeff1; padding-top: 40px; border-top: 2px solid #d51920 }
.ftTel { position: absolute; top: 50%; margin-top: -20px; line-height: 40px; font-weight: 700; font-size: 17px; right: 0 }
.copy { font-size: 14px; padding: 10px 0; border-top: 1px solid #d51920 }
.footerSections { position: relative; min-height: 150px; padding-bottom: 40px }
.ftSec { grid-gap: 30px }
.ftNamad { width: 90px; position: absolute; top: 40px; left: 0 }
.ftLetter, .ftLinkList { width: 50%; margin: 0 }
.ftCt, .ftTitle, .newsLetter { margin-bottom: 20px }
.ftLinkList > li { width: 33.33% }
.ftLinkList > li > ul > li { margin-bottom: .7em }
.ftTitle { font-weight: 700; color: #d51920; font-size: 16px }
.ftlinks > li { margin-bottom: 5px }
.newsLetter { position: relative }
.txtNs { width: 100%; height: 40px; border: 1px solid #38484d; border-radius: 5px; background: #fff }
.btnNs { position: absolute; top: 1px; right: 1px; height: 38px; background: #d51920; color: #fff; border-radius: 4px; cursor: pointer; padding: 0 20px; font-weight: 700 }
.ftCt { font-weight: 700 }
.ftCt > li { margin-bottom: 10px }
.socials { grid-gap: 16px }
.socials > li a:hover { transform: translateY(-5px) }