You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
cosmopet.ae/css/style.min.css

1 lines
20 KiB

@charset "UTF-8";*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}body{min-height:100vh;scroll-behavior:smooth;line-height:1.5;overflow-x:hidden}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration:none}a:not([class]):hover{color:#2ea8df}a[class]{text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a,a *,button,button *,input,input *,label{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}:focus{outline:0}html{font-size:10px}:root{--main-color:#6560e1}:root{--main-font:"Gilroy",sans-serif;--main-font-color:#0c0e10;--main-font-size:1.4rem;--main-font-weight:400;--main-line-height:1.4}:root{--header-height:7.2rem;--container-max-width:116rem}body{font-family:var(--main-font);color:var(--main-font-color);font-weight:var(--main-font-weight);font-size:var(--main-font-size);line-height:var(--main-line-height)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:600;line-height:115%}.h1,h1{font-size:7.1rem}.h2,h2{font-size:5.4rem}.h3,h3{font-size:2.8rem}.h4,h4{font-size:2.4rem}.h5,h5{font-size:1.6rem}.h6,h6{font-size:1.6rem}.ta-center{text-align:center}.color-white{color:#fff}.section{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto;margin-left:auto;position:relative}.container-fluid{width:100%;position:relative;z-index:15}.container{width:100%;max-width:var(--container-max-width);display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto;margin-left:auto;position:relative;z-index:15}.row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-wrap{position:relative}.section-wrap>*{padding-top:8rem;padding-bottom:8rem}.noscroll{overflow:hidden}.menu__list{display:-webkit-box;display:-ms-flexbox;display:flex}.menu__list>.menu__item+.menu__item{margin-left:4rem}.menu__url{font-weight:400;font-size:1.4rem;line-height:100%;color:#312e2e;display:-webkit-box;display:-ms-flexbox;display:flex}.menu__url:hover{color:var(--main-color)}.menu__has-children{position:relative}.menu__parent-wrap{position:relative;z-index:10}.menu__parent-url-wrap{position:relative;padding-right:1.5rem}.menu__parent-url-icon{background-image:url(../img/chevron-down.svg);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent;width:1rem;height:1rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.menu__drop-children{position:absolute;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;padding:2rem!important;min-width:25rem;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.menu__drop-children .menu__item+.menu__item{margin-top:1.2rem}.mobile-menu-modal{background:#fff;position:fixed;width:100%;height:100vh;top:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;z-index:360;display:block;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.mobile-menu-modal--open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.hamburger{display:block;width:1.6rem;height:1.4rem;position:relative}.hamburger *{position:absolute;background:#000;width:100%;height:.2rem;border-radius:10rem;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.hamburger :nth-child(1){top:0}.hamburger :nth-child(2){top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.hamburger :nth-child(3){bottom:0}.hamburger--open>:nth-child(1){top:.65rem;right:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--open>:nth-child(1){top:.65rem;right:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--open>:nth-child(1){top:.65rem;right:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--open>:nth-child(2){opacity:0}.hamburger--open>:nth-child(3){top:.65rem;right:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.logo a{display:-webkit-box;display:-ms-flexbox;display:flex}.logo img{width:14.3rem;height:5rem;-o-object-fit:contain;object-fit:contain}.header{width:100%;height:var(--header-height);z-index:300}.grid{display:grid;gap:1.8rem}.grid--col-2{grid-template-columns:repeat(2,1fr)}.grid--col-3{grid-template-columns:repeat(3,1fr)}.grid--col-4{grid-template-columns:repeat(4,1fr)}.grid-item-2{grid-column-end:span 2}.flex-grid{--flex-grid-gap:2rem;--negative-flex-grid-gap:var(--flex-grid-gap) - var(--flex-grid-gap) - var(--flex-grid-gap);width:calc(100% + var(--flex-grid-gap));margin:0 calc(var(--negative-flex-grid-gap)/ 2);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-grid>*{margin:calc(var(--flex-grid-gap)/ 2)}.flex-grid--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-grid--col-2>*{width:calc(50% - var(--flex-grid-gap))}.flex-grid--col-3>*{width:calc(33.3333% - var(--flex-grid-gap))}.flex-grid--col-4>*{width:calc(25% - var(--flex-grid-gap))}.btn-reset{padding:0;margin:0;border:none;background:0 0;cursor:pointer}.btn-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.btn-wrap>*+*{margin-left:2rem}.btn-wrap--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn{position:relative;line-height:1;padding:0 3rem;font-size:1.6rem;font-weight:400;color:#fff;background:var(--main-color);border:none;height:6rem;border-radius:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form{width:100%;position:relative}.form-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.form-input{width:100%;color:#fff;border:1px solid rgba(0,0,0,.5);font-size:1.4rem;line-height:1;background:#fff;border-radius:1.6rem;height:4.8rem;padding:0 1.6rem;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.form-input::-webkit-input-placeholder{color:rgba(252,252,252,.5)}.form-input::-moz-placeholder{color:rgba(252,252,252,.5)}.form-input:-ms-input-placeholder{color:rgba(252,252,252,.5)}.form-input::-ms-input-placeholder{color:rgba(252,252,252,.5)}.form-input::placeholder{color:rgba(252,252,252,.5)}.form-input:focus{border-color:var(--main-color)}.form-textarea{height:9.6rem;resize:none;padding-top:1.6rem}.form-submit{width:100%;font-size:1.4rem;line-height:1}.form-text{font-weight:500;font-size:1.4rem;line-height:100%;margin-bottom:2.4rem}.form-row{width:100%}.form-row+.form-row{margin-top:.8rem}.form-row+.form-row--submit{margin-top:2.4rem}.form-col{position:relative}.form-label{position:relative;color:#000;font-size:1.5rem;font-weight:500;line-height:1.3;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:.4rem}.form-label img{width:2.4rem;height:2.4rem;-o-object-fit:contain;object-fit:contain;margin-right:.4rem}.form-grid{display:grid;gap:.8rem}.form-grid--col-2{grid-template-columns:repeat(2,1fr)}.form-grid--col-3{grid-template-columns:repeat(3,1fr)}.radio-like-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.radio-like-checkbox>*+*{margin-left:2.4rem}.radio-like-checkbox>span>label{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;cursor:pointer}.radio-like-checkbox>span [type=radio]{display:none}.radio-like-checkbox .wpcf7-list-item-label{position:relative;padding-left:2.8rem;font-weight:500;font-size:1.4rem;line-height:100%}.radio-like-checkbox .wpcf7-list-item-label::before{content:"";background:#fff;border:1px solid #e0e0e0;width:2rem;height:2rem;border-radius:.4rem;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.radio-like-checkbox .wpcf7-list-item-label::after{content:"";position:absolute;width:2rem;height:2rem;border-radius:.4rem;background-color:var(--main-color);border:1px solid var(--main-color);background-image:url(../img/checkmark.svg);background-size:70%;background-position:center;background-repeat:no-repeat;opacity:0;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.radio-like-checkbox>span [type=radio]:checked~.wpcf7-list-item-label:after{opacity:1}.form-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-checkbox,.form-checkbox *{font-weight:400;font-size:1.4rem;line-height:130%;letter-spacing:-.03em}.form-checkbox a{text-decoration:underline;color:var(--main-color)}.form-checkbox>*+*{margin-left:2.4rem}.form-checkbox label{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;cursor:pointer}.form-checkbox>span [type=checkbox]{display:none}.form-checkbox .wpcf7-list-item-label{position:relative;padding-left:3.2rem}.form-checkbox .wpcf7-list-item-label::before{content:"";background:#fff;border:1px solid #e0e0e0;width:1.6rem;height:1.6rem;border-radius:0;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.form-checkbox .wpcf7-list-item-label::after{content:"";position:absolute;width:1.6rem;height:1.6rem;border-radius:0;background-color:var(--main-color);border:1px solid var(--main-color);background-image:url(../img/check.svg);background-size:70%;background-position:center;background-repeat:no-repeat;opacity:0;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.form-checkbox>span [type=checkbox]:checked~.wpcf7-list-item-label:after{opacity:1}.file-upload-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-upload-input__message{font-weight:500;font-size:1.4rem;line-height:100%;color:#9e9e9e;margin-left:1.6rem}.file-upload-input span{display:none}.date-input label{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;font-size:1.4rem;line-height:100%;margin-bottom:1.6rem}.date-input input{width:100%;border:none;border-bottom:1px solid #e0e0e0;height:5.3rem;font-size:1.4rem}.form-select{width:100%;color:#fff;font-size:1.4rem;font-weight:500;line-height:1;background:#fff;border:1px solid rgba(0,0,0,.5);border-radius:1.6rem;padding:0 1.6rem;height:4.8rem}.form-select option{color:#000}.submit-btn{width:100%}.ajax-loader,.wpcf7-not-valid-tip,.wpcf7-spinner{display:none!important}.wpcf7 form .wpcf7-response-output{margin:0;margin-top:1rem;width:100%;text-align:center;line-height:1.3;font-size:1.1rem;font-weight:400;padding:1rem 1rem;border:none;-webkit-box-shadow:0 .16rem 1.28rem rgba(0,0,0,.08);box-shadow:0 .16rem 1.28rem rgba(0,0,0,.08);border-radius:.3rem;background:#fff}.overlay{position:absolute;width:100%;height:100%;top:0;right:0;z-index:10}.modal-wrap{display:none;position:fixed;width:100%;height:100%;z-index:500;top:0;right:0;background:rgba(0,0,0,.5)}.modal-wrap--scroll{overflow-y:scroll}.modal-wrap--scroll .modal{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:unset}.modal-wrap--scroll .modal__close-overlay{position:fixed}.modal{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-container{position:relative;max-width:48rem;width:100%;background:#fff;border-radius:5rem;z-index:20;margin:0 2rem}.modal-container--clear{background:0 0;border-radius:0}.modal-content{padding:4rem}.modal-content--clear{padding:0}.modal-close-overlay{width:100%;height:100%;position:absolute;z-index:10;cursor:pointer}.modal-close{position:absolute;top:7rem;right:8rem;cursor:pointer;width:8rem;height:8rem;border:none;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:1}.modal-close svg{width:100%;height:100%}.entry-content *{font-size:1.6rem;line-height:140%}.entry-content p{font-weight:400;padding-bottom:1.7rem}.entry-content a{color:var(--main-color);text-decoration:underline}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{padding-top:2.4rem;padding-bottom:2.4rem;line-height:1.2;font-weight:400;margin:0}.entry-content h2{font-size:2.8rem}.entry-content h3,.entry-content h4{font-size:2.4rem}.entry-content h5,.entry-content h6{font-size:2.1rem;padding-bottom:1rem}.entry-content>img{padding-bottom:6.4rem}.entry-content .aligncenter{margin:0 auto}.entry-content .alignleft{float:left;margin-bottom:2rem;margin-right:2.5rem}.entry-content .alignright{float:right;margin-bottom:2rem;margin-left:2.5rem}.entry-content img.size-full{width:100%;height:auto}.entry-content figure{max-width:100%;padding-top:6.4rem;padding-bottom:4.8rem}.entry-content figure img{width:100%}.entry-content figcaption{padding-top:2.4rem;font-weight:400;font-size:1.4rem;line-height:120%;text-transform:uppercase;color:rgba(0,0,0,.5)}.entry-content ol,.entry-content ul{padding:0;margin:0;margin-left:0;padding-bottom:1.6rem}.entry-content ol{padding-left:1.76rem}.entry-content ul{list-style:none}.entry-content ul li{padding-left:1.76rem;position:relative}.entry-content ul li::before{content:"";position:absolute;background:#000;width:.5rem;height:.5rem;border-radius:50%;left:0;top:1rem}.entry-content ul li+li{margin-top:0}.entry-content table{border:1px solid rgba(0,0,0,.2);border-radius:2.4rem;width:100%;position:relative;border-spacing:0;border-collapse:unset}.entry-content tr:last-child td{border-bottom:none}.entry-content td{border-bottom:1px solid rgba(0,0,0,.2);text-align:left;padding:2.4rem;line-height:1.4;vertical-align:baseline}.entry-content th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left;padding:2.4rem;line-height:1.4;font-weight:700;vertical-align:baseline}.entry-content td+td{border-left:1px solid rgba(0,0,0,.2)}.entry-content th+th{border-left:1px solid rgba(0,0,0,.2)}.entry-content table{margin-bottom:3.84rem}.entry-content table caption{text-align:left;font-size:1.28rem;line-height:1;color:#000;padding-top:2rem}.entry-content>:first-child{padding-top:0!important}.entry-content>:last-child{padding-bottom:0!important}.entry-block{width:100%;position:relative;margin-top:3.2rem;margin-bottom:2.4rem}.breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:3.2rem}.breadcrumbs,.breadcrumbs *{font-weight:400;font-size:1.4rem;line-height:105%;letter-spacing:.05em;color:#000}.breadcrumbs a{color:rgba(0,0,0,.3)}.breadcrumbs__separator{margin:0 .8rem;display:inline-block}.breadcrumbs>span>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-section{width:100vw;height:100vh}.hero-section .row{height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-100px}.hero-section__logo{width:100%;max-width:635px;max-height:165px;-o-object-fit:contain;object-fit:contain}.hero-section__title{margin-top:20px;text-align:center;color:#322d5d;font-size:50px}.show-on-mobile{display:none}.hidden{display:none}@media screen and (min-width:767px){.menu__has-children:hover .menu__parent-url-icon{-webkit-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.menu__drop-children{opacity:0;pointer-events:none}.menu__has-children:hover .menu__drop-children{opacity:1;pointer-events:all}}@media screen and (max-width:767px){:root{--main-font-size:1.4rem}:root{--header-height:7.2rem}.h1,h1{font-size:3.5rem}.h2,h2{font-size:3.2rem}.h3,h3{font-size:2.5rem}.section{overflow:hidden}.container{padding:0 1.6rem}.section-wrap>*{padding-top:4.8rem;padding-bottom:4.8rem}.menu--desktop{display:none}.menu--mobile{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:15;padding-top:10rem}.menu--mobile .menu__list{padding:0;margin:0;list-style:none;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.menu__item{width:100%;text-align:left;padding:0 2.5rem}.menu__list>.menu__item+.menu__item{margin-left:0}.menu__parent-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.menu__parent-url-wrap{width:100%}.menu__url{display:inline-block;font-size:2.2rem;font-weight:600;padding:1.6rem 0;line-height:1}.menu__parent-url-icon{background-image:url(../img/plus.svg);width:2.5rem;height:2.5rem;right:0;bottom:1.2rem;background-color:rgba(57,87,211,.15);background-size:1rem;border-radius:.4rem}.menu__has-children .menu__drop-children{display:none;width:100%!important;position:relative;top:0;margin:0!important;bottom:unset;-webkit-transform:unset;-ms-transform:unset;transform:unset;min-width:unset!important;max-width:unset!important;-webkit-box-shadow:unset;box-shadow:unset;background:0 0;padding:1rem 0!important}.menu__drop-children .menu__url{padding:0}.logo img{width:10rem;height:3.5rem}.grid{row-gap:2rem}.grid--gap-4{gap:2rem}.grid--col-2{grid-template-columns:repeat(1,1fr)}.grid--col-3{grid-template-columns:repeat(1,1fr)}.grid--col-4{grid-template-columns:repeat(1,1fr)}.grid-item-2{grid-column-end:span 1}.flex-grid--col-2>*,.flex-grid--col-3>*,.flex-grid--col-4>*{width:calc(100% - var(--flex-grid-gap))}.btn-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.btn-wrap--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-wrap>*+*{margin-top:1.6rem;margin-left:0}.btn{padding:0 2.5rem;font-size:1.5rem;height:5rem}.form-row+.form-row{margin-top:.8rem}.form-col .btn{width:100%}.form-grid{gap:1.5rem}.form-grid--col-2{grid-template-columns:repeat(1,1fr)}.form-grid--col-3{grid-template-columns:repeat(1,1fr)}.modal-container{border-radius:1.6rem}.modal-container--clear{border-radius:0}.modal-content{padding:2rem 1.5rem}.modal-content--clear{padding:0}.modal-close{top:-.8rem;right:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.entry-content *{font-size:1.6rem}.entry-content h2{font-size:2.8rem}.entry-content h3,.entry-content h4{font-size:2.4rem}.entry-content h5,.entry-content h6{font-size:2rem}.entry-content figure{max-width:100%;padding-top:3.1rem;padding-bottom:3.2rem}.entry-content figcaption{padding-top:1.6rem}.entry-content ol,.entry-content ul{padding-bottom:4.8rem}.entry-content table{border-radius:.8rem}.entry-content td,.entry-content th{padding:.9rem .5rem;font-size:1.2rem}.breadcrumbs>span>span{-ms-flex-wrap:wrap;flex-wrap:wrap}.hero-section__title{margin-top:5px;font-size:35px}.hero-section__title br{display:none}.hide-on-mobile{display:none}.show-on-mobile{display:block}.show-on-mobile--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.show-on-mobile--grid{display:grid}}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:0s!important;animation-duration:0s!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}