/*********************************************/ /***** Body and Grid BEGIN *****/ /*********************************************/ html{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:#FFF;color:#1A1A1A;} /* Box model is inherited from */ *,*:before,*:after{box-sizing:inherit;} body{height:100%;line-height:1.5;overflow-x:hidden;} .g-row{/* inline-block extra space hack */font-size:0;font-family:"zerospaceregular";} html,*[class*="g-col-"]{/* inline-block extra space hack cancel */font-display:swap;font-size:16px;font-family:"Montserrat", sans-serif;} *[class*="g-col-"]{display:inline-block;vertical-align:top;} .g-row_valign-mid [class*="g-col-"]{vertical-align:middle;} .g-row_valign-bot [class*="g-col-"]{vertical-align:bottom;} .g-col_align-center{text-align:center;} .g-col_align-right{text-align:right;} .g-row_indent-5{margin-left:-5px;} .g-row_indent-5 > [class*="g-col-"]{padding-left:5px;} .g-row_indent-10{margin-left:-10px;} .g-row_indent-10 > [class*="g-col-"]{padding-left:10px;} .g-row_indent-15{margin-left:-15px;} .g-row_indent-15 > [class*="g-col-"]{padding-left:15px;} .g-row_indent-20{margin-left:-20px;} .g-row_indent-20 > [class*="g-col-"]{padding-left:20px;} .g-row_indent-30{margin-left:-30px;} .g-row_indent-30 > [class*="g-col-"]{padding-left:30px;} .g-row_indent-40{margin-left:-40px;} .g-row_indent-40 > [class*="g-col-"]{padding-left:40px;} .g-row_indent-50{margin-left:-50px;} .g-row_indent-50 > [class*="g-col-"]{padding-left:50px;} .g-row_indent-60{margin-left:-60px;} .g-row_indent-60 > [class*="g-col-"]{padding-left:60px;} .g-container{width:90%;margin:0 auto;} .g-clearfix:after,.g-container:after,.g-text:after,.g-row:after{content:"";display:table;clear:both;} .g-left{float:left;} .g-right{float:right;} .g-btn_l{position:relative;display:inline-block;background-color:#F5F5F5;border:1px solid #DFDFDF;border-radius:4px;padding:14px 24px;cursor:pointer;transition:color 0.5s ease;color:#1A1A1A!important;font-size:14px!important;font-weight:600;text-decoration:none;text-transform:uppercase;} /* текст і іконка */ .g-btn_l span{position:relative;display:flex;margin:0!important;margin-bottom:0!important;z-index:2;align-items:center;gap:8px;color:#1A1A1A!important;} /* кути */ .g-btn_l .corner{position:absolute;width:10px;height:10px;border:2px solid #1A1A1A;transition:all 0.5s ease;box-sizing:border-box;} /* верхній лівий */ .g-btn_l .corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none;} /* верхній правий */ .g-btn_l .corner.tr{top:-1px;right:-1px;border-left:none;border-bottom:none;} /* нижній лівий */ .g-btn_l .corner.bl{bottom:-1px;left:-1px;border-right:none;border-top:none;} /* нижній правий */ .g-btn_l .corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none;} /* ефект при ховері */ .g-btn_l:hover .corner{width:100%;height:100%;} /* Іконка всередині кнопки */ .g-btn_l span i{transition:transform 0.5s ease;display:inline-block;color:#1A1A1A!important;} /* Ефект при ховері кнопки */ .g-btn_l:hover span i{transform:translateX(10px);} .g-link{color:#E6B800;text-decoration:none;-webkit-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s;} .g-link:hover{color:#1A1A1A;} .g-link_footer{color:rgba(255,255,255,0.5);text-decoration:underline;} .g-link_footer:hover{color:#FFF;} .g-link_footer-button{display:inline-block;border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;margin-top:6px;padding:6px 12px;color:rgba(255,255,255,0.75);text-decoration:none;} .g-link_footer-button:hover{background-color:rgba(0,0,0,1);border:1px solid rgba(255,255,255,0.75);color:rgba(255,255,255,1);} .g-arrow-l,.fancybox-nav span,.fancybox-close:before{width:45px;padding:8px 0;text-align:center;line-height:1;border:0;-webkit-border-radius:2px;border-radius:2px;cursor:pointer;background-color:rgba(255,255,255,0.75); color:#FFF;} .g-arrow-m{background-color:white;box-shadow:0 .1rem 1rem rgba(0, 0, 0, 0.1);-webkit-border-radius:2px;border-radius:2px;padding:12px 16px;vertical-align:middle;cursor:pointer;color:#A6A6A6;text-align:center;} .g-arrow-m:hover{color:#FF9C00;} /*********************************************/ /***** Body and Grid END *****/ /*********************************************/ /*********************************************/ /***** Section Layout BEGIN *****/ /*********************************************/ .g-section-l{position:relative;margin-left:80px;padding-top:80px;} /* S */ @media(max-width:768px){.g-section-l{margin-left:0;}} .g-section-l__item{padding-bottom:80px;} .g-section-l__items{padding-bottom:30px;} .g-section-l_bg{background-color:#F5F5F5;border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;} /* Секція: рівно екран */ .g-section-l_bg-work{min-height:100vh;display:flex;align-items:center;padding-top:0;} @media(max-width:768px){.g-section-l_bg-work{padding-top:80px;}} /* Контейнер вирівнює контент */ .g-section-l_bg-work .g-section-l__item{flex:1;display:flex;align-items:center;padding-bottom:0;} .g-section-l_bg-work .g-section-l__sub-title{max-width:100%;width:100%;} /* S */ @media(max-width:768px){.g-section-l_bg-work{width:100%;min-height:auto;height:auto;margin-left:0;}.g-section-l_bg-work .g-section-l__item{padding-bottom:80px;}} .g-section-l_bg-review{background-image:url("/uploads/images/review.jpg");background-position:center left;border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;} /* S */ @media(max-width:768px){#about{margin-top:0;}} .g-section-l__title{position:relative;margin-bottom:40px;padding:0 0 0 36px;line-height:1;color:#1A1A1A;font-size:3em;font-weight:800;text-align:left;text-transform:uppercase;} .g-section-l__title:before{content:"";position:absolute;top:calc(50% - 2px);left:0;display:block;width:24px;height:4px;background-color:#E6B800;} .g-section-l__title span:first-child{color:#E6B800;font-weight:400;} /* S */ @media(max-width:768px){.g-section-l__title{font-size:2em;}} .g-section-l__sub-title{position:relative;max-width:50%;margin-bottom:40px;color:#676767;font-size:16px;font-weight:400;text-align:left;} /* S */ @media(max-width:768px){.g-section-l__sub-title{width:100%;max-width:100%;}} /* XS */ @media(max-width:640px){.g-section-l__sub-title{font-size:16px;}} .g-section-l__title-url{color:#1A1A1A;text-decoration:none;} .g-section-l_shrink{width:70%;margin-left:auto;margin-right:auto;padding-bottom:0;} /****** g-section-m BEGIN ******/ .g-section-m{display:block;background-color:#F5F5F5;border:1px solid #DFDFDF;border-radius:8px;padding:30px;text-align:left;} .g-section-m__title{position:relative;margin-bottom:30px;line-height:1;color:#1A1A1A;font-size:1.5em;font-weight:600;text-align:left;text-transform:uppercase;} .g-section-m__text{line-height:1.5;color:#676767;font-size:1em;font-weight:400;text-align:left;} .g-section-m span{display:block;margin-bottom:10px;color:#E6B800;font-size:1.2em;} /****** END g-section-m ******/ /****** g-section-s BEGIN ******/ .g-section-s{margin-bottom:40px;} .g-section-s:last-child{margin-bottom:0;} .g-section-s__item{border-bottom:1px solid #DFDFDF;margin-bottom:20px;padding-bottom:20px;} .g-section-s__item:last-child{border-bottom:0;padding-bottom:0;} .g-section-s__title{margin:0 0 10px 0;font-size:18px;font-weight:600;text-transform:uppercase;} .g-section-s__item p{color:#676767;} /****** END g-section-s ******/ /*********************************************/ /***** END Sections Layout *****/ /*********************************************/ /*********************************************/ /***** Forms BEGIN *****/ /*********************************************/ .g-form-m{position:relative;} @media(max-width:768px){.g-form-m{margin-top:40px;}} .g-form-main{background-color:#F5F5F5;border:1px solid #DFDFDF;margin-top:40px;padding:20px;} .g-form-m__field{display:block;margin-top:0;margin-bottom:20px;} .g-form-m__field:first-child{margin-top:0;} .g-form-m__fields{display:block;float:left;width:48%;margin-bottom:1.5em;margin-left:4%;} .g-form-m__fields:first-child{margin-top:0;margin-left:0;} @media(max-width:960px){.g-form-m__fields{width:100%;margin:0;}} @media(max-width:768px){.g-form-m__fields{width:100%;margin:0;}} .g-form-m__field-title{display:block;margin-bottom:0.5em;color:#1A1A1A;font-weight:600;} .g-form-m__field-title_req:after{content:'*';margin-left:2px;color:#FF1F37;font-size:12px;font-weight:normal;} .g-form-m__field-section{position:relative;display:block;background-color:#F5F5F5;} #comments-form .g-form-m__field-section{background-color:#FFF;} .g-form-m__sustom .g-form-m__field-section{background-color:#FFF;} /* Кути (у контейнера) */ .g-form-m__field-section::before, .g-form-m__field-section::after{content:"";position:absolute;width:10px;height:10px;border:2px solid #1A1A1A;pointer-events:none;transition:all 0.5s ease;box-sizing:border-box;} /* Верхній лівий кут */ .g-form-m__field-section::before{top:0;left:0;border-right:none;border-bottom:none;} /* Нижній правий кут */ .g-form-m__field-section::after{bottom:0;right:0;border-left:none;border-top:none;} .g-form-m__field-section:has(.g-form-m__field-input:focus)::before, .g-form-m__field-section:has(.g-form-m__field-area:focus)::before, .g-form-m__field-section:has(.g-form-m__field-input:focus)::after, .g-form-m__field-section:has(.g-form-m__field-area:focus)::after{width:100%;height:100%;border-color:#1A1A1A;} /* input / textarea */ .g-form-m__field-input, .g-form-m__field-area{position:relative;width:100%;background-color:transparent;padding:14px 18px;box-sizing:border-box;border:none;outline:none;z-index:1;color:#1A1A1A;transition:color 0.3s ease, background-color 0.3s ease;} .g-form-m__field-area{max-width:100%;min-width:100%;padding:0.65em 20px;resize:vertical;} /* Ефект при фокусі */ .g-form-m__field-input:focus, .g-form-m__field-area:focus{color:#1A1A1A;} /* Placeholder */ .g-form-m__field-input::placeholder, .g-form-m__field-area::placeholder{color:#555;transition:color 0.3s ease;} .g-form-m__field-input:focus::placeholder, .g-form-m__field-area:focus::placeholder{color:#1A1A1A;} /* Textarea */ .g-form-m__field-area{resize:vertical;} .g-form-m__field-checkbox{display:inline-block!important;width:20px!important;height:20px!important;border:1px solid #DFDFDF;vertical-align:middle;color:#333;font-size:0.9em;} .g-form-m__field-captcha{position:relative;padding-right:160px;} /* S */ @media(max-width:768px){.g-form-m__field-captcha{padding-right:0;}} .g-form-m__field-captcha-image{position:absolute;top:0;right:0;} /* S */ @media(max-width:768px){.g-form-m__field-captcha-image{position:static;margin-top:0.5em;}} .g-form-m__field-icon{position:absolute;top:14.5px;color:#999;} .g-form-m__field-error{color:red;font-size:0.9em;} .g-form-m__field-desc{display:block;vertical-align:top;color:#666;font-size:0.9em;} .g-form-m__buttons{margin-top:2em;} .g-form-m__button-submit{} .g-form-m__buttons [type="reset"]{background-color:#FF0000;} .g-form-m__add-links{margin-top:1em;} .g-form-m__add-link{display:inline-block;margin:0 0.5em 0 0;} .g-form-m__message{ margin-bottom:2em;padding:5px 10px;font-size:0.9em;} .g-form-m__message_success{background-color:#F9F6E7;border:1px solid #E4CB59;} .g-form-m__message_error{background-color:#EEEFE8;border:1px solid #E89B88;} .g-form-m__message-item{margin:5px 0;} .g-form-m__field_icon-left .g-form-m__field-input{padding-left:25px;} .g-form-m__field_icon-left .g-form-m__field-icon{left:8px;} .g-form-m__field_icon-right .g-form-m__field-input{padding-right:25px;} .g-form-m__field_icon-right .g-form-m__field-icon{right:8px;} .g-form-m__field_title-left .g-form-m__field-title{display:inline-block;vertical-align:middle;margin-right:6px;margin-bottom:0;} .g-form-m__field_title-left .g-form-m__field-section{display:inline-block;vertical-align:middle;} .g-form-m_main{border-left:1px solid #DFDFDF;padding:0 0 0 40px;} /*** Small forms using in footer, small modal windows and other aside blocks ***/ .g-form-s__section{display:block;position:relative;} .g-form-s__icon{position:absolute;top:9px;border:0;outline:0;background-color:transparent;color:inherit;padding:1px;} .g-form-s_icon-left .g-form-s__icon{left:10px;} .g-form-s_icon-left .g-form-s__input{padding-left:30px;} .g-form-s_icon-right .g-form-s__icon{right:10px;} .g-form-s_icon-right .g-form-s__input{padding-right:30px;} .g-form-s__input{display:block;width:100%;height:40px;background-color:transparent;border:1px solid rgba(255, 255, 255, 0.25);border-radius:6px;line-height:40px;padding:0 20px;color:#FFF;} .g-form-s__input:focus{background-color:#FFF;color:#333;} .g-form-s__submit{width:100%;background-color:rgba(0, 0, 0, 0.25);border:none;border-radius:6px;outline:none;margin-top:1em;padding:12px 0;color:rgba(255, 255, 255, 0.5);-webkit-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s;} .g-form-s__submit:hover{background-color:rgba(0, 0, 0, 0.75);} /* Custom form title */ .g-form-m__sustom-title{display:none;} /*********************************************/ /***** END Forms *****/ /*********************************************/ /*********************************************/ /***** Text normalize BEGIN *****/ /*********************************************/ .g-text{color:#333;} .g-text_sub{color:#676767;} .g-text a{color:#0057B8;text-decoration:underline;} .g-text a{text-decoration:none;} .g-text ul,.g-text ol,.g-text p,.g-text dl,.g-text table,.g-text figure,.g-text form,.g-text form fieldset{margin:0 0 0.8em 0;} .g-text figcaption{line-height:1;font-size:0.8em;text-align:center;} .g-text blockquote{position:relative;display:block;border-left:4px solid #DFDFDF;margin:0 0 0.8em 0;padding:6px 0 6px 6px;;font-size:1.25em;font-weight:600;} /** Headers BEGIN **/ .g-text h1,.g-text h2,.g-text h3,.g-text h4,.g-text h5,.g-text h6{margin:1.1em 0 0.4em 0;color:#1A1A1A;font-weight:600;} .g-text h1{font-size:2.75em;} .g-text h2{font-size:2.5em;} .g-text h3{font-size:2.25em;} .g-text h4{font-size:2em;} .g-text h5{font-size:1.75em;} .g-text h6{font-size:1.5em;} /** END Headers **/ /** List BEGIN **/ .g-text ul{margin-left:1.1em;list-style:disc;} .g-text ul ul{margin:0 0 0 2em;list-style:circle;} .g-text ul ul ul{list-style:square;} .g-text ol{list-style:none;counter-reset:num;} .g-text ol ol{margin:0 0 0 2em;} .g-text ol li:before{content:counters(num,'.') '. ';counter-increment:num;} .g-text dt{font-weight:bold;} .g-text dd{margin:0 0 0.4em 1.1em;} /** END List **/ /** Table BEGIN **/ .g-text table{border-color:black;} .g-text table caption{font-size:1.3em;} .g-text table thead{font-weight:bold;} .g-text table tfoot{font-weight:bold;} .g-text table tbody{} .g-text table tr{} .g-text table td{padding:10px;} /** END Table **/ /** Form BEGIN **/ .g-text form fieldset legend{margin:1.1em 0 0.4em 0;font-size:1.3em;} /** END Form **/ /** Inline BEGIN **/ .g-text strong, .g-text b{font-weight:bold;} .g-text em, .g-text cite, .g-text dfn, .g-text i, .g-text var{font-style:italic;} .g-text i.fa{/* Font Awesome default reset */font-style:normal!important;} .g-text code, .g-text kbd, .g-text pre, .g-text samp{font-family:monospace, serif;font-size:1em;} .g-text ins{text-decoration:underline;} .g-text del, .g-text s, .g-text strike{text-decoration:line-through;} .g-text mark{background:#FF0;color:#000;} .g-text small{font-size:80%;} .g-text sub,.g-text sup{position:relative;line-height:0;vertical-align:baseline;font-size:75%;} .g-text sup{top:-0.5em;} .g-text sub{bottom:-0.25em;} .g-text abbr[title]{border-bottom:1px dotted;} .g-text audio:not([controls]){display:none;height:0;} .g-text > :last-child{margin-bottom:0;} /*********************************************/ /***** END Text normalize *****/ /*********************************************/ /*********************************************/ /***** Mediaqueries BEGIN *****/ /*********************************************/ .g-col-12{width:100%;}.g-col-11{width:91.5%}.g-col-10{width:83.2%}.g-col-9{width:75%}.g-col-8{width:66.6%}.g-col-7{width:58.3%}.g-col-6{width:50%}.g-col-5{width:41.7%}.g-col-4{width:33.3%}.g-col-3{width:25%}.g-col-2{width:16.6%}.g-col-1{width:8.3%} /* XL */ @media(max-width:1400px){ .g-col-12{width:100%;}.g-col-11{width:83.2%}.g-col-10{width:83.2%}.g-col-9{width:75%}.g-col-8{width:66.6%}.g-col-7{width:58.3%}.g-col-6{width:50%}.g-col-5{width:41.7%}.g-col-4{width:33.3%}.g-col-3{width:25%}.g-col-2,.g-col-1{width:16.6%} .g-col-12_from-xl{width:100%;}.g-col-11_from-xl{width:91.5%;}.g-col-10_from-xl{width:83.2%;}.g-col-9_from-xl{width:75%;}.g-col-8_from-xl{width:66.6%;}.g-col-7_from-xl{width:58.3%}.g-col-6_from-xl{width:50%}.g-col-5_from-xl{width:41.7%;}.g-col-4_from-xl{width:33.3%;}.g-col-3_from-xl{width:25%;}.g-col-2_from-xl{width:16.6%;}.g-col-1_from-xl{width:8.3%;} .g-col-12_xl{width:100%;}.g-col-11_xl{width:91.5%;}.g-col-10_xl{width:83.2%;}.g-col-9_xl{width:75%;}.g-col-8_xl{width:66.6%;}.g-col-7_xl{width:58.3%}.g-col-6_xl{width:50%}.g-col-5_xl{width:41.7%;}.g-col-4_xl{width:33.3%;}.g-col-3_xl{width:25%;}.g-col-2_xl{width:16.6%;}.g-col-1_xl{width:8.3%;}} /* L */ @media(max-width:1200px){ /* 4 cols - auto */ .g-col-12{width:100%}.g-col-11{width:75%}.g-col-10{width:75%}.g-col-9{width:75%}.g-col-8{width:66.6%}.g-col-7{width:58.3%}.g-col-6{width:50%}.g-col-5{width:41.7%}.g-col-4{width:33.3%}.g-col-3,.g-col-2,.g-col-1{width:25%} .g-col-12_from-xl{width:100%;}.g-col-11_from-xl{width:91.5%;}.g-col-10_from-xl{width:83.2%;}.g-col-9_from-xl{width:75%;}.g-col-8_from-xl{width:66.6%;}.g-col-7_from-xl{width:58.3%}.g-col-6_from-xl{width:50%}.g-col-5_from-xl{width:41.7%;}.g-col-4_from-xl{width:33.3%;}.g-col-3_from-xl{width:25%;}.g-col-2_from-xl{width:16.6%;}.g-col-1_from-xl{width:8.3%;} .g-col-12_from-l{width:100%;}.g-col-11_from-l{width:91.5%;}.g-col-10_from-l{width:83.2%;}.g-col-9_from-l{width:75%;}.g-col-8_from-l{width:66.6%;}.g-col-7_from-l{width:58.3%}.g-col-6_from-l{width:50%}.g-col-5_from-l{width:41.7%;}.g-col-4_from-l{width:33.3%;}.g-col-3_from-l{width:25%;}.g-col-2_from-l{width:16.6%;}.g-col-1_from-l{width:8.3%;} .g-col-12_l{width:100%;}.g-col-11_l{width:91.5%;}.g-col-10_l{width:83.2%;}.g-col-9_l{width:75%;}.g-col-8_l{width:66.6%;}.g-col-7_l{width:58.3%}.g-col-6_l{width:50%}.g-col-5_l{width:41.7%;}.g-col-4_l{width:33.3%;}.g-col-3_l{width:25%;}.g-col-2_l{width:16.6%;}.g-col-1_l{width:8.3%;}} /* M */ @media(max-width:960px){ /* 3 cols - auto */ .g-col-12{width:100%}.g-col-11{width:66.6%}.g-col-10{width:66.6%}.g-col-9{width:66.6%}.g-col-8{width:66.6%}.g-col-7{width:58.3%}.g-col-6{width:50%}.g-col-5{width:41.7%}.g-col-4,.g-col-3,.g-col-2,.g-col-1{width:33.3%} .g-col-12_from-xl{width:100%;}.g-col-11_from-xl{width:91.5%;}.g-col-10_from-xl{width:83.2%;}.g-col-9_from-xl{width:75%;}.g-col-8_from-xl{width:66.6%;}.g-col-7_from-xl{width:58.3%}.g-col-6_from-xl{width:50%}.g-col-5_from-xl{width:41.7%;}.g-col-4_from-xl{width:33.3%;}.g-col-3_from-xl{width:25%;}.g-col-2_from-xl{width:16.6%;}.g-col-1_from-xl{width:8.3%;} .g-col-12_from-l{width:100%;}.g-col-11_from-l{width:91.5%;}.g-col-10_from-l{width:83.2%;}.g-col-9_from-l{width:75%;}.g-col-8_from-l{width:66.6%;}.g-col-7_from-l{width:58.3%}.g-col-6_from-l{width:50%}.g-col-5_from-l{width:41.7%;}.g-col-4_from-l{width:33.3%;}.g-col-3_from-l{width:25%;}.g-col-2_from-l{width:16.6%;}.g-col-1_from-l{width:8.3%;} .g-col-12_from-m{width:100%;}.g-col-11_from-m{width:91.5%;}.g-col-10_from-m{width:83.2%;}.g-col-9_from-m{width:75%;}.g-col-8_from-m{width:66.6%;}.g-col-7_from-m{width:58.3%}.g-col-6_from-m{width:50%}.g-col-5_from-m{width:41.7%;}.g-col-4_from-m{width:33.3%;}.g-col-3_from-m{width:25%;}.g-col-2_from-m{width:16.6%;}.g-col-1_from-m{width:8.3%;} .g-col-12_m{width:100%;}.g-col-11_m{width:91.5%;}.g-col-10_m{width:83.2%;}.g-col-9_m{width:75%;}.g-col-8_m{width:66.6%;}.g-col-7_m{width:58.3%}.g-col-6_m{width:50%}.g-col-5_m{width:41.7%;}.g-col-4_m{width:33.3%;}.g-col-3_m{width:25%;}.g-col-2_m{width:16.6%;}.g-col-1_m{width:8.3%;}} /* S */ @media(max-width:768px){ /* 2 cols - auto */ .g-col-12{width:100%}.g-col-11,.g-col-10,.g-col-9,.g-col-8,.g-col-7,.g-col-6,.g-col-5,.g-col-4,.g-col-3,.g-col-2,.g-col-1{width:50%} .g-col-12_from-xl{width:100%;}.g-col-11_from-xl{width:91.5%;}.g-col-10_from-xl{width:83.2%;}.g-col-9_from-xl{width:75%;}.g-col-8_from-xl{width:66.6%;}.g-col-7_from-xl{width:58.3%}.g-col-6_from-xl{width:50%}.g-col-5_from-xl{width:41.7%;}.g-col-4_from-xl{width:33.3%;}.g-col-3_from-xl{width:25%;}.g-col-2_from-xl{width:16.6%;}.g-col-1_from-xl{width:8.3%;}.g-col-12_from-l{width:100%;}.g-col-11_from-l{width:91.5%;}.g-col-10_from-l{width:83.2%;}.g-col-9_from-l{width:75%;}.g-col-8_from-l{width:66.6%;}.g-col-7_from-l{width:58.3%}.g-col-6_from-l{width:50%}.g-col-5_from-l{width:41.7%;}.g-col-4_from-l{width:33.3%;}.g-col-3_from-l{width:25%;}.g-col-2_from-l{width:16.6%;}.g-col-1_from-l{width:8.3%;} .g-col-12_from-m{width:100%;}.g-col-11_from-m{width:91.5%;}.g-col-10_from-m{width:83.2%;}.g-col-9_from-m{width:75%;}.g-col-8_from-m{width:66.6%;}.g-col-7_from-m{width:58.3%}.g-col-6_from-m{width:50%}.g-col-5_from-m{width:41.7%;}.g-col-4_from-m{width:33.3%;}.g-col-3_from-m{width:25%;}.g-col-2_from-m{width:16.6%;}.g-col-1_from-m{width:8.3%;} .g-col-12_from-s{width:100%;}.g-col-11_from-s{width:91.5%;}.g-col-10_from-s{width:83.2%;}.g-col-9_from-s{width:75%;}.g-col-8_from-s{width:66.6%;}.g-col-7_from-s{width:58.3%}.g-col-6_from-s{width:50%}.g-col-5_from-s{width:41.7%;}.g-col-4_from-s{width:33.3%;}.g-col-3_from-s{width:25%;}.g-col-2_from-s{width:16.6%;}.g-col-1_from-s{width:8.3%;} .g-col-12_s{width:100%;}.g-col-11_s{width:91.5%;}.g-col-10_s{width:83.2%;}.g-col-9_s{width:75%;}.g-col-8_s{width:66.6%;}.g-col-7_s{width:58.3%}.g-col-6_s{width:50%}.g-col-5_s{width:41.7%;}.g-col-4_s{width:33.3%;}.g-col-3_s{width:25%;}.g-col-2_s{width:16.6%;}.g-col-1_s{width:8.3%;}} /* XS */ @media(max-width:480px){ /* 1 col - auto*/ .g-col-12,.g-col-11,.g-col-10,.g-col-9,.g-col-8,.g-col-7,.g-col-6,.g-col-5,.g-col-4,.g-col-3,.g-col-2,.g-col-1{width:100%} .g-col-12_from-xl{width:100%;}.g-col-11_from-xl{width:91.5%;}.g-col-10_from-xl{width:83.2%;}.g-col-9_from-xl{width:75%;}.g-col-8_from-xl{width:66.6%;}.g-col-7_from-xl{width:58.3%}.g-col-6_from-xl{width:50%}.g-col-5_from-xl{width:41.7%;}.g-col-4_from-xl{width:33.3%;}.g-col-3_from-xl{width:25%;}.g-col-2_from-xl{width:16.6%;}.g-col-1_from-xl{width:8.3%;} .g-col-12_from-l{width:100%;}.g-col-11_from-l{width:91.5%;}.g-col-10_from-l{width:83.2%;}.g-col-9_from-l{width:75%;}.g-col-8_from-l{width:66.6%;}.g-col-7_from-l{width:58.3%}.g-col-6_from-l{width:50%}.g-col-5_from-l{width:41.7%;}.g-col-4_from-l{width:33.3%;}.g-col-3_from-l{width:25%;}.g-col-2_from-l{width:16.6%;}.g-col-1_from-l{width:8.3%;} .g-col-12_from-m{width:100%;}.g-col-11_from-m{width:91.5%;}.g-col-10_from-m{width:83.2%;}.g-col-9_from-m{width:75%;}.g-col-8_from-m{width:66.6%;}.g-col-7_from-m{width:58.3%}.g-col-6_from-m{width:50%}.g-col-5_from-m{width:41.7%;}.g-col-4_from-m{width:33.3%;}.g-col-3_from-m{width:25%;}.g-col-2_from-m{width:16.6%;}.g-col-1_from-m{width:8.3%;} .g-col-12_from-s{width:100%;}.g-col-11_from-s{width:91.5%;}.g-col-10_from-s{width:83.2%;}.g-col-9_from-s{width:75%;}.g-col-8_from-s{width:66.6%;}.g-col-7_from-s{width:58.3%}.g-col-6_from-s{width:50%}.g-col-5_from-s{width:41.7%;}.g-col-4_from-s{width:33.3%;}.g-col-3_from-s{width:25%;}.g-col-2_from-s{width:16.6%;}.g-col-1_from-s{width:8.3%;} .g-col-12_xs{width:100%;}.g-col-11_xs{width:91.5%;}.g-col-10_xs{width:83.2%;}.g-col-9_xs{width:75%;}.g-col-8_xs{width:66.6%;}.g-col-7_xs{width:58.3%}.g-col-6_xs{width:50%}.g-col-5_xs{width:41.7%;}.g-col-4_xs{width:33.3%;}.g-col-3_xs{width:25%;}.g-col-2_xs{width:16.6%;}.g-col-1_xs{width:8.3%;}} /*********************************************/ /***** Mediaqueries END *****/ /*********************************************/