| Server IP : 65.1.209.187 / Your IP : 216.73.216.144 Web Server : nginx/1.24.0 System : Linux ip-172-31-5-206 6.14.0-1015-aws #15~24.04.1-Ubuntu SMP Tue Sep 23 22:44:48 UTC 2025 x86_64 User : ( 1001) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/quditinfotech.com/css/ |
Upload File : |
@charset "UTF-8";footer,header,main,nav,section {display:block;}
[hidden] {display:none;}
html {font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html {font-family:sans-serif;}
body {margin:0;}
a:focus {outline:0;}
a:active,a:hover {outline:0;}
h1 {font-size:2em;margin:.67em 0;}
h2 {font-size:1.5em;margin:.83em 0;}
h3 {font-size:1.17em;margin:1em 0;}
h4 {font-size:1em;margin:1.33em 0;}
h5 {font-size:.83em;margin:1.67em 0;}
h6 {font-size:.67em;margin:2.33em 0;}}
menu,ul {margin:1em 0;}
menu,ul {padding:0 0 0 40px;}
nav ul {list-style:none;list-style-image:none;}
img {border:0;-ms-interpolation-mode:bicubic;}
img {max-width:100%;height:auto;}
@media only screen and (min-width: 700px) {
.whatsapp {
display: none;
}
}
html {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:400;}
h1,h2,h3,h4,h5,h6 {margin:1.5em 0 .25em;font-weight:400;}
.h1,.h2,h1,h2 {margin:0;font-weight:300;}
h1 {font-size:36px;line-height:1.2;}
@media only screen and (min-width: 550px) {
.fontsize--massive {
font-size: 65px;
}
}
@media only screen and (min-width: 700px) {
.fontsize--massive {
font-size: 82px;
}
}
@media only screen and (min-width: 1000px) {
.fontsize--massive {
font-size: 90px;
}
}
@media only screen and (min-width: 1200px) {
.fontsize--massive {
font-size: 105px;
}
}
@media only screen and (min-width: 1400px) {
.fontsize--massive {
font-size: 115px;
}
}
@media only screen and (min-width: 1600px) {
.fontsize--massive {
font-size: 120px;
}
}
.fontsize--huge,
h1 {
font-size: 36px;
line-height: 1.2;
}
@media only screen and (min-width: 550px) {
.fontsize--huge,
h1 {
font-size: 40px;
}
}
@media only screen and (min-width: 700px) {
.fontsize--huge,
h1 {
font-size: 52px;
}
}
@media only screen and (min-width: 1000px) {
.fontsize--huge,
h1 {
font-size: 56px;
}
}
@media only screen and (min-width: 1200px) {
.fontsize--huge,
h1 {
font-size: 60px;
}
}
@media only screen and (min-width: 1400px) {
.fontsize--huge,
h1 {
font-size: 64px;
}
}
@media only screen and (min-width: 1600px) {
.fontsize--huge,
h1 {
font-size: 66px;
}
}
.fontsize--large,
h2 {
font-size: 26px;
line-height: 1.3;
}
@media only screen and (min-width: 550px) {
.fontsize--large,
h2 {
font-size: 30px;
}
}
@media only screen and (min-width: 700px) {
.fontsize--large,
h2 {
font-size: 34px;
}
}
@media only screen and (min-width: 1000px) {
.fontsize--large,
h2 {
font-size: 40px;
}
}
@media only screen and (min-width: 1200px) {
.fontsize--large,
h2 {
font-size: 45px;
}
}
@media only screen and (min-width: 1400px) {
.fontsize--large,
h2 {
font-size: 47px;
}
}
@media only screen and (min-width: 1600px) {
.fontsize--large,
h2 {
font-size: 50px;
}
}
.fontsize--med,
h3 {
font-size: 20px;
line-height: 1.4;
}
@media only screen and (min-width: 550px) {
.fontsize--med,
h3 {
font-size: 24px;
}
}
@media only screen and (min-width: 700px) {
.fontsize--med,
h3 {
font-size: 26px;
}
}
@media only screen and (min-width: 1000px) {
.fontsize--med,
h3 {
font-size: 26px;
}
}
@media only screen and (min-width: 1200px) {
.fontsize--med,
h3 {
font-size: 28px;
}
}
@media only screen and (min-width: 1400px) {
.fontsize--med,
h3 {
font-size: 28px;
}
}
@media only screen and (min-width: 1600px) {
.fontsize--med,
h3 {
font-size: 32px;
}
}
.fontsize--reg,
body,
h4 {
font-size: 14px;
line-height: 1.5;
}
@media only screen and (min-width: 550px) {
.fontsize--reg,
body,
h4 {
font-size: 15px;
}
}
@media only screen and (min-width: 700px) {
.fontsize--reg,
body,
h4 {
font-size: 15px;
}
}
@media only screen and (min-width: 1000px) {
.fontsize--reg,
body,
h4 {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) {
.fontsize--reg,
body,
h4 {
font-size: 16px;
}
}
@media only screen and (min-width: 1400px) {
.fontsize--reg,
body,
h4 {
font-size: 17px;
}
}
@media only screen and (min-width: 1600px) {
.fontsize--reg,
body,
h4 {
font-size: 18px;
}
}
.fontsize--sml,
h5 {
font-size: 12px;
line-height: 1.5;
}
@media only screen and (min-width: 550px) {
.fontsize--sml,
h5 {
font-size: 13px;
}
}
@media only screen and (min-width: 700px) {
.fontsize--sml,
h5 {
font-size: 14px;
}
}
@media only screen and (min-width: 1000px) {
.fontsize--sml,
h5 {
font-size: 14px;
}
}
@media only screen and (min-width: 1200px) {
.fontsize--sml,
h5 {
font-size: 15px;
}
}
@media only screen and (min-width: 1400px) {
.fontsize--sml,
h5 {
font-size: 15px;
}
}
@media only screen and (min-width: 1600px) {
.fontsize--sml,
h5 {
font-size: 16px;
}
}
.fontsize--sml.font--rosario,
h5.font--rosario {
font-size: 10px;
}
@media only screen and (min-width: 550px) {
.fontsize--sml.font--rosario,
h5.font--rosario {
font-size: 10px;
}
}
@media only screen and (min-width: 700px) {
.fontsize--sml.font--rosario,
h5.font--rosario {
font-size: 11px;
}
}
@media only screen and (min-width: 1000px) {
.fontsize--sml.font--rosario,
h5.font--rosario {
font-size: 11px;
}
}
@media only screen and (min-width: 1200px) {
.fontsize--sml.font--rosario,
h5.font--rosario {
font-size: 11px;
}
}
@media only screen and (min-width: 1400px) {
.fontsize--sml.font--rosario,
h5.font--rosario {
font-size: 12px;
}
}
@media only screen and (min-width: 1600px) {
.fontsize--sml.font--rosario,
h5.font--rosario {
font-size: 12px;
}
}
h5 {
font-family: "rosario", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.75px;
font-size: 10px;
}
@media only screen and (min-width: 550px) {
h5 {
font-size: 10px;
}
}
@media only screen and (min-width: 700px) {
h5 {
font-size: 11px;
}
}
@media only screen and (min-width: 1000px) {
h5 {
font-size: 11px;
}
}
@media only screen and (min-width: 1200px) {
h5 {
font-size: 11px;
}
}
@media only screen and (min-width: 1400px) {
h5 {
font-size: 12px;
}
}
@media only screen and (min-width: 1600px) {
h5 {
font-size: 12px;
}
}
.fontsize--tiny,
h6 {
font-size: 11px;
line-height: 1.5;
}
@media only screen and (min-width: 550px) {
.fontsize--tiny,
h6 {
font-size: 11px;
}
}
@media only screen and (min-width: 700px) {
.fontsize--tiny,
h6 {
font-size: 12px;
}
}
@media only screen and (min-width: 1000px) {
.fontsize--tiny,
h6 {
font-size: 12px;
}
}
@media only screen and (min-width: 1200px) {
.fontsize--tiny,
h6 {
font-size: 12px;
}
}
@media only screen and (min-width: 1400px) {
.fontsize--tiny,
h6 {
font-size: 13px;
}
}
@media only screen and (min-width: 1600px) {
.fontsize--tiny,
h6 {
font-size: 14px;
}
}
.fontsize--tiny.font--rosario,
h6.font--rosario {
font-size: 9px;
}
@media only screen and (min-width: 550px) {
.fontsize--tiny.font--rosario,
h6.font--rosario {
font-size: 9px;
}
}
@media only screen and (min-width: 700px) {
.fontsize--tiny.font--rosario,
h6.font--rosario {
font-size: 10px;
}
}
@media only screen and (min-width: 1000px) {
.fontsize--tiny.font--rosario,
h6.font--rosario {
font-size: 10px;
}
}
@media only screen and (min-width: 1200px) {
.fontsize--tiny.font--rosario,
h6.font--rosario {
font-size: 10px;
}
}
@media only screen and (min-width: 1400px) {
.fontsize--tiny.font--rosario,
h6.font--rosario {
font-size: 11px;
}
}
@media only screen and (min-width: 1600px) {
.fontsize--tiny.font--rosario,
h6.font--rosario {
font-size: 11px;
}
}
.font--bold,
b,
strong {
font-weight: 700;
}
.font--semibold {
font-weight: 700;
}
.font--reg {
font-weight: 400;
}
.font--light {
font-weight: 300;
}
.font--italic {
font-style: italic;
}
.font--rosario {
font-family: "rosario", Helvetica, Arial, sans-serif;
letter-spacing: 1.75px;
}
.font--body {
font-family: "open-sans", Helvetica, Arial, sans-serif;
letter-spacing: normal;
}
.opacity--3 {
opacity: 0.33;
}
.opacity--5 {
opacity: 0.5;
}
.opacity--6 {
opacity: 0.66;
}
.case--lower {
text-transform: lowercase;
}
.case--capitals {
text-transform: capitalize;
}
.case--upper {
text-transform: uppercase;
}
.text-align--center {
text-align: center;
}
.text-align--left {
text-align: left;
}
.text-align--right {
text-align: right;
}
.color--primary {
color: #080808;
}
.color--white {
color: #fff;
}
.color--green {
color: #047a1e;display: none;
}
.success-msg {
display: block;
}
.color--grey {
color: rgba(45, 21, 48, 0.05);
}
.color--secondary {
color: #f34f47;
}
ol,
ul {
margin: 0 0 1em;
padding: 0;
}
p {
margin: 0 0 1em;
}
.font--outline {
-webkit-text-fill-color: transparent;
/* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #080808;
}
.font--outline.color--white, .color--white .font--outline {
-webkit-text-stroke-color: #ccc;
}
.font--outline.color--secondary, .color--secondary .font--outline {
-webkit-text-stroke-color: #F8795D;
}
.linethrough {
position: relative;
margin: 0;
display: block;
}
.linethrough:after {
content: "";
width: 100%;
border-top: 1px solid rgba(248, 121, 93, 0.15);
position: absolute;
left: 0;
top: 50%;
}
.linethrough .linethrough__heading {
position: relative;
z-index: 2;
background: #fff;
padding-right: 1em;
}
.linethrough--btn {
width: 100%;
}
.linethrough--btn .btn {
margin: 0 auto;
position: relative;
z-index: 1;
}
.linethrough--btn .btn--outline {
background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
}
/* ==========================================================================
links -- links-buttons.scss
========================================================================== */
a {
color: inherit;
text-decoration: none;
}
a:hover {
color: inherit;
}
a .fa,
a .fab,
a .fal,
a .far,
a .fas {
padding: 0 0 0 0.66em;
}
a .fa--left,
a .fab--left,
a .fal--left,
a .far--left,
a .fas--left {
padding: 0 0.66em 0 0;
}
a .fa--nopad,
a .fab--nopad,
a .fal--nopad,
a .far--nopad,
a .fas--nopad {
padding: 0;
}
.linkline {
background-image: linear-gradient(90deg, #f8795d 0%, #f8795d 50%, rgba(248, 121, 93, 0.3) 50%, rgba(248, 121, 93, 0.3) 100%);
background-size: 200% 0.65em;
background-position: 100% bottom;
background-repeat: no-repeat;
-webkit-transition: background-position 250ms ease-out 0ms;
-moz-transition: background-position 250ms ease-out 0ms;
transition: background-position 250ms ease-out 0ms;
}
a:hover .linkline {
background-position: 0 bottom;
}
.hiddenlinkline .linkline {
background-image: linear-gradient(90deg, rgba(248, 121, 93, 0.3) 0%, rgba(248, 121, 93, 0.3) 50%, rgba(248, 121, 93, 0) 50%, rgba(248, 121, 93, 0) 100%);
}
.btn,
.cli-plugin-button {
/* background-image: linear-gradient(to right, #F6603E 50%, #F8795D 50%);*/
background-size: 210% 100%;
background-position: right bottom;
-webkit-transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
-moz-transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
color: #fff;
display: inline-block;
margin: 0 0.5em 0.5em 0;
padding: 1em 3em;
border-radius: 3em;
/* border: none;*/
font-family: "rosario", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.75px;
cursor: pointer;
font-size: 10px;
border: 2px solid;
}
@media only screen and (min-width: 550px) {
.btn,
.cli-plugin-button {
font-size: 10px;
}
}
@media only screen and (min-width: 700px) {
.btn,
.cli-plugin-button {
font-size: 11px;
}
}
@media only screen and (min-width: 1000px) {
.btn,
.cli-plugin-button {
font-size: 11px;
}
}
@media only screen and (min-width: 1200px) {
.btn,
.cli-plugin-button {
font-size: 11px;
}
}
@media only screen and (min-width: 1400px) {
.btn,
.cli-plugin-button {
font-size: 12px;
}
}
@media only screen and (min-width: 1600px) {
.btn,
.cli-plugin-button {
font-size: 12px;
}
}
.btn .linkline,
.cli-plugin-button .linkline {
background-image: none;
}
.btn:before,
.cli-plugin-button:before {
content: "";
font-family: "Font Awesome 5 Pro";
font-weight: 200;
margin-left: -2em;
position: absolute;
opacity: 0;
-webkit-transition: opacity 250ms ease-out 0ms;
-moz-transition: opacity 250ms ease-out 0ms;
transition: opacity 250ms ease-out 0ms;
}
.btn:hover,
.cli-plugin-button:hover {
background-position: left bottom;
color: #fff;
padding: 1em 2em 1em 4em;
}
.btn:hover:before,
.cli-plugin-button:hover:before {
opacity: 1;
-webkit-transition: opacity 250ms ease-out 150ms;
-moz-transition: opacity 250ms ease-out 150ms;
transition: opacity 250ms ease-out 150ms;
}
.btn--disabled,
.cli-plugin-button--disabled {
opacity: 0.5;
pointer-events: none;
}
.btn--large,
.cli-plugin-button--large {
padding: 1em 3.5em;
}
/*.btn--large:hover,
.cli-plugin-button--large:hover {
padding: 1.5em 2.5em 1.5em 4.5em;
}*/
.btn--fullwidth,
.cli-plugin-button--fullwidth {
margin: 0;
width: 100%;
box-sizing: border-box;
text-align: center;
-webkit-transition: padding 750ms ease-out, color 500ms ease-out 0ms, background-position 750ms ease-out 0ms;
-moz-transition: padding 750ms ease-out, color 500ms ease-out 0ms, background-position 750ms ease-out 0ms;
transition: padding 750ms ease-out, color 500ms ease-out 0ms, background-position 750ms ease-out 0ms;
}
.btn--noicon,
.cli-plugin-button--noicon {
padding: 1em 2em;
}
.btn--noicon:before,
.cli-plugin-button--noicon:before {
display: none;
}
.btn--noicon:hover,
.cli-plugin-button--noicon:hover {
padding: 1em 2em;
}
.btn--nohover,
.cli-plugin-button--nohover {
pointer-events: none;
}
.btn--back:before,
.cli-plugin-button--back:before {
content: "";
}
.btn--down:before,
.cli-plugin-button--down:before {
content: "";
}
.btn--up:before,
.cli-plugin-button--up:before {
content: "";
}
.btn--close:before,
.cli-plugin-button--close:before {
content: "";
}
.btn--tick:before,
.cli-plugin-button--tick:before {
content: "";
}
.btn--count,
.cli-plugin-button--count {
position: relative;
padding: 1.25em 6em 1.25em 4em;
}
.btn--count:before,
.cli-plugin-button--count:before {
display: none;
}
.btn--count:hover,
.cli-plugin-button--count:hover {
padding: 1.25em 6em 1.25em 4em;
}
.btn--count .btn__count,
.cli-plugin-button--count .btn__count {
position: absolute;
top: 0.5em;
right: 0.5em;
background: #fff;
padding: 0.75em;
border-radius: 4em;
margin: 0 0 0 2.5em;
color: #F8795D;
font-weight: 700;
display: inline-block;
text-align: center;
min-width: 1.75em;
height: 1.75em;
line-height: 1.5em;
}
.btn--white,
.cli-plugin-button--white {
background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
}
.btn--white.btn--opaque,
.cli-plugin-button--white.btn--opaque {
color: #ccc;
background-image: linear-gradient(to right, #f8795d 50%, rgba(255, 255, 255, 0.1) 50%);
}
.btn--opaque,
.cli-plugin-button--opaque {
color: #080808;
background-image: linear-gradient(to right, #f6603e 50%, rgba(248, 121, 93, 0.1) 50%);
}
.btn--opaque:hover,
.cli-plugin-button--opaque:hover {
color: #ccc;
}
.btn--outline,
.cli-plugin-button--outline {
color: #080808;
border: 1px solid #F8795D;
background-image: linear-gradient(to right, #F8795D 50%, rgba(248, 121, 93, 0.001) 50%);
box-sizing: border-box;
}
.btn--outline:hover,
.cli-plugin-button--outline:hover {
color: #ccc;
}
.btn--grey,
.cli-plugin-button--grey {
background-image: linear-gradient(to right, #080808 50%, rgba(45, 21, 48, 0.05) 50%);
color: #080808;
}
.btn--grey:hover,
.cli-plugin-button--grey:hover {
color: #ccc;
}
.btn--white,
.cli-plugin-button--white {
background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
color: #080808;
}
.btn--white:hover {color: #fff;}
/* ==========================================================================
tags -- links-buttons.scss
========================================================================== */
.tag {
background-color: rgba(45, 21, 48, 0.05);
display: inline-block;
margin: 0;
padding: 1em 2em 1em 2.5em;
border-radius: 3em;
border: none;
font-family: "rosario", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.75px;
cursor: pointer;
font-size: 10px;
}
@media only screen and (min-width: 550px) {
.tag {
font-size: 10px;
}
}
@media only screen and (min-width: 700px) {
.tag {
font-size: 11px;
}
}
@media only screen and (min-width: 1000px) {
.tag {
font-size: 11px;
}
}
@media only screen and (min-width: 1200px) {
.tag {
font-size: 11px;
}
}
@media only screen and (min-width: 1400px) {
.tag {
font-size: 12px;
}
}
@media only screen and (min-width: 1600px) {
.tag {
font-size: 12px;
}
}
.tag .fa,
.tag .fab,
.tag .fal,
.tag .far,
.tag .fas {
padding: 0 0 0 1em;
}
.tag .fa--left,
.tag .fab--left,
.tag .fal--left,
.tag .far--left,
.tag .fas--left {
padding: 0 1em 0 0;
}
.tag .fa--nopad,
.tag .fab--nopad,
.tag .fal--nopad,
.tag .far--nopad,
.tag .fas--nopad {
padding: 0;
}
.tag:hover {
background: #080808;
color: #ccc;
}
.tag:hover .fa,
.tag:hover .fab,
.tag:hover .fal,
.tag:hover .far,
.tag:hover .fas {
opacity: 1;
color: #F8795D;
}
/* ==========================================================================
share icons -- links-buttons.scss
========================================================================== */
.shareicons {
pointer-events: none;
position: fixed;
bottom: 0;
right: 0;
z-index: 100;
text-align: right;
right: 1.5em;
bottom: 1.5em;
}
@media only screen and (min-width: 550px) {
.shareicons {
right: 2.5em;
bottom: 2.5em;
}
}
@media only screen and (min-width: 700px) {
.shareicons {
right: 2.5em;
bottom: 2.5em;
}
}
@media only screen and (min-width: 1000px) {
.shareicons {
right: 2em;
bottom: 2em;
}
}
@media only screen and (min-width: 1200px) {
.shareicons {
right: 2em;
bottom: 2em;
}
}
@media only screen and (min-width: 1400px) {
.shareicons {
right: 2em;
bottom: 2em;
}
}
@media only screen and (min-width: 1600px) {
.shareicons {
right: calc((100vw - (1600px - (2em * 2))) / 2);
bottom: calc((100vw - (1600px - (2em * 2))) / 2);
}
}
.shareicons .shareiconslist li {
margin: 0;
position: relative;
left: 3em;
opacity: 0;
-webkit-transition: opacity 250ms ease-out 0ms, left 250ms ease-out 0ms;
-moz-transition: opacity 250ms ease-out 0ms, left 250ms ease-out 0ms;
transition: opacity 250ms ease-out 0ms, left 250ms ease-out 0ms;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
transition-delay: 300ms;
}
.shareicons .shareiconslist li:nth-child(2) {
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
transition-delay: 150ms;
}
.shareicons .shareiconslist li:nth-child(3) {
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
}
.shareicons .sharelink {
display: inline-block;
background: #fff;
color: #F8795D;
border: 1px solid rgba(45, 21, 48, 0.05);
line-height: 3em;
height: 3em;
text-align: center;
border-radius: 1.5em;
margin: 0;
}
.shareicons .sharelink:after {
content: "";
height: 0;
visibility: hidden;
clear: both;
display: block;
}
.shareicons .sharelink:hover {
background: #F8795D;
color: #ccc;
}
.shareicons .sharelink .sharetext {
overflow: hidden;
font-size: 12px;
display: block;
float: left;
text-align: right;
width: 0;
-webkit-transition: all 0.15s ease-in-out 0s;
-moz-transition: all 0.15s ease-in-out 0s;
transition: all 0.15s ease-in-out 0s;
}
.shareicons .sharelink .shareicon {
width: 3em;
text-align: center;
display: block;
float: left;
padding: 0;
border: none;
}
.shareicons .sharelink .shareicon .fab {
display: inline-block;
padding: 0;
}
.shareicons .sharelink a:hover .shareicon .fab {
display: inline-block;
padding: 0;
}
.shareicons .sharelink:hover .sharetext {
width: 55px;
}
.shareicons--show {
pointer-events: all;
}
.shareicons--show .shareiconslist li {
left: 0;
opacity: 1;
}
/*================= LAYOUT =================*/
/* ==========================================================================
Flex Grid
========================================================================== */
.gd-g {
margin-left: -0.75em;
margin-right: -0.75em;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gd-g--nowrap {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.gd-g--wrapreverse {
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.gd-g--column {
-webkit-flex-direction: column;
/* Safari 6.1+ */
flex-direction: column;
}
.gd-g--columnreverse {
-webkit-flex-direction: column-reverse;
/* Safari 6.1+ */
flex-direction: column-reverse;
}
.gd-g--row {
-webkit-flex-direction: row;
/* Safari 6.1+ */
flex-direction: row;
}
.gd-g--rowreverse {
-webkit-flex-direction: row-reverse;
/* Safari 6.1+ */
flex-direction: row-reverse;
}
@media only screen and (min-width: 550px) {
.gd-g--rowreverse--sm {
-webkit-flex-direction: row-reverse;
/* Safari 6.1+ */
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 700px) {
.gd-g--rowreverse--md {
-webkit-flex-direction: row-reverse;
/* Safari 6.1+ */
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1000px) {
.gd-g--rowreverse--lg {
-webkit-flex-direction: row-reverse;
/* Safari 6.1+ */
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1200px) {
.gd-g--rowreverse--xl {
-webkit-flex-direction: row-reverse;
/* Safari 6.1+ */
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1400px) {
.gd-g--rowreverse--wi {
-webkit-flex-direction: row-reverse;
/* Safari 6.1+ */
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1600px) {
.gd-g--rowreverse--xw {
-webkit-flex-direction: row-reverse;
/* Safari 6.1+ */
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 550px) {
.gd-g--columnreverse--sm {
-webkit-flex-direction: column-reverse;
/* Safari 6.1+ */
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 700px) {
.gd-g--columnreverse--md {
-webkit-flex-direction: column-reverse;
/* Safari 6.1+ */
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 1000px) {
.gd-g--columnreverse--lg {
-webkit-flex-direction: column-reverse;
/* Safari 6.1+ */
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 1200px) {
.gd-g--columnreverse--xl {
-webkit-flex-direction: column-reverse;
/* Safari 6.1+ */
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 1400px) {
.gd-g--columnreverse--wi {
-webkit-flex-direction: column-reverse;
/* Safari 6.1+ */
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 1600px) {
.gd-g--columnreverse--xw {
-webkit-flex-direction: column-reverse;
/* Safari 6.1+ */
flex-direction: column-reverse;
}
}
.gd-g--center {
justify-content: center;
/* For IE 10 */
-ms-flex-pack: center;
}
@media only screen and (min-width: 1000px) {
.gd-g--center--lg {
justify-content: center;
/* For IE 10 */
-ms-flex-pack: center;
}
}
.gd-g--left {
justify-content: flex-start;
}
.gd-g--right {
justify-content: flex-end;
}
.gd-g--spacebetween {
justify-content: space-between;
}
.gd-g--spacearound {
justify-content: space-around;
}
.gd-g--spaceevenly {
justify-content: space-evenly;
}
.gd-g--vertcenter {
align-items: center;
}
.gd-g--vertstart {
align-items: flex-start;
}
.gd-g--vertend {
align-items: flex-end;
}
.gd-g .opera-only :-o-prefocus, .gd-g {
word-spacing: -0.43em;
}
.gd-g .gd-u {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding-left: 0.75em;
padding-right: 0.75em;
}
.gd-g .gd-u.gd-u--nopadleft {
padding-left: 0;
}
.gd-g .gd-u.gd-u--nopadright {
padding-right: 0;
}
.gd-g .gd-u-1 {
width: 100%;
}
.gd-g .gd-u-1-2 {
width: 50%;
}
.gd-g .gd-u-1-3 {
width: 33.3%;
}
.gd-g .gd-u-2-3 {
width: 66.66666%;
}
.gd-g .gd-u-1-4 {
width: 25%;
}
.gd-g .gd-u-3-4 {
width: 75%;
}
.gd-g .gd-u-1-5 {
width: 20%;
}
.gd-g .gd-u-2-5 {
width: 40%;
}
.gd-g .gd-u-3-5 {
width: 60%;
}
.gd-g .gd-u-4-5 {
width: 80%;
}
.gd-g .gd-u-1-6 {
width: 16.656%;
}
.gd-g .gd-u-5-6 {
width: 83.33%;
}
.gd-g .gd-u-3-7 {
width: 42.86;
}
.gd-g .gd-u-4-7 {
width: 57.14%;
}
.gd-g .gd-u-1-8 {
width: 12.5%;
}
.gd-g .gd-u-3-8 {
width: 37.5%;
}
.gd-g .gd-u-5-8 {
width: 62.5%;
}
.gd-g .gd-u-7-8 {
width: 87.5%;
}
.gd-g .gd-u-3-10 {
width: 30%;
}
.gd-g .gd-u-7-10 {
width: 70%;
}
.gd-g .gd-u-1-12 {
width: 8.3333%;
}
.gd-g .gd-u-5-12 {
width: 41.6666%;
}
.gd-g .gd-u-7-12 {
width: 58.3333%;
}
.gd-g .gd-u-11-12 {
width: 91.6666%;
}
.gd-g .gd-u-1-24 {
width: 4.1666%;
}
.gd-g .gd-u-5-24 {
width: 20.8333%;
}
.gd-g .gd-u-7-24 {
width: 29.1666%;
}
.gd-g .gd-u-11-24 {
width: 45.8333%;
}
.gd-g .gd-u-13-24 {
width: 54.1666%;
}
.gd-g .gd-u-17-24 {
width: 70.8333%;
}
.gd-g .gd-u-19-24 {
width: 79.1666%;
}
.gd-g .gd-u-23-24 {
width: 95.8333%;
}
.gd-g .gd-u-auto {
width: auto;
}
@media only screen and (max-width: 549px) {
.gd-g .lt550-hide {
display: none;
}
}
@media only screen and (min-width: 550px) {
.gd-g .gd-u-gt550-1 {
width: 100%;
}
.gd-g .gd-u-gt550-1-2 {
width: 50%;
}
.gd-g .gd-u-gt550-1-3 {
width: 33.33333%;
}
.gd-g .gd-u-gt550-2-3 {
width: 66.66666%;
}
.gd-g .gd-u-gt550-1-4 {
width: 25%;
}
.gd-g .gd-u-gt550-3-4 {
width: 75%;
}
.gd-g .gd-u-gt550-1-5 {
width: 20%;
}
.gd-g .gd-u-gt550-2-5 {
width: 40%;
}
.gd-g .gd-u-gt550-3-5 {
width: 60%;
}
.gd-g .gd-u-gt550-4-5 {
width: 80%;
}
.gd-g .gd-u-gt550-1-6 {
width: 16.656%;
}
.gd-g .gd-u-gt550-5-6 {
width: 83.33%;
}
.gd-g .gd-u-gt550-3-7 {
width: 42.86;
}
.gd-g .gd-u-gt550-4-7 {
width: 57.14%;
}
.gd-g .gd-u-gt550-1-8 {
width: 12.5%;
}
.gd-g .gd-u-gt550-3-8 {
width: 37.5%;
}
.gd-g .gd-u-gt550-5-8 {
width: 62.5%;
}
.gd-g .gd-u-gt550-7-8 {
width: 87.5%;
}
.gd-g .gd-u-gt550-3-10 {
width: 30%;
}
.gd-g .gd-u-gt550-7-10 {
width: 70%;
}
.gd-g .gd-u-gt550-1-12 {
width: 8.3333%;
}
.gd-g .gd-u-gt550-5-12 {
width: 41.6666%;
}
.gd-g .gd-u-gt550-7-12 {
width: 58.3333%;
}
.gd-g .gd-u-gt550-11-12 {
width: 91.6666%;
}
.gd-g .gd-u-gt550-1-24 {
width: 4.1666%;
}
.gd-g .gd-u-gt550-5-24 {
width: 20.8333%;
}
.gd-g .gd-u-gt550-7-24 {
width: 29.1666%;
}
.gd-g .gd-u-gt550-11-24 {
width: 45.8333%;
}
.gd-g .gd-u-gt550-13-24 {
width: 54.1666%;
}
.gd-g .gd-u-gt550-17-24 {
width: 70.8333%;
}
.gd-g .gd-u-gt550-19-24 {
width: 79.1666%;
}
.gd-g .gd-u-gt550-23-24 {
width: 95.8333%;
}
.gd-g .gd-u-gt550-auto {
width: auto;
}
.gd-g .gd-u-gt550--nopadleft {
padding-left: 0;
}
.gd-g .gd-u-gt550--nopadright {
padding-right: 0;
}
.gd-g .gd-g {
margin-right: -0.75em;
margin-left: -0.75em;
}
.gd-g .gd-u {
padding-right: 0.75em;
padding-left: 0.75em;
}
}
@media only screen and (max-width: 699px) {
.gd-g .lt700-hide {
display: none;
}
}
@media only screen and (min-width: 700px) {
.gd-g .gd-u-gt700-1 {
width: 100%;
}
.gd-g .gd-u-gt700-1-2 {
width: 50%;
}
.gd-g .gd-u-gt700-1-3 {
width: 33.33333%;
}
.gd-g .gd-u-gt700-2-3 {
width: 66.66666%;
}
.gd-g .gd-u-gt700-1-4 {
width: 25%;
}
.gd-g .gd-u-gt700-3-4 {
width: 75%;
}
.gd-g .gd-u-gt700-1-5 {
width: 20%;
}
.gd-g .gd-u-gt700-2-5 {
width: 40%;
}
.gd-g .gd-u-gt700-3-5 {
width: 60%;
}
.gd-g .gd-u-gt700-4-5 {
width: 80%;
}
.gd-g .gd-u-gt700-1-6 {
width: 16.656%;
}
.gd-g .gd-u-gt700-5-6 {
width: 83.33%;
}
.gd-g .gd-u-gt700-3-7 {
width: 42.86;
}
.gd-g .gd-u-gt700-4-7 {
width: 57.14%;
}
.gd-g .gd-u-gt700-1-8 {
width: 12.5%;
}
.gd-g .gd-u-gt700-3-8 {
width: 37.5%;
}
.gd-g .gd-u-gt700-5-8 {
width: 62.5%;
}
.gd-g .gd-u-gt700-7-8 {
width: 87.5%;
}
.gd-g .gd-u-gt700-3-10 {
width: 30%;
}
.gd-g .gd-u-gt700-7-10 {
width: 70%;
}
.gd-g .gd-u-gt700-1-12 {
width: 8.3333%;
}
.gd-g .gd-u-gt700-5-12 {
width: 41.6666%;
}
.gd-g .gd-u-gt700-7-12 {
width: 58.3333%;
}
.gd-g .gd-u-gt700-11-12 {
width: 91.6666%;
}
.gd-g .gd-u-gt700-1-24 {
width: 4.1666%;
}
.gd-g .gd-u-gt700-5-24 {
width: 20.8333%;
}
.gd-g .gd-u-gt700-7-24 {
width: 29.1666%;
}
.gd-g .gd-u-gt700-11-24 {
width: 45.8333%;
}
.gd-g .gd-u-gt700-13-24 {
width: 54.1666%;
}
.gd-g .gd-u-gt700-17-24 {
width: 70.8333%;
}
.gd-g .gd-u-gt700-19-24 {
width: 79.1666%;
}
.gd-g .gd-u-gt700-23-24 {
width: 95.8333%;
}
.gd-g .gd-u-gt700-auto {
width: auto;
}
.gd-g .gd-u-gt700--nopadleft {
padding-left: 0;
}
.gd-g .gd-u-gt700--nopadright {
padding-right: 0;
}
.gd-g .gd-g {
margin-right: -1em;
margin-left: -1em;
}
.gd-g .gd-u {
padding-right: 1em;
padding-left: 1em;
}
}
@media screen and (max-width: 799px) {
.gd-g .lt800-hide {
display: none;
}
}
@media screen and (min-width: 800px) {
.gd-g .gd-u-gt800-1 {
width: 100%;
}
.gd-g .gd-u-gt800-1-2 {
width: 50%;
}
.gd-g .gd-u-gt800-1-3 {
width: 33.33333%;
}
.gd-g .gd-u-gt800-2-3 {
width: 66.66666%;
}
.gd-g .gd-u-gt800-1-4 {
width: 25%;
}
.gd-g .gd-u-gt800-3-4 {
width: 75%;
}
.gd-g .gd-u-gt800-1-5 {
width: 20%;
}
.gd-g .gd-u-gt800-2-5 {
width: 40%;
}
.gd-g .gd-u-gt800-3-5 {
width: 60%;
}
.gd-g .gd-u-gt800-4-5 {
width: 80%;
}
.gd-g .gd-u-gt800-1-6 {
width: 16.656%;
}
.gd-g .gd-u-gt800-5-6 {
width: 83.33%;
}
.gd-g .gd-u-gt800-3-7 {
width: 42.86;
}
.gd-g .gd-u-gt800-4-7 {
width: 57.14%;
}
.gd-g .gd-u-gt800-1-8 {
width: 12.5%;
}
.gd-g .gd-u-gt800-3-8 {
width: 37.5%;
}
.gd-g .gd-u-gt800-5-8 {
width: 62.5%;
}
.gd-g .gd-u-gt800-7-8 {
width: 87.5%;
}
.gd-g .gd-u-gt800-3-10 {
width: 30%;
}
.gd-g .gd-u-gt800-7-10 {
width: 70%;
}
.gd-g .gd-u-gt800-1-12 {
width: 8.3333%;
}
.gd-g .gd-u-gt800-5-12 {
width: 41.6666%;
}
.gd-g .gd-u-gt800-7-12 {
width: 58.3333%;
}
.gd-g .gd-u-gt800-11-12 {
width: 91.6666%;
}
.gd-g .gd-u-gt800-1-24 {
width: 4.1666%;
}
.gd-g .gd-u-gt800-5-24 {
width: 20.8333%;
}
.gd-g .gd-u-gt800-7-24 {
width: 29.1666%;
}
.gd-g .gd-u-gt800-11-24 {
width: 45.8333%;
}
.gd-g .gd-u-gt800-13-24 {
width: 54.1666%;
}
.gd-g .gd-u-gt800-17-24 {
width: 70.8333%;
}
.gd-g .gd-u-gt800-19-24 {
width: 79.1666%;
}
.gd-g .gd-u-gt800-23-24 {
width: 95.8333%;
}
.gd-g .gd-u-gt800-auto {
width: auto;
}
.gd-g .gd-u-gt800--nopadleft {
padding-left: 0;
}
.gd-g .gd-u-gt800--nopadright {
padding-right: 0;
}
}
@media only screen and (max-width: 999px) {
.gd-g .lt1000-hide {
display: none;
}
}
@media only screen and (min-width: 1000px) {
.gd-g .gd-u-gt1000-1 {
width: 100%;
}
.gd-g .gd-u-gt1000-1-2 {
width: 50%;
}
.gd-g .gd-u-gt1000-1-3 {
width: 33.33333%;
}
.gd-g .gd-u-gt1000-2-3 {
width: 66.66666%;
}
.gd-g .gd-u-gt1000-1-4 {
width: 25%;
}
.gd-g .gd-u-gt1000-3-4 {
width: 75%;
}
.gd-g .gd-u-gt1000-1-5 {
width: 20%;
}
.gd-g .gd-u-gt1000-2-5 {
width: 40%;
}
.gd-g .gd-u-gt1000-3-5 {
width: 60%;
}
.gd-g .gd-u-gt1000-4-5 {
width: 80%;
}
.gd-g .gd-u-gt1000-1-6 {
width: 16.656%;
}
.gd-g .gd-u-gt1000-5-6 {
width: 83.33%;
}
.gd-g .gd-u-gt1000-3-7 {
width: 42.86;
}
.gd-g .gd-u-gt1000-4-7 {
width: 57.14%;
}
.gd-g .gd-u-gt1000-1-8 {
width: 12.5%;
}
.gd-g .gd-u-gt1000-3-8 {
width: 37.5%;
}
.gd-g .gd-u-gt1000-5-8 {
width: 62.5%;
}
.gd-g .gd-u-gt1000-7-8 {
width: 87.5%;
}
.gd-g .gd-u-gt1000-3-10 {
width: 30%;
}
.gd-g .gd-u-gt1000-7-10 {
width: 70%;
}
.gd-g .gd-u-gt1000-1-12 {
width: 8.3333%;
}
.gd-g .gd-u-gt1000-5-12 {
width: 41.6666%;
}
.gd-g .gd-u-gt1000-7-12 {
width: 58.3333%;
}
.gd-g .gd-u-gt1000-11-12 {
width: 91.6666%;
}
.gd-g .gd-u-gt1000-1-24 {
width: 4.1666%;
}
.gd-g .gd-u-gt1000-5-24 {
width: 20.8333%;
}
.gd-g .gd-u-gt1000-7-24 {
width: 29.1666%;
}
.gd-g .gd-u-gt1000-11-24 {
width: 45.8333%;
}
.gd-g .gd-u-gt1000-13-24 {
width: 54.1666%;
}
.gd-g .gd-u-gt1000-17-24 {
width: 70.8333%;
}
.gd-g .gd-u-gt1000-19-24 {
width: 79.1666%;
}
.gd-g .gd-u-gt1000-23-24 {
width: 95.8333%;
}
.gd-g .gd-u-gt1000-auto {
width: auto;
}
.gd-g .gd-u-gt1000--nopadleft {
padding-left: 0;
}
.gd-g .gd-u-gt1000--nopadright {
padding-right: 0;
}
.gd-g .gd-g {
margin-right: -1em;
margin-left: -1em;
}
.gd-g .gd-u {
padding-right: 1em;
padding-left: 1em;
}
}
@media only screen and (max-width: 1199px) {
.gd-g .lt1200-hide {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.gd-g .gd-u-gt1200-1 {
width: 100%;
}
.gd-g .gd-u-gt1200-1-2 {
width: 50%;
}
.gd-g .gd-u-gt1200-1-3 {
width: 33.33333%;
}
.gd-g .gd-u-gt1200-2-3 {
width: 66.66666%;
}
.gd-g .gd-u-gt1200-1-4 {
width: 25%;
}
.gd-g .gd-u-gt1200-3-4 {
width: 75%;
}
.gd-g .gd-u-gt1200-1-5 {
width: 20%;
}
.gd-g .gd-u-gt1200-2-5 {
width: 40%;
}
.gd-g .gd-u-gt1200-3-5 {
width: 60%;
}
.gd-g .gd-u-gt1200-4-5 {
width: 80%;
}
.gd-g .gd-u-gt1200-1-6 {
width: 16.656%;
}
.gd-g .gd-u-gt1200-5-6 {
width: 83.33%;
}
.gd-g .gd-u-gt1200-3-7 {
width: 42.86;
}
.gd-g .gd-u-gt1200-4-7 {
width: 57.14%;
}
.gd-g .gd-u-gt1200-1-8 {
width: 12.5%;
}
.gd-g .gd-u-gt1200-3-8 {
width: 37.5%;
}
.gd-g .gd-u-gt1200-5-8 {
width: 62.5%;
}
.gd-g .gd-u-gt1200-7-8 {
width: 87.5%;
}
.gd-g .gd-u-gt1200-3-10 {
width: 30%;
}
.gd-g .gd-u-gt1200-7-10 {
width: 70%;
}
.gd-g .gd-u-gt1200-1-12 {
width: 8.3333%;
}
.gd-g .gd-u-gt1200-5-12 {
width: 41.6666%;
}
.gd-g .gd-u-gt1200-7-12 {
width: 58.3333%;
}
.gd-g .gd-u-gt1200-11-12 {
width: 91.6666%;
}
.gd-g .gd-u-gt1200-1-24 {
width: 4.1666%;
}
.gd-g .gd-u-gt1200-5-24 {
width: 20.8333%;
}
.gd-g .gd-u-gt1200-7-24 {
width: 29.1666%;
}
.gd-g .gd-u-gt1200-11-24 {
width: 45.8333%;
}
.gd-g .gd-u-gt1200-13-24 {
width: 54.1666%;
}
.gd-g .gd-u-gt1200-17-24 {
width: 70.8333%;
}
.gd-g .gd-u-gt1200-19-24 {
width: 79.1666%;
}
.gd-g .gd-u-gt1200-23-24 {
width: 95.8333%;
}
.gd-g .gd-u-gt1200-auto {
width: auto;
}
.gd-g .gd-u-gt1200--nopadleft {
padding-left: 0;
}
.gd-g .gd-u-gt1200--nopadright {
padding-right: 0;
}
}
@media only screen and (max-width: 1399px) {
.gd-g .lt1400-hide {
display: none;
}
}
@media only screen and (min-width: 1400px) {
.gd-g .gd-u-gt1400-1 {
width: 100%;
}
.gd-g .gd-u-gt1400-1-2 {
width: 50%;
}
.gd-g .gd-u-gt1400-1-3 {
width: 33.33333%;
}
.gd-g .gd-u-gt1400-2-3 {
width: 66.66666%;
}
.gd-g .gd-u-gt1400-1-4 {
width: 25%;
}
.gd-g .gd-u-gt1400-3-4 {
width: 75%;
}
.gd-g .gd-u-gt1400-1-5 {
width: 20%;
}
.gd-g .gd-u-gt1400-2-5 {
width: 40%;
}
.gd-g .gd-u-gt1400-3-5 {
width: 60%;
}
.gd-g .gd-u-gt1400-4-5 {
width: 80%;
}
.gd-g .gd-u-gt1400-1-6 {
width: 16.656%;
}
.gd-g .gd-u-gt1400-5-6 {
width: 83.33%;
}
.gd-g .gd-u-gt1400-3-7 {
width: 42.86;
}
.gd-g .gd-u-gt1400-4-7 {
width: 57.14%;
}
.gd-g .gd-u-gt1400-1-8 {
width: 12.5%;
}
.gd-g .gd-u-gt1400-3-8 {
width: 37.5%;
}
.gd-g .gd-u-gt1400-5-8 {
width: 62.5%;
}
.gd-g .gd-u-gt1400-7-8 {
width: 87.5%;
}
.gd-g .gd-u-gt1400-3-10 {
width: 30%;
}
.gd-g .gd-u-gt1400-7-10 {
width: 70%;
}
.gd-g .gd-u-gt1400-1-12 {
width: 8.3333%;
}
.gd-g .gd-u-gt1400-5-12 {
width: 41.6666%;
}
.gd-g .gd-u-gt1400-7-12 {
width: 58.3333%;
}
.gd-g .gd-u-gt1400-11-12 {
width: 91.6666%;
}
.gd-g .gd-u-gt1400-1-24 {
width: 4.1666%;
}
.gd-g .gd-u-gt1400-5-24 {
width: 20.8333%;
}
.gd-g .gd-u-gt1400-7-24 {
width: 29.1666%;
}
.gd-g .gd-u-gt1400-11-24 {
width: 45.8333%;
}
.gd-g .gd-u-gt1400-13-24 {
width: 54.1666%;
}
.gd-g .gd-u-gt1400-17-24 {
width: 70.8333%;
}
.gd-g .gd-u-gt1400-19-24 {
width: 79.1666%;
}
.gd-g .gd-u-gt1400-23-24 {
width: 95.8333%;
}
.gd-g .gd-u-gt1400-auto {
width: auto;
}
.gd-g .gd-u-gt1400--nopadleft {
padding-left: 0;
}
.gd-g .gd-u-gt1400--nopadright {
padding-right: 0;
}
}
@media only screen and (min-width: 1600px) {
.gd-g .gd-u-gt1600-1 {
width: 100%;
}
.gd-g .gd-u-gt1600-1-2 {
width: 50%;
}
.gd-g .gd-u-gt1600-1-3 {
width: 33.33333%;
}
.gd-g .gd-u-gt1600-2-3 {
width: 66.66666%;
}
.gd-g .gd-u-gt1600-1-4 {
width: 25%;
}
.gd-g .gd-u-gt1600-3-4 {
width: 75%;
}
.gd-g .gd-u-gt1600-1-5 {
width: 20%;
}
.gd-g .gd-u-gt1600-2-5 {
width: 40%;
}
.gd-g .gd-u-gt1600-3-5 {
width: 60%;
}
.gd-g .gd-u-gt1600-4-5 {
width: 80%;
}
.gd-g .gd-u-gt1600-1-6 {
width: 16.656%;
}
.gd-g .gd-u-gt1600-5-6 {
width: 83.33%;
}
.gd-g .gd-u-gt1600-3-7 {
width: 42.86;
}
.gd-g .gd-u-gt1600-4-7 {
width: 57.14%;
}
.gd-g .gd-u-gt1600-1-8 {
width: 12.5%;
}
.gd-g .gd-u-gt1600-3-8 {
width: 37.5%;
}
.gd-g .gd-u-gt1600-5-8 {
width: 62.5%;
}
.gd-g .gd-u-gt1600-7-8 {
width: 87.5%;
}
.gd-g .gd-u-gt1600-3-10 {
width: 30%;
}
.gd-g .gd-u-gt1600-7-10 {
width: 70%;
}
.gd-g .gd-u-gt1600-1-12 {
width: 8.3333%;
}
.gd-g .gd-u-gt1600-5-12 {
width: 41.6666%;
}
.gd-g .gd-u-gt1600-7-12 {
width: 58.3333%;
}
.gd-g .gd-u-gt1600-11-12 {
width: 91.6666%;
}
.gd-g .gd-u-gt1600-1-24 {
width: 4.1666%;
}
.gd-g .gd-u-gt1600-5-24 {
width: 20.8333%;
}
.gd-g .gd-u-gt1600-7-24 {
width: 29.1666%;
}
.gd-g .gd-u-gt1600-11-24 {
width: 45.8333%;
}
.gd-g .gd-u-gt1600-13-24 {
width: 54.1666%;
}
.gd-g .gd-u-gt1600-17-24 {
width: 70.8333%;
}
.gd-g .gd-u-gt1600-19-24 {
width: 79.1666%;
}
.gd-g .gd-u-gt1600-23-24 {
width: 95.8333%;
}
.gd-g .gd-u-gt1600-auto {
width: auto;
}
.gd-g .gd-u-gt1600--nopadleft {
padding-left: 0;
}
.gd-g .gd-u-gt1600--nopadright {
padding-right: 0;
}
}
.gd-g .opera-only :-o-prefocus,
.gd-g .gd-g {
word-spacing: -0.43em;
}
/* ==========================================================================
CSS Grid
========================================================================== */
.cssgd-g {
margin: 0;
display: grid;
grid-auto-flow: dense;
grid-gap: calc(0.75em * 2);
}
.cssgd-g-1-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cssgd-g-1-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cssgd-g-1-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cssgd-g-1-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cssgd-g-1-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media only screen and (min-width: 550px) {
.cssgd-g {
grid-gap: calc(0.75em * 2);
}
.cssgd-g-gt550-1-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cssgd-g-gt550-1-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cssgd-g-gt550-1-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cssgd-g-gt550-1-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cssgd-g-gt550-1-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media only screen and (min-width: 700px) {
.cssgd-g {
grid-gap: calc(1em * 2);
}
.cssgd-g-gt700-1-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cssgd-g-gt700-1-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cssgd-g-gt700-1-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cssgd-g-gt700-1-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cssgd-g-gt700-1-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1000px) {
.cssgd-g {
grid-gap: calc(1em * 2);
}
.cssgd-g-gt1000-1-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cssgd-g-gt1000-1-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cssgd-g-gt1000-1-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cssgd-g-gt1000-1-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cssgd-g-gt1000-1-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1200px) {
.cssgd-g-gt1200-1-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cssgd-g-gt1200-1-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cssgd-g-gt1200-1-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cssgd-g-gt1200-1-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cssgd-g-gt1200-1-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1400px) {
.cssgd-g-gt1400-1-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cssgd-g-gt1400-1-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cssgd-g-gt1400-1-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cssgd-g-gt1400-1-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cssgd-g-gt1400-1-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1600px) {
.cssgd-g-gt1600-1-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cssgd-g-gt1600-1-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cssgd-g-gt1600-1-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cssgd-g-gt1600-1-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cssgd-g-gt1600-1-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
.cssgd-g .cssgd-u-2col {
grid-column-end: span 2;
}
.cssgd-g .cssgd-u-3col {
grid-column-end: span 3;
}
.cssgd-g .cssgd-u-4col {
grid-column-end: span 4;
}
.cssgd-g .cssgd-u-5col {
grid-column-end: span 5;
}
.cssgd-g .cssgd-u-6col {
grid-column-end: span 6;
}
.cssgd-g .cssgd-u-2row {
grid-row-end: span 2;
}
.cssgd-g .cssgd-u-3row {
grid-row-end: span 3;
}
.cssgd-g .cssgd-u-4row {
grid-row-end: span 4;
}
.cssgd-g .cssgd-u-5row {
grid-row-end: span 5;
}
.cssgd-g .cssgd-u-6row {
grid-row-end: span 6;
}
@media only screen and (min-width: 550px) {
.cssgd-g .cssgd-u-gt550-2col {
grid-column-end: span 2;
}
.cssgd-g .cssgd-u-gt550-3col {
grid-column-end: span 3;
}
.cssgd-g .cssgd-u-gt550-4col {
grid-column-end: span 4;
}
.cssgd-g .cssgd-u-gt550-5col {
grid-column-end: span 5;
}
.cssgd-g .cssgd-u-gt550-6col {
grid-column-end: span 6;
}
.cssgd-g .cssgd-u-gt550-2row {
grid-row-end: span 2;
}
.cssgd-g .cssgd-u-gt550-3row {
grid-row-end: span 3;
}
.cssgd-g .cssgd-u-gt550-4row {
grid-row-end: span 4;
}
.cssgd-g .cssgd-u-gt550-5row {
grid-row-end: span 5;
}
.cssgd-g .cssgd-u-gt550-6row {
grid-row-end: span 6;
}
}
@media only screen and (min-width: 700px) {
.cssgd-g .cssgd-u-gt700-2col {
grid-column-end: span 2;
}
.cssgd-g .cssgd-u-gt700-3col {
grid-column-end: span 3;
}
.cssgd-g .cssgd-u-gt700-4col {
grid-column-end: span 4;
}
.cssgd-g .cssgd-u-gt700-5col {
grid-column-end: span 5;
}
.cssgd-g .cssgd-u-gt700-6col {
grid-column-end: span 6;
}
.cssgd-g .cssgd-u-gt700-2row {
grid-row-end: span 2;
}
.cssgd-g .cssgd-u-gt700-3row {
grid-row-end: span 3;
}
.cssgd-g .cssgd-u-gt700-4row {
grid-row-end: span 4;
}
.cssgd-g .cssgd-u-gt700-5row {
grid-row-end: span 5;
}
.cssgd-g .cssgd-u-gt700-6row {
grid-row-end: span 6;
}
}
@media only screen and (min-width: 1000px) {
.cssgd-g .cssgd-u-gt1000-2col {
grid-column-end: span 2;
}
.cssgd-g .cssgd-u-gt1000-3col {
grid-column-end: span 3;
}
.cssgd-g .cssgd-u-gt1000-4col {
grid-column-end: span 4;
}
.cssgd-g .cssgd-u-gt1000-5col {
grid-column-end: span 5;
}
.cssgd-g .cssgd-u-gt1000-6col {
grid-column-end: span 6;
}
.cssgd-g .cssgd-u-gt1000-2row {
grid-row-end: span 2;
}
.cssgd-g .cssgd-u-gt1000-3row {
grid-row-end: span 3;
}
.cssgd-g .cssgd-u-gt1000-4row {
grid-row-end: span 4;
}
.cssgd-g .cssgd-u-gt1000-5row {
grid-row-end: span 5;
}
.cssgd-g .cssgd-u-gt1000-6row {
grid-row-end: span 6;
}
}
@media only screen and (min-width: 1200px) {
.cssgd-g .cssgd-u-gt1200-2col {
grid-column-end: span 2;
}
.cssgd-g .cssgd-u-gt1200-3col {
grid-column-end: span 3;
}
.cssgd-g .cssgd-u-gt1200-4col {
grid-column-end: span 4;
}
.cssgd-g .cssgd-u-gt1200-5col {
grid-column-end: span 5;
}
.cssgd-g .cssgd-u-gt1200-6col {
grid-column-end: span 6;
}
.cssgd-g .cssgd-u-gt1200-2row {
grid-row-end: span 2;
}
.cssgd-g .cssgd-u-gt1200-3row {
grid-row-end: span 3;
}
.cssgd-g .cssgd-u-gt1200-4row {
grid-row-end: span 4;
}
.cssgd-g .cssgd-u-gt1200-5row {
grid-row-end: span 5;
}
.cssgd-g .cssgd-u-gt1200-6row {
grid-row-end: span 6;
}
}
@media only screen and (min-width: 1400px) {
.cssgd-g .cssgd-u-gt1400-2col {
grid-column-end: span 2;
}
.cssgd-g .cssgd-u-gt1400-3col {
grid-column-end: span 3;
}
.cssgd-g .cssgd-u-gt1400-4col {
grid-column-end: span 4;
}
.cssgd-g .cssgd-u-gt1400-5col {
grid-column-end: span 5;
}
.cssgd-g .cssgd-u-gt1400-6col {
grid-column-end: span 6;
}
.cssgd-g .cssgd-u-gt1400-2row {
grid-row-end: span 2;
}
.cssgd-g .cssgd-u-gt1400-3row {
grid-row-end: span 3;
}
.cssgd-g .cssgd-u-gt1400-4row {
grid-row-end: span 4;
}
.cssgd-g .cssgd-u-gt1400-5row {
grid-row-end: span 5;
}
.cssgd-g .cssgd-u-gt1400-6row {
grid-row-end: span 6;
}
}
@media only screen and (min-width: 1600px) {
.cssgd-g .cssgd-u-gt1600-2col {
grid-column-end: span 2;
}
.cssgd-g .cssgd-u-gt1600-3col {
grid-column-end: span 3;
}
.cssgd-g .cssgd-u-gt1600-4col {
grid-column-end: span 4;
}
.cssgd-g .cssgd-u-gt1600-5col {
grid-column-end: span 5;
}
.cssgd-g .cssgd-u-gt1600-6col {
grid-column-end: span 6;
}
.cssgd-g .cssgd-u-gt1600-2row {
grid-row-end: span 2;
}
.cssgd-g .cssgd-u-gt1600-3row {
grid-row-end: span 3;
}
.cssgd-g .cssgd-u-gt1600-4row {
grid-row-end: span 4;
}
.cssgd-g .cssgd-u-gt1600-5row {
grid-row-end: span 5;
}
.cssgd-g .cssgd-u-gt1600-6row {
grid-row-end: span 6;
}
}
/* ==========================================================================
Forms
========================================================================== */
/* ==========================================================================
Input Styling
========================================================================== */
input.invalid, textarea.invalid{
border: 1px solid Crimson!important;
}
input.valid, textarea.valid{
border: 1px solid MediumSeaGreen!important;
}
.error_show {
display: block;
line-height: 24px;
padding: 5px px 0px 0px;
margin: 0px;
/* text-transform: uppercase; */
font-size: 15px;
color: #ff0000;
font-weight: 400;
padding: 5px 0px;
}
.error{
display: none;
margin-left: 10px;
}
.mbt-25 {
margin-bottom: 20px;
}
input[type=text],
input[type=email],
input[type=phone],
input[type=password],
input[type=number],
input[type=search],
input[type=tel],
select,
textarea {
padding: 1em 1.5em;
background: #f9f8f8;
border: 1px solid rgba(248, 121, 93, 0.4);
border-radius: 0;
outline: none;
width: 100%;
box-sizing: border-box;
position: relative;
z-index: 1;
font-family: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
outline: none;
}
textarea {
min-height: 12em;
}
input.placeholder,
textarea.placeholder {
color: rgba(45, 21, 48, 0.25);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: rgba(45, 21, 48, 0.25);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: rgba(45, 21, 48, 0.25);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: rgba(45, 21, 48, 0.25);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* color: rgba(45, 21, 48, 0.25);*/
color:rgb(126 108 97);
}
select {
background-image: url("img/framework/select-arrow.png");
/* add custom arrow */
background-size: 10px auto;
background-repeat: no-repeat;
background-position: right 1rem center;
}
button:focus,
input[type=submit]:focus {
outline: none;
}
input[disabled],
input[disabled],
input[disabled],
input[disabled],
textarea[disabled],
input[readonly],
input[readonly],
input[readonly],
input[readonly],
textarea[readonly] {
opacity: 0.5;
}
/* ==========================================================================
Custom (HTML) Forms styling
========================================================================== */
.form .form__field {
position: relative;
}
.form .form__field--hasbtn input {
padding-right: 11em;
}
.form .form__field .form__field__btn {
position: absolute;
top: 2.35em;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
right: 0.75em;
z-index: 2;
margin: 0;
}
@media only screen and (min-width: 700px) {
.form .form__field .form__field__btn {
right: 0.65em;
}
}
@media only screen and (min-width: 1000px) {
.form .form__field .form__field__btn {
right: 0.8em;
top: 2.5em;
}
}
@media only screen and (min-width: 1600px) {
.form .form__field .form__field__btn {
right: 0.85em;
}
}
.form .form__checkbox {
position: relative;
padding-left: 2em;
display: inline-block;
margin-top: 1em;
}
.form .form__checkbox input[type=checkbox] {
position: absolute;
left: 0;
top: 0.35em;
}
@media only screen and (min-width: 1200px) {
.form .form__checkbox input[type=checkbox] {
top: 0.45em;
}
}
.form--access input {
background-color: rgba(248, 121, 93, 0.05);
border-color: transparent;
border-radius: 2em;
}
.form--access label.error,
.form--access label.success {
background: rgba(255, 0, 51, 0.75);
color: #ccc;
display: block;
padding: 0.5em 1.5em;
border-radius: 2em;
margin-bottom: 0.5em;
text-align: center;
}
.form--access label.success {
background: rgba(248, 121, 93, 0.75);
}
.form--access .form__field label.error {
margin-top: 0.5em;
margin-bottom: 0;
}
/* ==========================================================================
Ninja Forms Styling
========================================================================== */
.nf-form-fields-required {
display: none !important;
}
.nf-form-title h3 {
margin: 0 0 1em;
}
.nf-form-cont .label-above .nf-field-label {
margin-bottom: 5px;
}
.nf-form-cont .nf-field-description {
margin-bottom: 10px;
font-size: 11px;
}
@media only screen and (min-width: 550px) {
.nf-form-cont .nf-field-description {
font-size: 11px;
}
}
@media only screen and (min-width: 700px) {
.nf-form-cont .nf-field-description {
font-size: 12px;
}
}
@media only screen and (min-width: 1000px) {
.nf-form-cont .nf-field-description {
font-size: 12px;
}
}
@media only screen and (min-width: 1200px) {
.nf-form-cont .nf-field-description {
font-size: 12px;
}
}
@media only screen and (min-width: 1400px) {
.nf-form-cont .nf-field-description {
font-size: 13px;
}
}
@media only screen and (min-width: 1600px) {
.nf-form-cont .nf-field-description {
font-size: 14px;
}
}
.label-right .checkbox-wrap {
flex-wrap: wrap;
}
.label-right .checkbox-wrap .nf-field-label {
flex-basis: 90%;
}
.submit-wrap .nf-field-element {
position: relative;
display: inline-block;
width: auto !important;
}
.submit-wrap .nf-field-element:before {
content: "";
font-family: "Font Awesome 5 Pro";
font-weight: 200;
margin-left: 1em;
position: absolute;
z-index: 1;
pointer-events: none;
opacity: 0;
top: 1.35em;
left: 1.25em;
color: #ccc;
-webkit-transition: opacity 250ms ease-out 0ms;
-moz-transition: opacity 250ms ease-out 0ms;
transition: opacity 250ms ease-out 0ms;
font-size: 10px;
}
@media only screen and (min-width: 550px) {
.submit-wrap .nf-field-element:before {
font-size: 10px;
}
}
@media only screen and (min-width: 700px) {
.submit-wrap .nf-field-element:before {
font-size: 11px;
}
}
@media only screen and (min-width: 1000px) {
.submit-wrap .nf-field-element:before {
font-size: 11px;
}
}
@media only screen and (min-width: 1200px) {
.submit-wrap .nf-field-element:before {
font-size: 11px;
}
}
@media only screen and (min-width: 1400px) {
.submit-wrap .nf-field-element:before {
font-size: 12px;
}
}
@media only screen and (min-width: 1600px) {
.submit-wrap .nf-field-element:before {
font-size: 12px;
}
}
.submit-wrap .nf-field-element:hover:before {
opacity: 1;
-webkit-transition: opacity 250ms ease-out 150ms;
-moz-transition: opacity 250ms ease-out 150ms;
transition: opacity 250ms ease-out 150ms;
}
.submit-wrap .nf-field-element input[type=button] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: linear-gradient(to right, #F6603E 50%, #F8795D 50%);
background-size: 210% 100%;
background-position: right bottom;
-webkit-transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
-moz-transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
transition: padding 250ms ease-out, color 250ms ease-out 0ms, background-position 250ms ease-out 0ms;
color: #ccc;
display: inline-block;
margin: 0;
padding: 1em 3em;
padding: 1.5em 3.5em;
border-radius: 3em;
border: none;
font-family: "rosario", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.75px;
cursor: pointer;
font-size: 10px;
}
@media only screen and (min-width: 550px) {
.submit-wrap .nf-field-element input[type=button] {
font-size: 10px;
}
}
@media only screen and (min-width: 700px) {
.submit-wrap .nf-field-element input[type=button] {
font-size: 11px;
}
}
@media only screen and (min-width: 1000px) {
.submit-wrap .nf-field-element input[type=button] {
font-size: 11px;
}
}
@media only screen and (min-width: 1200px) {
.submit-wrap .nf-field-element input[type=button] {
font-size: 11px;
}
}
@media only screen and (min-width: 1400px) {
.submit-wrap .nf-field-element input[type=button] {
font-size: 12px;
}
}
@media only screen and (min-width: 1600px) {
.submit-wrap .nf-field-element input[type=button] {
font-size: 12px;
}
}
.submit-wrap .nf-field-element input[type=button]:hover {
background-position: left bottom;
color: #ccc;
padding: 1em 2em 1em 4em;
padding: 1.5em 2.5em 1.5em 4.5em;
}
input[type=radio],
input[type=checkbox] {
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
cursor: pointer;
margin-right: 10px;
}
input[type=radio]:focus,
input[type=checkbox]:focus {
outline: none;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
}
input[type=radio]:after,
input[type=checkbox]:after {
border: 2px solid #080808;
border-radius: 3px;
content: "";
position: absolute;
top: -3px;
left: 0px;
width: 17px;
height: 17px;
transition: all 0.5s ease;
box-sizing: border-box;
}
.color--white input[type=radio]:after,
.color--white input[type=checkbox]:after {
border: 2px solid #fff;
}
input[type=radio]:before,
input[type=checkbox]:before {
background: #fff;
border-radius: 3px;
content: "";
position: absolute;
top: 1px;
left: 4px;
width: 9px;
height: 9px;
z-index: 18;
transition: all 0.5s ease;
}
input[type=radio]:checked::before,
input[type=checkbox]:checked::before {
background: #F8795D;
transition: all 0.5s ease;
}
input[type=radio]:checked::after,
input[type=checkbox]:checked::after {
border: 2px solid #F8795D;
transition: all 0.5s ease;
}
input[type=checkbox]:before {
content: "";
font-family: "Font Awesome 5 Pro";
font-weight: 700;
color: transparent;
background: transparent;
font-size: 10px;
top: 0px;
left: 3.5px;
}
input[type=checkbox]:checked:before {
background: transparent;
color: #F8795D;
}
input[type=radio]:after {
border-radius: 50%;
}
input[type=radio]:before {
border-radius: 50%;
}
.checkbox-container.label-right .checkbox-wrap .nf-field-label {
padding-left: 10px;
}
.checkbox-container input[type=checkbox]::after {
top: -14px;
}
.checkbox-container input[type=checkbox]::before {
top: -11px;
}
@media only screen and (min-width: 1400px) {
.checkbox-container input[type=checkbox]::after {
top: -16px;
}
.checkbox-container input[type=checkbox]::before {
top: -13px;
}
}
.list-checkbox-wrap .nf-field-element li label,
.list-radio-wrap .nf-field-element li label,
.nf-form-content .checkbox-container .nf-field-label label,
.form-check-inline .form-check-label {
color: #080808;
font-weight: 700;
font-size: 0.85rem;
}
.list-checkbox-wrap .nf-field-element li label.nf-checked-label, .list-checkbox-wrap .nf-field-element li label.form-check-label--checked,
.list-radio-wrap .nf-field-element li label.nf-checked-label,
.list-radio-wrap .nf-field-element li label.form-check-label--checked,
.nf-form-content .checkbox-container .nf-field-label label.nf-checked-label,
.nf-form-content .checkbox-container .nf-field-label label.form-check-label--checked,
.form-check-inline .form-check-label.nf-checked-label,
.form-check-inline .form-check-label.form-check-label--checked {
color: #F8795D;
}
.list-checkbox-wrap .nf-field-element li label,
.list-radio-wrap .nf-field-element li label,
.form-check-inline .form-check-label {
margin-left: 30px !important;
}
.nf-error-msg,
label.error,
label.success {
font-weight: 700;
font-size: 12px;
line-height: 1.5;
}
@media only screen and (min-width: 550px) {
.nf-error-msg,
label.error,
label.success {
font-size: 13px;
}
}
@media only screen and (min-width: 700px) {
.nf-error-msg,
label.error,
label.success {
font-size: 14px;
}
}
@media only screen and (min-width: 1000px) {
.nf-error-msg,
label.error,
label.success {
font-size: 14px;
}
}
@media only screen and (min-width: 1200px) {
.nf-error-msg,
label.error,
label.success {
font-size: 15px;
}
}
@media only screen and (min-width: 1400px) {
.nf-error-msg,
label.error,
label.success {
font-size: 15px;
}
}
@media only screen and (min-width: 1600px) {
.nf-error-msg,
label.error,
label.success {
font-size: 16px;
}
}
.nf-error-msg,
label.error {
color: #ff0033;
}
.nf-error .nf-element,
input.error {
border: 1px solid #ff0033;
}
/* ==========================================================================
Basic layout classes -- layout/layout.scss
========================================================================== */
body {
font-family: "open-sans", Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
color: #5a5151;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
max-width: 100%;
}
body.mobnavopen {
height: 100vh;
overflow: hidden;
}
.noselect {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Old versions of Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.hide {
display: none;
}
.bd {
position: relative;
min-height: 1px;
margin: 0 1.5em;
}
@media only screen and (min-width: 550px) {
.bd {
margin: 0 2.5em;
}
}
@media only screen and (min-width: 700px) {
.bd {
margin: 0 2.5em;
}
}
@media only screen and (min-width: 1000px) {
.bd {
margin: 0 2em;
}
}
@media only screen and (min-width: 1200px) {
.bd {
margin: 0 2em;
}
}
@media only screen and (min-width: 1400px) {
.bd {
margin: 0 2em;
}
}
@media only screen and (min-width: 1600px) {
.bd {
margin: 0 auto;
max-width: calc(1600px - (2em * 2));
}
}
.bd:after {
content: "";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.padding--top {
padding-top: 10%;
}
@media only screen and (min-width: 550px) {
.padding--top {
padding-top: 7%;
}
}
@media only screen and (min-width: 1200px) {
.padding--top {
padding-top: 5%;
}
}
.padding--bottom {
padding-bottom: 10%;
}
@media only screen and (min-width: 550px) {
.padding--bottom {
padding-bottom: 7%;
}
}
@media only screen and (min-width: 1200px) {
.padding--bottom {
padding-bottom: 5%;
}
}
.padding--top-half {
padding-top: 7%;
}
@media only screen and (min-width: 550px) {
.padding--top-half {
padding-top: 3.5%;
}
}
@media only screen and (min-width: 1200px) {
.padding--top-half {
padding-top: 3.5%;
}
}
.padding--bottom-half {
padding-bottom: 7%;
}
@media only screen and (min-width: 550px) {
.padding--bottom-half {
padding-bottom: 3.5%;
}
}
@media only screen and (min-width: 1200px) {
.padding--bottom-half {
padding-bottom: 3.5%;
}
}
.padding--top-em {
padding-top: 1em;
}
.padding--bottom-em {
padding-bottom: 1em;
}
.margin--top {
margin-top: 10%;
}
@media only screen and (min-width: 550px) {
.margin--top {
margin-top: 7%;
}
}
@media only screen and (min-width: 1200px) {
.margin--top {
margin-top: 5%;
}
}
.margin--bottom {
margin-bottom: 10%;
}
@media only screen and (min-width: 550px) {
.margin--bottom {
margin-bottom: 7%;
}
}
@media only screen and (min-width: 1200px) {
.margin--bottom {
margin-bottom: 5%;
}
}
.margin--top-half {
margin-top: 7%;
}
@media only screen and (min-width: 550px) {
.margin--top-half {
margin-top: 3.5%;
}
}
@media only screen and (min-width: 1200px) {
.margin--top-half {
margin-top: 3.5%;
}
}
.margin--bottom-half {
margin-bottom: 7%;
}
@media only screen and (min-width: 550px) {
.margin--bottom-half {
margin-bottom: 3.5%;
}
}
@media only screen and (min-width: 1200px) {
.margin--bottom-half {
margin-bottom: 3.5%;
}
}
.margin--top-em {
margin-top: 1em;
}
.margin--bottom-em {
margin-bottom: 1em;
}
.margin--none {
margin: 0;
}
.clearfix {
*zoom: 1;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.jumpto_anchor {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
margin-top: -6em;
}
.smallline {
position: relative;
}
.smallline--before {
padding-top: 0.5em;
}
.smallline--before:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 2rem;
height: 1px;
background: rgba(248, 121, 93, 0.15);
}
.smallline--after {
padding-bottom: 0.5em;
}
.smallline--after:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 2rem;
height: 1px;
background: rgba(248, 121, 93, 0.15);
}
/* ==========================================================================
Page Transitions
========================================================================== */
body.page-transitioning {
height: 100vh;
width: 100vw;
overflow: hidden;
}
.transition-overlay {
background-color: #080808;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
pointer-events: none;
text-align: center;
box-sizing: border-box;
will-change: left;
-webkit-transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
}
.ie .transition-overlay {
display: none !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.transition-overlay {
display: none !important;
}
}
/* ==========================================================================
main
========================================================================== */
.main {
/* Full width layout */
/* Single col layout */
}
.main--singlecol .main__col--right {
/* double up padding and margins on screens when its using half width */
}
@media only screen and (min-width: 1000px) {
.main--singlecol .main__col--right .padding--top {
padding-top: calc(7% * 1.5);
}
}
@media only screen and (min-width: 1200px) {
.main--singlecol .main__col--right .padding--top {
padding-top: calc(5% * 1.5);
}
}
@media only screen and (min-width: 1000px) {
.main--singlecol .main__col--right .padding--bottom {
padding-bottom: calc(7% * 1.5);
}
}
@media only screen and (min-width: 1200px) {
.main--singlecol .main__col--right .padding--bottom {
padding-bottom: calc(5% * 1.5);
}
}
@media only screen and (min-width: 1000px) {
.main--singlecol .main__col--right .padding--top-half {
padding-top: calc(3.5% * 1.5);
}
}
@media only screen and (min-width: 1200px) {
.main--singlecol .main__col--right .padding--top-half {
padding-top: calc(3.5% * 1.5);
}
}
@media only screen and (min-width: 1000px) {
.main--singlecol .main__col--right .padding--bottom-half {
padding-bottom: calc(3.5% * 1.5);
}
}
@media only screen and (min-width: 1200px) {
.main--singlecol .main__col--right .padding--bottom-half {
padding-bottom: calc(3.5% * 1.5);
}
}
@media only screen and (min-width: 1000px) {
.main--singlecol .main__col--right .margin--top {
margin-top: calc(7% * 1.5);
}
}
@media only screen and (min-width: 1200px) {
.main--singlecol .main__col--right .margin--top {
margin-top: calc(5% * 1.5);
}
}
@media only screen and (min-width: 1000px) {
.main--singlecol .main__col--right .margin--bottom {
margin-bottom: calc(7% * 1.5);
}
}
@media only screen and (min-width: 1200px) {
.main--singlecol .main__col--right .margin--bottom {
margin-bottom: calc(5% * 1.5);
}
}
@media only screen and (min-width: 1000px) {
.main--singlecol .main__col--right .margin--top-half {
margin-top: calc(3.5% * 1.5);
}
}
@media only screen and (min-width: 1200px) {
.main--singlecol .main__col--right .margin--top-half {
margin-top: calc(3.5% * 1.5);
}
}
@media only screen and (min-width: 1000px) {
.main--singlecol .main__col--right .margin--bottom-half {
margin-bottom: calc(3.5% * 1.5);
}
}
@media only screen and (min-width: 1200px) {
.main--singlecol .main__col--right .margin--bottom-half {
margin-bottom: calc(3.5% * 1.5);
}
}
/* ==========================================================================
base nav
========================================================================== */
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.inlinenavlist {
margin: 0 -0.75em;
}
.inlinenavlist li {
display: inline-block;
margin: 0;
padding: 0;
}
.inlinenavlist li a {
display: block;
padding: 0 0.75em;
}
/* ==========================================================================
Date Circles
========================================================================== */
.datecircle {
width: 3em;
height: 3em;
background: #f34f47;
border-radius: 50%;
text-align: center;
position: relative;
}
.datecircle .datecircle__content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
}
.datecircle .datecircle__content .datecircle__content__date,
.datecircle .datecircle__content .datecircle__content__month {
display: block;
line-height: 1.1;
}
.datecircle .datecircle__content .datecircle__content__month {
font-size: 0.6em;
}
/* ==========================================================================
Page
========================================================================== */
.pageheader {
text-align: center;
position: relative;
/* Pageheader background */
/* pageheader--img */
/* pageheader--video */
/* pageheader--gallery */
/* pageheader--company */
/* Homepage Header* */
/* Left aligned header (blog categories, locations, community page & single demo days) */
/* Demo Days, Locations Headers */
}
.pageheader .pageheader__bd {
position: relative;
z-index: 2;
}
.pageheader .pageheader__preheading {
margin: 0 0 0.5em 0;
}
.pageheader .pageheader__leader {
margin: 1em auto 0 auto;
max-width: 30em;
}
.pageheader .pageheader__heading {
max-width: 14em;
margin: 0 auto;
}
.pageheader .pageheader__heading.fontsize--med {
max-width: 26em;
}
.pageheader .pageheader__btn {
margin: 3em 0 0 0;
}
.pageheader .pageheader__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #080808;
/* background: linear-gradient(152deg, #4D2053 0%, #000000 53%);*/
overflow: hidden;
height: calc(100% + 13em);
margin-top: -13em;
}
.pageheader .pageheader__bg--gradient .pageheader__bg__content {
opacity: 0.35;
}
.pageheader .pageheader__img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
opacity: 0;
-webkit-transition: opacity 1000ms ease-out 0ms;
-moz-transition: opacity 1000ms ease-out 0ms;
transition: opacity 1000ms ease-out 0ms;
}
.pageheaderimg--loaded .pageheader .pageheader__img {
-webkit-transition: opacity 2000ms ease-out 0;
-moz-transition: opacity 2000ms ease-out 0;
transition: opacity 2000ms ease-out 0;
opacity: 1;
}
.pageheader .pageheader__video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
opacity: 0;
-webkit-transition: opacity 2000ms ease-out 0ms;
-moz-transition: opacity 2000ms ease-out 0ms;
transition: opacity 2000ms ease-out 0ms;
}
.pageheader .pageheader__video iframe {
width: 100vw;
height: 56.25vw;
/* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh;
/* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.has-videoheader--playing .pageheader .pageheader__video {
opacity: 1;
}
.pageheader .pageheader__gallery {
width: 100%;
height: 100%;
position: absolute;
top: 0;
opacity: 0;
-webkit-transition: opacity 1000ms ease-out 0ms;
-moz-transition: opacity 1000ms ease-out 0ms;
transition: opacity 1000ms ease-out 0ms;
}
.pageheader .pageheader__gallery.owl-loaded {
opacity: 1;
}
.pageheader .pageheader__gallery .owl-item,
.pageheader .pageheader__gallery .owl-stage,
.pageheader .pageheader__gallery .owl-stage-outer {
height: 100%;
}
.pageheader .pageheader__gallery .owl-item {
overflow: hidden;
}
.pageheader .pageheader__gallery .pageheader__gallery__img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
-webkit-transition: opacity 1000ms ease-out 0ms;
-moz-transition: opacity 1000ms ease-out 0ms;
transition: opacity 1000ms ease-out 0ms;
}
.pageheader--fullheight {
height: 100vh;
box-sizing: border-box;
}
.pageheader--fullheight .pageheader__bd {
height: 100%;
}
.pageheader--fullheight .pageheader__bd .gd-g--vertcenter {
height: 100%;
box-sizing: border-box;
}
.pageheader--company {
text-align: left;
}
.pageheader--company .pageheader__heading {
max-width: 16em;
margin-left: 0;
}
.pageheader--company .pageheader__btns {
margin-top: 1.5em;
}
.pageheader--company .pageheader__btns .btn {
margin: 0;
display: inline-block;
vertical-align: top;
margin-right: 1em;
}
.pageheader--company .pageheader__btns .btn:last-child {
margin-right: 0;
}
.pageheader--home {
/* background: #000000;*/
background: #000;
color: #fff;
text-align: left;
overflow: hidden;
}
.pageheader--home .pageheader__heading {
max-width: none;
margin: 0;
}
@media only screen and (min-width: 700px) {
.pageheader--home {
height: 100vh;
}
.pageheader--home .pageheader__wrap,
.pageheader--home .pageheader__bd,
.pageheader--home .pageheader__gd-g {
height: 100%;
box-sizing: border-box;
z-index: 0;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.pageheader--home {
/* IE10 & 11 CSS styles go here */
}
.pageheader--home .pageheader__wrap {
position: absolute;
height: auto;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.pageheader--home .pageheader__bd {
height: auto;
}
}
.pageheader--home .pageheader__body {
max-width: 40em;
}
.pageheader--home .pageheader__btn {
margin: 2em 0 0 0;
}
.pageheader--category:not(.pageheader--countdown), .page-template-template-people .pageheader:not(.pageheader--countdown), .single-demodays .pageheader:not(.pageheader--countdown), .single-locations .pageheader:not(.pageheader--countdown) {
text-align: left;
}
.pageheader--category:not(.pageheader--countdown) .pageheader__leader,
.pageheader--category:not(.pageheader--countdown) .pageheader__heading, .page-template-template-people .pageheader:not(.pageheader--countdown) .pageheader__leader,
.page-template-template-people .pageheader:not(.pageheader--countdown) .pageheader__heading, .single-demodays .pageheader:not(.pageheader--countdown) .pageheader__leader,
.single-demodays .pageheader:not(.pageheader--countdown) .pageheader__heading, .single-locations .pageheader:not(.pageheader--countdown) .pageheader__leader,
.single-locations .pageheader:not(.pageheader--countdown) .pageheader__heading {
margin-left: 0;
}
.page-template-template-people .pageheader, .single-demodays .pageheader, .single-locations .pageheader {
/* Pageheader flipclock */
/* Pageheader accessform */
}
@media only screen and (min-width: 1000px) {
.page-template-template-people .pageheader:not(.pageheader--countdown) .pageheader__content, .single-demodays .pageheader:not(.pageheader--countdown) .pageheader__content, .single-locations .pageheader:not(.pageheader--countdown) .pageheader__content {
padding: 0 10%;
}
}
.page-template-template-people .pageheader .pageheader__flipdown, .single-demodays .pageheader .pageheader__flipdown, .single-locations .pageheader .pageheader__flipdown {
margin-left: auto;
margin-right: auto;
}
.page-template-template-people .pageheader .pageheader__flipdown .pageheader__flipdown__heading, .single-demodays .pageheader .pageheader__flipdown .pageheader__flipdown__heading, .single-locations .pageheader .pageheader__flipdown .pageheader__flipdown__heading {
margin: 0 0 1.5em 0;
}
.page-template-template-people .pageheader .pageheader__accessform, .single-demodays .pageheader .pageheader__accessform, .single-locations .pageheader .pageheader__accessform {
max-width: 40em;
}
.page-template-template-people .pageheader .pageheader__accessform .pageheader__accessform__info, .single-demodays .pageheader .pageheader__accessform .pageheader__accessform__info, .single-locations .pageheader .pageheader__accessform .pageheader__accessform__info {
margin: 2em 0 0 0;
max-width: 40em;
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input {
color: #ccc;
background: rgba(255, 255, 255, 0.15);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input.placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input.placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input.placeholder {
color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input:-moz-placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input:-moz-placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input:-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input::-moz-placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input::-moz-placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input:-ms-input-placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input:-ms-input-placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform input::-webkit-input-placeholder, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform input::-webkit-input-placeholder, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform .btn, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform .btn, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform .btn {
background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
color: #080808;
}
.page-template-template-people .pageheader:not(.pageheader--default) .pageheader__accessform .btn:hover, .single-demodays .pageheader:not(.pageheader--default) .pageheader__accessform .btn:hover, .single-locations .pageheader:not(.pageheader--default) .pageheader__accessform .btn:hover {
color: #ccc;
}
.no-touch .has-videoheader .pageheader__img {
display: none;
}
/* ==========================================================================
content -- layout/layout.scss
========================================================================== */
.content {
margin: 0 auto;
box-sizing: border-box;
/* Styling for .content - for archive posts */
}
@media only screen and (min-width: 550px) {
.content {
width: 80%;
padding: 0 calc(0.75em/ 2);
}
}
@media only screen and (min-width: 700px) {
.content {
width: 66.8%;
padding: 0 calc(1em/ 2);
}
}
@media only screen and (min-width: 1000px) {
.content {
width: 50%;
padding: 0 calc(1em/ 2);
}
}
@media only screen and (min-width: 1600px) {
.content {
width: 40%;
}
}
.content ul,
.content ol {
margin-left: 0.5em;
margin-bottom: 2em;
}
.content ul li,
.content ol li {
margin-bottom: 1em;
padding-left: 1.5em;
font-weight: 700;
}
.content ul li::marker,
.content ol li::marker {
font-weight: 400;
color: #F8795D;
}
.content ul li::marker {
font-family: "Font Awesome 5 Pro";
font-size: 0.85em;
content: "";
}
.content .wp-caption {
width: 100% !important;
height: auto;
}
.content h1,
.content h2 {
margin-top: 10%;
margin-bottom: 10%;
}
@media only screen and (min-width: 550px) {
.content h1,
.content h2 {
margin-top: 7%;
margin-bottom: 7%;
}
}
@media only screen and (min-width: 1200px) {
.content h1,
.content h2 {
margin-top: 5%;
margin-bottom: 5%;
}
}
.content figure {
margin-top: 10%;
margin-bottom: 10%;
}
@media only screen and (min-width: 550px) {
.content figure {
margin-top: 7%;
margin-bottom: 7%;
}
}
@media only screen and (min-width: 1200px) {
.content figure {
margin-top: 5%;
margin-bottom: 5%;
}
}
.content figure .wp-caption-text,
.content figure figcaption {
position: relative;
color: rgba(45, 21, 48, 0.5);
margin-top: 1em;
padding-bottom: 1em;
font-size: 11px;
line-height: 1.5;
}
@media only screen and (min-width: 550px) {
.content figure .wp-caption-text,
.content figure figcaption {
font-size: 11px;
}
}
@media only screen and (min-width: 700px) {
.content figure .wp-caption-text,
.content figure figcaption {
font-size: 12px;
}
}
@media only screen and (min-width: 1000px) {
.content figure .wp-caption-text,
.content figure figcaption {
font-size: 12px;
}
}
@media only screen and (min-width: 1200px) {
.content figure .wp-caption-text,
.content figure figcaption {
font-size: 12px;
}
}
@media only screen and (min-width: 1400px) {
.content figure .wp-caption-text,
.content figure figcaption {
font-size: 13px;
}
}
@media only screen and (min-width: 1600px) {
.content figure .wp-caption-text,
.content figure figcaption {
font-size: 14px;
}
}
.content figure .wp-caption-text:after,
.content figure figcaption:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 2rem;
height: 1px;
background: rgba(248, 121, 93, 0.15);
}
.content img {
width: 100%;
height: auto;
border-radius: 0.5em;
overflow: hidden;
-webkit-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.15);
-moz-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.15);
box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.15);
}
.content iframe {
width: 100%;
}
/* ==========================================================================
Section header -- layout/layout.scss
========================================================================== */
.sectionheader {
box-sizing: border-box;
position: relative;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 550px) {
.sectionheader {
padding: 0 10%;
}
}
@media only screen and (min-width: 1000px) {
.sectionheader {
text-align: left;
margin-left: 0;
margin-right: 0;
max-width: 28em;
}
}
@media only screen and (min-width: 1400px) {
.sectionheader {
max-width: 32em;
}
}
.sectionheader .sectionheader__preheading {
margin: 0 0 0.5em;
}
.sectionheader .sectionheader__heading {
margin: 0;
}
.sectionheader .sectionheader__text {
margin: 1em 0 -1em 0;
}
.sectionheader .sectionheader__btns {
margin: 2em 0 0 0;
}
.sectionheader .sectionheader__btns .sectionheader__btn {
margin: 0.5em 0 0 0;
}
.sectionheader .sectionheader__btn {
display: inline-block;
margin: 2.5em 0 0 0;
}
.gd-u-gt700-2-3 .sectionheader {
max-width: 9999px;
}
@media only screen and (min-width: 1000px) {
.gd-u-gt700-2-3 .sectionheader {
max-width: 32em;
}
}
@media only screen and (min-width: 700px) {
.gd-u-gt700-1-2 .sectionheader {
text-align: left;
margin-left: 0;
margin-right: 0;
}
}
/* ==========================================================================
posts -- layout/layout.scss
========================================================================== */
.posts {
position: relative;
margin-bottom: calc(-0.75em * 4);
}
@media only screen and (min-width: 550px) {
.posts {
margin-bottom: calc(-0.75em * 4);
}
}
@media only screen and (min-width: 700px) {
.posts {
margin-bottom: calc(-1em * 4);
}
}
@media only screen and (min-width: 1000px) {
.posts {
margin-bottom: calc(-1em * 4);
}
}
.posts .posts__line {
height: 100%;
position: absolute;
border-left: 1px solid rgba(248, 121, 93, 0.15);
display: none;
}
.posts .posts__line--1 {
left: 50%;
display: block;
}
@media only screen and (min-width: 700px) {
.posts .posts__line--1 {
left: 33.33%;
}
.posts .posts__line--2 {
display: block;
left: 66.66%;
}
}
@media only screen and (min-width: 1200px) {
.posts .posts__line--1 {
left: 20%;
}
.posts .posts__line--2 {
left: 40%;
}
.posts .posts__line--3 {
display: block;
left: 60%;
}
.posts .posts__line--4 {
display: block;
left: 80%;
}
}
.post {
position: relative;
margin-bottom: calc(0.75em * 4);
}
@media only screen and (min-width: 550px) {
.post {
margin-bottom: calc(0.75em * 4);
}
}
@media only screen and (min-width: 700px) {
.post {
margin-bottom: calc(1em * 4);
}
}
@media only screen and (min-width: 1000px) {
.post {
margin-bottom: calc(1em * 4);
}
}
.post .post__link {
position: relative;
z-index: 1;
}
.post .post__link .postimg {
position: relative;
margin-bottom: 1em;
}
.post .post__link .postimg .postimg__img {
width: 100%;
display: block;
height: auto;
}
.post .post__link .postimg--fixedheight {
padding: 66.6% 0 0;
}
.post .post__link .postimg--fixedheight .postimg__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: rgba(248, 121, 93, 0.05);
overflow: hidden;
}
.post .post__link .postimg .post__eventdate,
.post .post__link .postimg .post__author {
position: absolute;
bottom: 0;
right: 1em;
margin-bottom: -0.5em;
}
.post .post__link .postimg .post__author {
width: 3em;
height: 3em;
border: 1px solid #F8795D;
border-radius: 50%;
overflow: hidden;
}
.post .post__link .postimg .post__author .post__author__img {
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.post .post__tag {
position: absolute;
bottom: 0;
left: 0;
margin: 5px;
padding: 0.5em 1em;
border-radius: 3px;
color: rgba(45, 21, 48, 0.5);
border: 1px solid rgba(248, 121, 93, 0.15);
background: #fff;
z-index: 1;
}
.post .post__categories {
margin-bottom: 0.5em;
}
.post .post__categories a {
opacity: 0.5;
}
.post .post__categories a:hover {
opacity: 1;
}
.post .post__heading {
margin: 0.5em 0 0.5em;
max-width: 20em;
}
.post .post__heading .fa-external-link {
vertical-align: baseline;
padding-left: 0.25em;
}
.post:hover .post__heading {
color: #F8795D;
}
/* ==========================================================================
paging -- layout/layout.scss
========================================================================== */
.paging {
position: relative;
padding: 0;
margin-bottom: 0;
border-top: solid 1px rgba(45, 21, 48, 0.05);
}
@media only screen and (min-width: 700px) {
.paging {
border-bottom: solid 1px rgba(45, 21, 48, 0.05);
}
.paging .paging__bd {
border-bottom: solid 1px rgba(45, 21, 48, 0.05);
border-top: solid 1px rgba(45, 21, 48, 0.05);
}
}
.paging .paging__numbers {
display: none;
}
.paging .paging__numbers a,
.paging .paging__numbers span {
padding: 1.5em;
border: none;
border-right: solid 1px rgba(45, 21, 48, 0.05);
display: block;
float: left;
min-width: 1.4em;
text-align: center;
}
.paging .paging__numbers .current {
color: #888;
}
@media only screen and (min-width: 700px) {
.paging .paging__numbers {
display: block;
}
}
.paging .paging__nextprev {
text-align: center;
padding: 0.5em;
}
.paging .paging__nextprev .btn {
margin-bottom: 0;
}
@media only screen and (min-width: 700px) {
.paging .paging__nextprev {
position: absolute;
padding: 0;
right: 0;
top: 50%;
margin-top: -1.75em;
}
}
/* ==========================================================================
Search results page -- layout/layout.scss
========================================================================== */
.searchpagefield {
position: relative;
}
.searchpagefield input {
background: none;
padding-right: 4em;
position: relative;
z-index: 1;
}
.searchpagesubmit {
padding: 1em 1.25em;
border: none;
position: absolute;
z-index: 2;
top: 1px;
right: 1px;
background: none;
text-align: center;
}
.searchpagesubmit:hover {
background: #888;
}
/* ==========================================================================
companies -- layout/layout.scss
========================================================================== */
.companiesintro {
/* Hightlight company / company of the month */
}
.companiesintro .highlightcompany {
position: relative;
}
.companiesintro .highlightcompany .highlightcompany__content {
position: relative;
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__content__content {
margin-top: 3em;
padding: 0 15%;
}
@media only screen and (min-width: 550px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__content__content {
max-width: 30em;
box-sizing: border-box;
}
}
@media only screen and (min-width: 1000px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__content__content {
margin-top: 1em;
}
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__preheading {
margin: 0 0 0 0;
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__heading {
margin: 0.25em 0 0 0;
}
@media only screen and (min-width: 550px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company {
padding-left: 0;
}
}
@media only screen and (min-width: 1000px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company {
padding-left: 1em;
}
}
@media only screen and (min-width: 550px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company .featuredpost {
max-width: 30em;
}
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company .company {
margin-top: 2em;
background: #fff;
border-radius: 0.5em;
-webkit-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
-moz-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
height: auto;
}
@media only screen and (min-width: 550px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company .company {
margin-top: 0;
}
}
@media only screen and (min-width: 1000px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__company .company {
margin-top: 2em;
}
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post {
margin-top: 3em;
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--tablet {
display: none;
}
@media only screen and (min-width: 550px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--tablet {
display: block;
}
}
@media only screen and (min-width: 1000px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--tablet {
display: none;
}
}
@media only screen and (min-width: 550px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--desktop {
display: none;
}
}
@media only screen and (min-width: 1000px) {
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post--desktop {
display: block;
}
}
.companiesintro .highlightcompany .highlightcompany__content .highlightcompany__post .post .postimg {
display: none;
}
/* Companies header, companies grids headings */
.companiesheader {
padding: 1em 0;
border-top: 1px solid rgba(248, 121, 93, 0.15);
border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
.companiesheader .companiesheader__heading {
margin: 0;
}
.companies {
position: relative;
margin: 0;
/* Grid only company styles */
}
.companies .gd-u {
padding: 0;
}
.companies .companies__line {
height: 100%;
position: absolute;
border-left: 1px solid rgba(248, 121, 93, 0.15);
display: none;
}
.companies .companies__line--1 {
left: 50%;
display: block;
}
@media only screen and (min-width: 700px) {
.companies .companies__line--1 {
left: 33.33%;
}
.companies .companies__line--2 {
display: block;
left: 66.66%;
}
}
@media only screen and (min-width: 1000px) {
.companies .companies__line--1 {
left: 25%;
}
.companies .companies__line--2 {
left: 50%;
}
.companies .companies__line--3 {
display: block;
left: 75%;
}
}
@media only screen and (min-width: 1400px) {
.companies .companies__line--1 {
left: 20%;
}
.companies .companies__line--2 {
left: 40%;
}
.companies .companies__line--3 {
left: 60%;
}
.companies .companies__line--4 {
display: block;
left: 80%;
}
}
.companies .company {
border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 700px) {
.companies--featured .companies__line--1 {
left: 33.33%;
}
.companies--featured .companies__line--2 {
left: 66.66%;
display: block;
}
}
@media only screen and (min-width: 1000px) {
.companies--featured .companies__line--1 {
left: 50%;
}
.companies--featured .companies__line--2 {
display: none;
}
}
@media only screen and (min-width: 1400px) {
.companies--featured .companies__line--1 {
left: 33.33%;
}
.companies--featured .companies__line--2 {
left: 66.66%;
display: block;
}
}
.companies .my-sizer-element {
width: 8.333333%;
}
@media only screen and (min-width: 1000px) {
.companies .my-sizer-element {
width: 5%;
}
}
.company--default {
position: relative;
display: flex;
flex-flow: column;
height: 100%;
box-sizing: border-box;
-webkit-transition: box-shadow 0.15s ease-in-out;
-moz-transition: box-shadow 0.15s ease-in-out;
transition: box-shadow 0.15s ease-in-out;
padding: 0.75em;
}
@media only screen and (min-width: 550px) {
.company--default {
padding: 0.75em;
}
}
@media only screen and (min-width: 700px) {
.company--default {
padding: 1em;
}
}
@media only screen and (min-width: 1000px) {
.company--default {
padding: 1em;
}
}
.company--default--hasupdate .company__heading {
padding-right: 10.5em;
}
.company--default .company__link {
/* flex: 1 1 auto;*/
position: relative;
}
.company--default .company__heading {
margin: 0 0 0.5em 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: none;
}
@media only screen and (min-width: 550px) {
.company--default .company__heading {
display: block;
}
}
.company--default .company__updatetag {
background: #F8795D;
padding: 0.5em 1em;
display: inline-block;
border-radius: 0.25em;
position: absolute;
top: 0;
right: 0;
}
@media only screen and (min-width: 550px) {
.company--default .company__updatetag {
top: -0.5em;
right: -0.5em;
}
}
.company--default .company__info {
position: relative;
}
.company--default .company__info .company__logo {
position: relative;
width: 70%;
padding-top: 70%;
/* margin: 2em 15%;*/
margin: .1em 15%;
}
.company--default .company__info .company__logo div.company__logo__img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 65%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.company--default .company__info .company__logo img.company__logo__img {
position: absolute;
top: 50%;
left: 50%;
max-width: 80%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.company--default .company__info .company__logo .company__logo__placeholder {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.company--default .company__info .company__logo .company__logo__placeholder:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding-top: 50%;
border: 1px solid rgba(248, 121, 93, 0.15);
border-radius: 50%;
}
.company--default .company__info .company__desc {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
text-align: center;
background: #000;
/* background: #000000;*/
opacity: 0;
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
}
.company--default .company__info .company__desc .company__desc__text {
position: absolute;
top: 0;
left: 0;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.company--default .company__terms {
flex: 0 1 auto;
margin-top: 1em;
line-height: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 1em;
}
.company--default .company__terms .company__terms__stages {
margin-right: 1em;
}
.company--default:hover {
-webkit-box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
-moz-box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
}
@media only screen and (min-width: 700px) {
.company--default:hover .company__desc {
opacity: 1;
}
}
.company--grid {
/* background: #fff;*/
padding: 1em;
border-radius: 0.5em;
border: 1px solid #F8795D;
height: auto;
-webkit-transition: box-shadow 150ms ease-out 0s, translate 250ms ease-in-out;
-moz-transition: box-shadow 150ms ease-out 0s, translate 250ms ease-in-out;
transition: box-shadow 150ms ease-out 0s, translate 250ms ease-in-out;
margin-bottom: calc(0.75em * 2);
}
@media only screen and (min-width: 550px) {
.company--grid {
margin-bottom: calc(0.75em * 2);
}
}
@media only screen and (min-width: 700px) {
.company--grid {
margin-bottom: calc(1em * 2);
}
}
@media only screen and (min-width: 1000px) {
.company--grid {
margin-bottom: calc(1em * 2);
}
}
.company--grid .company__info {
position: relative;
}
.company--grid .company__info .company__logo {
position: relative;
width: 100%;
padding-top: 100%;
margin: 0;
}
.company--grid .company__info .company__logo .company__logo__img {
position: absolute;
top: 50%;
left: 50%;
max-width: 70%;
max-height: 70%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.company--grid .company__info .company__logo .company__logo__placeholder {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.company--grid .company__info .company__logo .company__logo__placeholder:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding-top: 50%;
border: 1px solid rgba(248, 121, 93, 0.15);
border-radius: 50%;
}
.company--grid .company__info .company__desc {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
text-align: center;
background: #080808;
opacity: 0;
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
}
.company--grid .company__info .company__desc .company__desc__text {
position: absolute;
top: 0;
left: 50%;
top: 50%;
max-width: 15em;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1200px) {
.company--grid .company__info .company__desc .company__desc__text {
line-height: 1.5;
}
}
@media only screen and (min-width: 1400px) {
.company--grid .company__info .company__desc .company__desc__text {
font-size: 15px;
}
}
@media only screen and (min-width: 1400px) {
.company--grid .company__info .company__desc .company__desc__text {
font-size: 16px;
}
}
.company--grid:hover {
-webkit-box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
-moz-box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
box-shadow: 0px 0px 25px 0px rgba(248, 121, 93, 0.25);
}
@media only screen and (min-width: 1000px) {
.company--grid:hover .company__desc {
opacity: 1;
}
}
.company--grid.company--mobilehover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-webkit-box-shadow: 0px 0px 25px 0px #f8795d;
-moz-box-shadow: 0px 0px 25px 0px #f8795d;
box-shadow: 0px 0px 25px 0px #f8795d;
}
/* ==========================================================================
Single company page (single-companies.php) -- layout/layout.scss
========================================================================== */
.single-companies .main__bd,
.fancybox--page--company .main__bd {
position: relative;
z-index: 10;
}
.single-companies .main__col--right .flexsc:first-child,
.fancybox--page--company .main__col--right .flexsc:first-child {
margin-top: 0;
}
/* Logos (in various positions) */
.companypage__logo {
background: #fff;
border-radius: 0.5em;
padding: 2em;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
-moz-box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
box-shadow: 0px 0px 25px 0px rgba(45, 21, 48, 0.25);
}
.companypage__logo--withheaderbg {
margin-top: calc(-10% * 2);
}
@media only screen and (min-width: 550px) {
.companypage__logo--withheaderbg {
margin-top: calc(-7% * 2);
}
}
@media only screen and (min-width: 1000px) {
.companypage__logo--withheaderbg {
margin-top: calc(-7% * 5);
}
}
@media only screen and (min-width: 1200px) {
.companypage__logo--withheaderbg {
margin-top: calc(-5% * 5);
}
}
.companypage__logo--inbody {
position: relative;
z-index: 1;
max-width: 10em;
display: block;
}
@media only screen and (min-width: 550px) {
.companypage__logo--inbody {
max-width: 15em;
}
}
@media only screen and (min-width: 1000px) {
.companypage__logo--inbody {
display: none;
}
}
.companypage__logo--inheader {
margin-top: 4em;
display: none;
}
@media only screen and (min-width: 1000px) {
.companypage__logo--inheader {
display: block;
margin-top: 0;
}
}
.companypage__logo--inheader.companypage__logo--withheaderbg {
display: none !important;
}
.companypage__logo--indetails {
width: 66.66%;
margin-bottom: 5em;
display: none;
}
@media only screen and (min-width: 1000px) {
.companypage__logo--indetails.companypage__logo--withheaderbg {
display: block;
}
}
.companypage__logo .companypage__logo__img {
width: 100%;
padding-top: 100%;
box-sizing: border-box;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
/* Company details */
@media only screen and (max-width: 999px) {
.companydetails {
margin-bottom: -1em;
}
}
@media only screen and (min-width: 1000px) {
.companydetails {
margin-top: 0;
}
}
.companydetails .companydetails__detail {
padding-top: 1em;
margin-bottom: 1em;
border-top: 1px solid rgba(248, 121, 93, 0.15);
}
/*@media only screen and (min-width: 1000px) {
.companydetails .companydetails__detail {
max-width: 16em;
}
}*/
.companydetails .companydetails__detail .companydetails__detail__heading {
margin: 0;
}
.companydetails .companydetails__detail--website a {
white-space: nowrap;
}
.companydetails .companydetails__detail--founders {
position: relative;
padding-left: 7.5em;
}
@media only screen and (min-width: 1000px) {
.companydetails .companydetails__detail--founders {
padding-left: 0;
}
}
.companydetails .companydetails__detail--founders .companydetails__detail__heading {
margin-bottom: 0.5em;
}
.companydetails .companydetails__detail--founders .companydetails__detail__founder {
position: relative;
margin-bottom: 3em;
/* max-width: 20em;*/
}
@media screen and (min-width: 800px) {
.companydetails .companydetails__detail--founders .companydetails__detail__founder:last-child {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1000px) {
.companydetails .companydetails__detail--founders .companydetails__detail__founder:last-child {
margin-bottom: 3em;
}
}
.companydetails .companydetails__detail--founders .companydetails__detail__founder .companydetails__detail__founder__link {
display: block;
cursor: pointer;
}
.companydetails .companydetails__detail--founders .companydetails__detail__founder .companydetails__detail__founder__name {
margin: 0 0 0.5em 0;
}
.companydetails .companydetails__detail--founders .companydetails__detail__founder .companydetails__detail__founder__img {
/* position: absolute;
top: 0;
left: -7.5em;
margin-top: -1em;
width: 6em;
height: 6em;
border-radius: 50%;
border: 1px solid #F8795D;
background-size: cover;
background-position: center;
background-repeat: no-repeat;*/
position: absolute;
top: 0;
left: -7.5em;
/* margin-top: -1em; */
width: 6em;
height: 6em;
/* border-radius: 50%; */
/* border: 1px solid #F8795D; */
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
}
.companydetails .companydetails__ticker {
margin-top: 3em;
display: none;
margin-left: -10%;
}
@media only screen and (min-width: 1000px) {
.companydetails .companydetails__ticker {
display: block;
}
}
/* Company Demo Day Nav - Only used on demo day company pop-ups */
.companyddnav {
text-align: center;
}
@media only screen and (max-width: 549px) {
.companyddnav .btn {
display: block;
margin: 0 0 1em 0;
}
}
/* ==========================================================================
Fancybox Pop-ups -- for people and company pages -- layout/layout.scss
========================================================================== */
.fancybox--page .fancybox-stage {
overflow: visible !important;
}
.fancybox--page .fancybox-slide--html {
padding: 1.5em;
}
@media only screen and (min-width: 550px) {
.fancybox--page .fancybox-slide--html {
padding: 2.5em;
}
}
@media only screen and (min-width: 700px) {
.fancybox--page .fancybox-slide--html {
padding: 2.5em;
}
}
@media only screen and (min-width: 1000px) {
.fancybox--page .fancybox-slide--html {
padding: 2em;
}
}
@media only screen and (min-width: 1200px) {
.fancybox--page .fancybox-slide--html {
padding: 2em;
}
}
@media only screen and (min-width: 1400px) {
.fancybox--page .fancybox-slide--html {
padding: 2em;
}
}
@media only screen and (min-width: 1600px) {
.fancybox--page .fancybox-slide--html {
padding: 2em;
}
}
@media only screen and (max-width: 549px) {
.fancybox--page .fancybox-slide--html {
padding: 1em;
}
}
.fancybox--page .fancybox-close-small {
display: none;
}
.fancybox--page .fancybox-content {
border-radius: 0.5em;
height: 90vh;
width: 100%;
padding: 0;
scrollbar-width: none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.fancybox--page .fancybox-content::-webkit-scrollbar {
/*Chrome, Safari, Edge*/
display: none;
}
@media only screen and (min-width: 1600px) {
.fancybox--page .fancybox-content {
max-width: 1600px;
}
}
@media only screen and (min-width: 1600px) {
.fancybox--page .fancybox-content .bd {
padding-left: calc(2em * 2);
padding-right: calc(2em * 2);
margin-left: auto;
margin-right: auto;
max-width: calc(1600px - (2em * 2));
}
}
.fancybox--page .fancybox-content .main {
margin-top: 0;
}
.fancybox--page .main__col--right .flexsc:first-child {
margin-top: 0;
}
.fancybox--page--person .main__bd {
margin-top: 1.5em;
}
@media only screen and (min-width: 550px) {
.fancybox--page--person .main__bd {
margin-top: 2.5em;
}
}
@media only screen and (min-width: 700px) {
.fancybox--page--person .main__bd {
margin-top: 2.5em;
}
}
@media only screen and (min-width: 1000px) {
.fancybox--page--person .main__bd {
margin-top: 2em;
}
}
@media only screen and (min-width: 1200px) {
.fancybox--page--person .main__bd {
margin-top: calc(2em * 2);
}
}
@media only screen and (min-width: 1400px) {
.fancybox--page--person .main__bd {
margin-top: calc(2em * 2);
}
}
@media only screen and (min-width: 1600px) {
.fancybox--page--person .main__bd {
margin-top: calc(2em * 2);
}
}
/* fancybox custom close button (within footer.php) */
.fancybox-close-custom {
position: fixed;
cursor: pointer;
top: 5vh;
right: 5em;
padding: 1.3em;
-webkit-transform: translate(40%, -40%);
-moz-transform: translate(40%, -40%);
transform: translate(40%, -40%);
background: #fff;
color: #F8795D;
border: 1px solid rgba(45, 21, 48, 0.05);
width: 4em;
height: 4em;
box-sizing: border-box;
border-radius: 50%;
display: inline-block;
text-align: center;
z-index: 1000000;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
}
.fancybox-close-custom .fa,
.fancybox-close-custom .fab,
.fancybox-close-custom .fal,
.fancybox-close-custom .far,
.fancybox-close-custom .fas {
padding: 0;
line-height: 4em;
}
.fancybox-close-custom .fa:before,
.fancybox-close-custom .fab:before,
.fancybox-close-custom .fal:before,
.fancybox-close-custom .far:before,
.fancybox-close-custom .fas:before {
font-size: 1.25em;
}
@media only screen and (min-width: 550px) {
.fancybox-close-custom {
right: 4em;
}
}
@media only screen and (min-width: 1600px) {
.fancybox-close-custom {
right: calc((100vw - (1600px - (2em * 3))) / 2);
}
}
.fancybox-close-custom:hover {
background: #F8795D;
border-color: #F8795D;
color: #ccc;
}
.fancybox-close-custom--show {
pointer-events: all;
opacity: 1;
}
.}
/* ==========================================================================
Pagenav -- layout/layout.scss
========================================================================== */
.pagenav {
position: relative;
z-index: 50;
perspective: 300px;
position: sticky;
position: -webkit-sticky;
top: -1px;
background: #fff;
/* pinned styling */
/* with transparent header */
}
.pagenav .pagenav__bd + .pagenav__bd .pagenav__wrap {
border-top: 0px solid rgba(248, 121, 93, 0.15);
}
.pagenav .pagenav__wrap {
overflow: hidden;
border-top: 1px solid rgba(248, 121, 93, 0.15);
border-bottom: 1px solid rgba(248, 121, 93, 0.15);
white-space: nowrap;
-webkit-transition: padding-right 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
-moz-transition: padding-right 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
transition: padding-right 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
height: 3rem;
}
@media only screen and (min-width: 700px) {
.pagenav .pagenav__wrap {
height: 3.5rem;
}
}
.pagenav .pagenav__wrap .pagenav__heading {
display: inline-block;
margin: 0;
padding-right: 2em;
box-sizing: border-box;
line-height: 3rem;
}
@media only screen and (min-width: 700px) {
.pagenav .pagenav__wrap .pagenav__heading {
line-height: 3.5rem;
}
}
@media only screen and (min-width: 1000px) {
.pagenav .pagenav__wrap .pagenav__heading {
width: 10%;
}
}
.pagenav .pagenav__wrap .pagenav__nav {
position: relative;
height: 3rem;
display: inline-block;
vertical-align: top;
width: calc(100% - 8em);
-webkit-transition: width 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
-moz-transition: width 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
transition: width 750ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
box-sizing: border-box;
/*
.filters__header__links{
padding-right: 10em;
@include media-query($medium) {
}
.filters__link{
cursor: pointer;
}
} */
/*
.filters__header__tags{
padding: .5em 0;
@include media-query($widescreen) {
padding: .325em 0;
}
.filters__header__tags__wrap{
display: inline-block;
}
.filters__header__tags__clear{
cursor: pointer;
margin-left: 1em;
margin-right: 10em;
}
.filters__header__tag{
margin-right: .5em;
}
} */
}
@media only screen and (min-width: 700px) {
.pagenav .pagenav__wrap .pagenav__nav {
height: 3.5rem;
}
}
@media only screen and (min-width: 1000px) {
.pagenav .pagenav__wrap .pagenav__nav {
width: 90%;
}
}
.pagenav .pagenav__wrap .pagenav__nav:after {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 6em;
pointer-events: none;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00001) 0%, #fff 100%);
}
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__scrollarea {
width: 100%;
height: 3rem;
overflow-x: scroll;
scrollbar-width: none;
-ms-overflow-style: -ms-autohiding-scrollbar;
white-space: nowrap;
box-sizing: border-box;
}
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__scrollarea::-webkit-scrollbar {
/*Chrome, Safari, Edge*/
display: none;
}
@media only screen and (min-width: 700px) {
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__scrollarea {
height: 3.5rem;
}
}
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__links {
line-height: 2rem;
height: 2rem;
padding: 0.5rem 0;
box-sizing: border-box;
margin: 0;
}
@media only screen and (min-width: 700px) {
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__links {
height: 2.5rem;
line-height: 2.5rem;
}
}
.pagenav .pagenav__wrap .pagenav__nav .pagenav__nav__links .current {
background-color: rgba(45, 21, 48, 0.1);
border-radius: 3rem;
padding: 0 1.5em;
}
.pagenav--pinned .filters__header {
padding-right: 16rem;
}
.siteheader--transparent .pagenav {
color: #ccc;
background: none;
}
.siteheader--transparent .pagenav .pagenav__wrap .pagenav__nav:after {
display: none;
}
.siteheader--transparent .pagenav .pagenav__nav__links .current {
background-color: rgba(255, 255, 255, 0.1);
}
.siteheader--transparent .pagenav.pagenav--pinned {
background: #fff;
color: #080808;
}
.siteheader--transparent .pagenav.pagenav--pinned .pagenav__nav__links .current {
background-color: rgba(45, 21, 48, 0.1);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input {
color: #080808;
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input.placeholder {
color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input:-moz-placeholder {
color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input::-moz-placeholder {
color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input:-ms-input-placeholder {
color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header input::-webkit-input-placeholder {
color: rgba(45, 21, 48, 0.25);
}
.siteheader--transparent .pagenav.pagenav--pinned .filters__header .filters__header__nav:after {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00001) 0%, #fff 100%);
}
/* ==========================================================================
Carousels -- layout/layout.scss
========================================================================== */
.
/* ==========================================================================
headerticker -- layout/layout.scss
========================================================================== */
.headerticker {
position: relative;
text-align: left;
width: 100%;
}
.home .headerticker {
z-index: 25;
}
.home .headerticker .headerticker__header__heading {
color: #ccc;
}
.home.mobnavopen .headerticker {
display: none;
}
.fancybox-content .headerticker .headerticker__ticker .owl-nav {
right: 1em;
}
.headerticker .headerticker__bd {
padding: 1.5em 0;
border-top: 1px solid rgba(248, 121, 93, 0.15);
border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 1000px) {
.headerticker .headerticker__bd {
padding: 1em 0;
height: 3.75rem;
box-sizing: border-box;
}
}
.headerticker .headerticker__header {
margin-bottom: 0.5em;
}
@media only screen and (min-width: 1000px) {
.headerticker .headerticker__header {
position: absolute;
margin-bottom: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
/* width: 10%;*/
padding-right: 1em;
box-sizing: border-box;
}
}
.headerticker .headerticker__header .headerticker__header__heading {
margin: 0;
}
.headerticker .headerticker__ticker {
overflow: hidden;
padding-right: 5em;
/* owl carousel styles */
}
@media only screen and (min-width: 1000px) {
.headerticker .headerticker__ticker {
padding-left: 10%;
white-space: nowrap;
}
}
.headerticker .headerticker__ticker .ticker__item__post .ticker__item__post__heading--desktop {
display: none;
}
@media only screen and (min-width: 700px) {
.headerticker .headerticker__ticker .ticker__item__post .ticker__item__post__heading--desktop {
display: block;
}
}
@media only screen and (min-width: 700px) {
.headerticker .headerticker__ticker .ticker__item__post .ticker__item__post__heading--mobile {
display: none;
}
}
.headerticker .headerticker__ticker .ticker__item__post--external .ticker__item__post__heading span:last-child {
display: inline-block;
vertical-align: bottom;
padding-left: 0.66em;
}
.headerticker .headerticker__ticker .ticker__item__post--external .ticker__item__post__heading span:last-child:after {
content: "";
opacity: 0.5;
color: #F8795D;
font-family: "Font Awesome 5 Pro";
font-weight: 300;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
opacity: 0.5;
}
.headerticker .headerticker__ticker .owl-carousel {
position: static;
display: none;
}
.headerticker .headerticker__ticker .owl-carousel.owl-loaded {
display: block;
}
.headerticker .headerticker__ticker .animated {
-webkit-animation-duration: 150ms !important;
-moz-animation-duration: 150ms !important;
animation-duration: 150ms !important;
}
.headerticker .headerticker__ticker .owl-item.active .ticker__item__post .ticker__item__post__heading span {
opacity: 1;
}
.headerticker .headerticker__ticker .owl-nav {
position: absolute;
top: 0.5rem;
right: 0;
}
@media only screen and (min-width: 1000px) {
.headerticker .headerticker__ticker .owl-nav {
top: 0.5rem;
}
}
.headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
position: relative;
border-radius: 0;
width: 2.75rem;
height: 2.75rem;
font-size: 11px;
}
@media only screen and (min-width: 550px) {
.headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
font-size: 11px;
}
}
@media only screen and (min-width: 700px) {
.headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
font-size: 12px;
}
}
@media only screen and (min-width: 1000px) {
.headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
font-size: 12px;
}
}
@media only screen and (min-width: 1200px) {
.headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
font-size: 12px;
}
}
@media only screen and (min-width: 1400px) {
.headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
font-size: 13px;
}
}
@media only screen and (min-width: 1600px) {
.headerticker .headerticker__ticker .owl-nav .owl-next,
.headerticker .headerticker__ticker .owl-nav .owl-prev {
font-size: 14px;
}
}
.headerticker .headerticker__ticker .owl-nav .owl-next span,
.headerticker .headerticker__ticker .owl-nav .owl-prev span {
position: absolute;
top: 50%;
left: 50%;
font-size: 2em;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.headerticker .headerticker__ticker .owl-nav .owl-next:focus,
.headerticker .headerticker__ticker .owl-nav .owl-prev:focus {
outline: none;
}
.headerticker .headerticker__ticker .owl-nav .owl-next.disabled,
.headerticker .headerticker__ticker .owl-nav .owl-prev.disabled {
opacity: 0.5;
}
.headerticker .headerticker__ticker .owl-nav .owl-prev {
border-right: 1px solid rgba(248, 121, 93, 0.15);
}
/* heading animation */
@keyframes flickerAnimation {
0% {
opacity: 0.25;
}
10% {
opacity: 0.8;
}
20% {
opacity: 0.25;
}
}
@-webkit-keyframes flickerAnimation {
0% {
opacity: 0.25;
}
10% {
opacity: 0.8;
}
20% {
opacity: 0.25;
}
}
/* ==========================================================================
tickers -- layout/layout.scss
========================================================================== */
.ticker {
position: relative;
margin: 0 auto;
padding: 0 10%;
}
@media only screen and (min-width: 550px) {
.ticker {
box-sizing: border-box;
}
}
@media only screen and (min-width: 1400px) {
.ticker {
max-width: 32em;
}
}
.ticker:after {
content: "";
position: absolute;
z-index: -1;
top: 25%;
left: -1.5em;
right: -1.5em;
bottom: 0;
background: rgba(248, 121, 93, 0.05);
border-radius: 0.5em;
}
@media only screen and (min-width: 550px) {
.ticker:after {
left: 0;
right: 0;
}
}
.ticker .ticker__content {
position: relative;
}
.ticker .ticker__header {
display: flex;
align-items: center;
padding: 0.5em 0;
padding-right: 4.5em;
box-sizing: border-box;
border-top: 1px solid rgba(248, 121, 93, 0.15);
height: 3.75rem;
}
.ticker .ticker__header .ticker__header__heading {
display: inline-block;
margin: 0;
}
.ticker .ticker__header .ticker__header__counter {
margin-left: 1em;
}
.ticker .ticker__ticker {
overflow: hidden;
margin-left: -1em;
margin-right: -1em;
}
.ticker .ticker__ticker .owl-ticker {
position: static;
}
.ticker .ticker__ticker .ticker__item {
box-sizing: border-box;
padding: 0 1em;
}
.ticker .ticker__ticker .post {
margin-bottom: calc(0.75em * 3);
}
@media only screen and (min-width: 550px) {
.ticker .ticker__ticker .post {
margin-bottom: calc(0.75em * 3);
}
}
@media only screen and (min-width: 700px) {
.ticker .ticker__ticker .post {
margin-bottom: calc(1em * 3);
}
}
@media only screen and (min-width: 1000px) {
.ticker .ticker__ticker .post {
margin-bottom: calc(1em * 3);
}
}
.ticker .ticker__ticker .owl-carousel {
position: static;
}
.ticker .ticker__ticker .owl-nav {
position: absolute;
top: 0.5rem;
right: 0;
}
.ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
position: relative;
border-radius: 0;
width: 2.75rem;
height: 2.75rem;
font-size: 11px;
}
@media only screen and (min-width: 550px) {
.ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
font-size: 11px;
}
}
@media only screen and (min-width: 700px) {
.ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
font-size: 12px;
}
}
@media only screen and (min-width: 1000px) {
.ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
font-size: 12px;
}
}
@media only screen and (min-width: 1200px) {
.ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
font-size: 12px;
}
}
@media only screen and (min-width: 1400px) {
.ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
font-size: 13px;
}
}
@media only screen and (min-width: 1600px) {
.ticker .ticker__ticker .owl-nav .owl-next,
.ticker .ticker__ticker .owl-nav .owl-prev {
font-size: 14px;
}
}
.ticker .ticker__ticker .owl-nav .owl-next span,
.ticker .ticker__ticker .owl-nav .owl-prev span {
position: absolute;
top: 50%;
left: 50%;
font-size: 2em;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ticker .ticker__ticker .owl-nav .owl-next:focus,
.ticker .ticker__ticker .owl-nav .owl-prev:focus {
outline: none;
}
.ticker .ticker__ticker .owl-nav .owl-next.disabled,
.ticker .ticker__ticker .owl-nav .owl-prev.disabled {
opacity: 0.5;
}
.ticker .ticker__ticker .owl-nav .owl-prev {
border-right: 1px solid rgba(248, 121, 93, 0.15);
}
/* ==========================================================================
Ajax load more button -- layout/layout.scss
========================================================================== */
.loadmore {
position: relative;
text-align: center;
background: #fff;
}
.loadmore .loadmore__btn {
margin: 0;
background-image: linear-gradient(to right, #F8795D 50%, #fff 50%);
position: relative;
z-index: 1;
}
/* ==========================================================================
siteheader
========================================================================== */
.siteheader {
text-align: right;
}
.siteheader .siteheader__bd {
padding: 1rem 0;
position: relative;
}
.siteheader .siteheader__btn {
margin: 0 5em 0 0;
vertical-align: middle;
position: relative;
z-index: 1;
display: none;
}
@media only screen and (min-width: 700px) {
.siteheader .siteheader__btn {
position: absolute;
right: 0;
top: 1rem;
}
}
.siteheader .siteheader__btn--demoday:hover {
color: #F8795D;
}
@media only screen and (min-width: 700px) {
.siteheader .siteheader__btn--demoday {
display: block;
line-height: 5em;
margin-right: 6em;
}
}
.siteheader .logo .logo__img--key {
background-image: url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/logo-square.png");
}
.bg--aubergine .siteheader {
background: #080808;
}
.home .siteheader {
background: #000;
}
.bg--aubergine .siteheader .logo .logo__img--key, .home .siteheader .logo .logo__img--key, .mobnavopen .siteheader .logo .logo__img--key, .siteheader--transparent .siteheader .logo .logo__img--key {
background-image: url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/logo-square.png");
}
.bg--aubergine .siteheader .logo .logo__img--words, .home .siteheader .logo .logo__img--words, .mobnavopen .siteheader .logo .logo__img--words, .siteheader--transparent .siteheader .logo .logo__img--words {
background-image: url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/word-min.png");
}
.bg--aubergine .siteheader .logo .logo__img--wordsntitle .logo__words, .home .siteheader .logo .logo__img--wordsntitle .logo__words, .mobnavopen .siteheader .logo .logo__img--wordsntitle .logo__words, .siteheader--transparent .siteheader .logo .logo__img--wordsntitle .logo__words {
background-image: url("img/framework/ef.words.line.neg.svg");
}
.black-clor-logo{
background-image: url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/black-word-logo.png");
}
.bg--aubergine .siteheader .siteheader__btn, .home .siteheader .siteheader__btn, .mobnavopen .siteheader .siteheader__btn, .siteheader--transparent .siteheader .siteheader__btn {
color: #F8795D;
}
.bg--aubergine .siteheader .siteheader__btn:hover, .home .siteheader .siteheader__btn:hover, .mobnavopen .siteheader .siteheader__btn:hover, .siteheader--transparent .siteheader .siteheader__btn:hover {
color: #ccc;
}
.bg--aubergine .siteheader .siteheader__btn--demoday, .home .siteheader .siteheader__btn--demoday, .mobnavopen .siteheader .siteheader__btn--demoday, .siteheader--transparent .siteheader .siteheader__btn--demoday {
color: #ccc;
}
.bg--aubergine .siteheader .siteheader__btn--demoday:hover, .home .siteheader .siteheader__btn--demoday:hover, .mobnavopen .siteheader .siteheader__btn--demoday:hover, .siteheader--transparent .siteheader .siteheader__btn--demoday:hover {
color: #F8795D;
}
.siteheader--transparent .siteheader {
position: relative;
z-index: 10;
color: #ccc;
}
@media only screen and (min-width: 700px) {
.home .siteheader {
position: absolute;
top: 0;
width: 100%;
}
}
.home .siteheader:before {
content: "";
pointer-events: none;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(-50%, -40%);
-moz-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);
/* background: radial-gradient(circle, rgba(77, 32, 83, 0.7) 0%, rgba(77, 32, 83, 0.0001) 70%);
*/ width: 100vw;
padding-top: 100%;
z-index: 20;
}
.home .siteheader .siteheader__bd {
z-index: 25;
}
/* ==========================================================================
Logo (used in header & footer)
========================================================================== */
.logo {
text-align: left;
}
.logo .logo__img {
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
}
.logo .logo__img--key {
background-image: url(https://s3.ap-south-1.amazonaws.com/quditinfotech.web/logo-square.png);
width: 3em;
height: 2.5em;
margin-right: .5em;
}
@media only screen and (min-width: 1000px) {
.logo .logo__img--key {
/* width: calc(10% - (1em * 2));*/
/* width: calc(10%);
margin-right: calc(1em * 2);*/
padding-top: 4%;
height: 0;
}
}
.logo .logo__img--words {
background-image: url("img/framework/ef.words.pos.svg");
background-position: center bottom;
width: 6em;
height: 1.5em;
}
@media only screen and (min-width: 1000px) {
.logo .logo__img--words {
width: 10%;
padding-top: 4%;
height: 0;
}
}
@media only screen and (min-width: 1200px) {
.logo .logo__img--words {
width: 14%;
}
}
.logo .logo__img--pagetitle h1 {
font-size: 0.6rem;
}
@media only screen and (min-width: 1000px) {
.logo .logo__img--pagetitle h1 {
font-size: 0.75rem;
}
}
@media only screen and (min-width: 1200px) {
.logo .logo__img--pagetitle h1 {
font-size: 0.9rem;
}
}
@media only screen and (min-width: 1400px) {
.logo .logo__img--pagetitle h1 {
font-size: 1rem;
}
}
@media only screen and (min-width: 1600px) {
.logo .logo__img--pagetitle h1 {
font-size: 1.1rem;
}
}
.logo .logo__img--wordsntitle h1 {
font-size: 0.6rem;
}
@media only screen and (min-width: 1000px) {
.logo .logo__img--wordsntitle h1 {
font-size: 0.75rem;
}
}
@media only screen and (min-width: 1200px) {
.logo .logo__img--wordsntitle h1 {
font-size: 0.9rem;
}
}
@media only screen and (min-width: 1400px) {
.logo .logo__img--wordsntitle h1 {
font-size: 1rem;
}
}
@media only screen and (min-width: 1600px) {
.logo .logo__img--wordsntitle h1 {
font-size: 1.1rem;
}
}
.logo .logo__img--wordsntitle .logo__words {
background-image: url("img/framework/ef.words.line.pos.svg");
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
width: 9em;
height: 1em;
display: block;
}
@media only screen and (min-width: 550px) {
.logo .logo__img--wordsntitle .logo__words {
margin-left: -0.15em;
}
}
@media only screen and (min-width: 1000px) {
.logo .logo__img--wordsntitle .logo__words {
width: 10em;
margin-left: 0;
}
}
@media only screen and (min-width: 1200px) {
.logo .logo__img--wordsntitle .logo__words {
width: 11em;
}
}
@media only screen and (min-width: 1400px) {
.logo .logo__img--wordsntitle .logo__words {
width: 11em;
}
}
/* ==========================================================================
fixedheader
========================================================================== */
.fixedheader {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 150;
pointer-events: none;
text-align: right;
}
.fixedheader .fixedheader__bd {
padding: 1rem 0;
}
.fixedheader .fixedheader__btn {
display: none;
vertical-align: top;
margin: 3px 0.25em 0 0;
pointer-events: all;
}
@media only screen and (min-width: 700px) {
.fixedheader .fixedheader__btn {
display: inline-block;
}
}
.mobnavopen .fixedheader .fixedheader__btn {
display: none;
}
.fixedheader .mobnav-toggle {
pointer-events: all;
background: #fff;
border: 1px solid rgba(45, 21, 48, 0.05);
box-sizing: border-box;
border-radius: 50%;
display: inline-block;
text-align: center;
-webkit-transition: transform 150ms ease-out 0ms;
-moz-transition: transform 150ms ease-out 0ms;
transition: transform 150ms ease-out 0ms;
padding: 0;
width: 4.25em;
height: 4.25em;
line-height: 4.15em;
}
@media only screen and (min-width: 700px) {
.fixedheader .mobnav-toggle {
padding: 1.5em;
width: 4.4em;
height: auto;
line-height: 0.9;
}
}
.fixedheader .mobnav-toggle .fa,
.fixedheader .mobnav-toggle .fab,
.fixedheader .mobnav-toggle .fal,
.fixedheader .mobnav-toggle .far,
.fixedheader .mobnav-toggle .fas {
padding-left: 0.1em;
}
.fixedheader .mobnav-toggle .fa:before,
.fixedheader .mobnav-toggle .fab:before,
.fixedheader .mobnav-toggle .fal:before,
.fixedheader .mobnav-toggle .far:before,
.fixedheader .mobnav-toggle .fas:before {
font-size: 1.25em;
vertical-align: middle;
}
.fixedheader .mobnav-toggle:hover {
background: #F8795D;
border-color: #F8795D;
color: #ccc;
}
.mobnavopen .fixedheader .mobnav-toggle .fal:before {
content: "";
}
.hamburg::before {
content: ☰
}
.fixedheader .mobnav-toggle--scrolled {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
transform: scale(1.25);
}
.mobnavopen .fixedheader .mobnav-toggle--scrolled {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
/* ==========================================================================
mobnav
========================================================================== */
.mobnav {
pointer-events: none;
position: fixed;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-flow: column;
z-index: 100;
width: 100%;
overflow: hidden;
height: 100vh;
opacity: 0;
background: #080808;
text-align: left;
-webkit-transition: opacity 150ms ease-in-out;
-moz-transition: opacity 150ms ease-in-out;
transition: opacity 150ms ease-in-out;
}
.mobnav:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: calc((((100% - 2.5em) / 10) * 4) + 1em);
height: 100%;
z-index: -1;
background: #000000;
display: none;
}
@media only screen and (min-width: 700px) {
.mobnav:after {
display: block;
}
}
@media only screen and (min-width: 1000px) {
.mobnav:after {
width: calc((((100% - 2em) / 10) * 4) + 1em);
}
}
@media only screen and (min-width: 1200px) {
.mobnav:after {
width: calc((((100% - 2em) / 10) * 5) + 1em);
}
}
@media only screen and (min-width: 1400px) {
.mobnav:after {
width: calc((((100% - 2em) / 10) * 4) + 1em);
}
}
@media only screen and (min-width: 1600px) {
.mobnav:after {
width: calc(((100% - (1600px - (2em * 2))) / 2) + (((1600px - (2em * 2)) / 10) * 4));
}
}
.mobnav:before {
content: "";
pointer-events: none;
position: fixed;
top: -75%;
left: -25%;
/*background: radial-gradient(circle, rgba(77, 32, 83, 0.7) 0%, rgba(77, 32, 83, 0.0001) 70%);*/
width: 100vw;
padding-top: 100%;
z-index: -1;
}
.mobnavopen .mobnav {
pointer-events: all;
opacity: 1;
}
.mobnav .siteheader {
position: relative;
flex: 0 1 auto;
background: transparent;
}
.mobnav .siteheader:before {
display: none;
}
@media only screen and (max-width: 699px) {
.mobnav .siteheader .siteheader__btn {
display: block;
text-align: center;
margin: 1.5em 0 0 0;
}
.mobnav .siteheader .siteheader__btn--demoday {
text-align: left;
margin-top: 2.5em;
}
}
@media only screen and (max-width: 699px) {
.mobnav .siteheader .siteheader__bd {
border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
}
.mobnav .mobnav__bd {
flex: 1 1 auto;
height: 100%;
}
@media only screen and (min-width: 1600px) {
.mobnav .mobnav__bd {
width: 100%;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.mobnav .mobnav__bd {
/* IE10+ CSS styles go here */
width: 100%;
}
}
.mobnav .mobnav__gd-g {
height: 100%;
}
.mobnav .mobnav__col {
height: 100%;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.mobnav .mobnav__col::-webkit-scrollbar {
/*Chrome, Safari, Edge*/
display: none;
}
@media only screen and (max-width: 699px) {
.mobnav .mobnav__col {
position: fixed;
left: 0;
padding: 0 2.5em;
box-sizing: border-box;
width: 100%;
-webkit-transition: left 150ms ease-in-out;
-moz-transition: left 150ms ease-in-out;
transition: left 150ms ease-in-out;
height: 100%;
}
.mobnav .mobnav__col .mobnav__navs {
padding-bottom: 9em;
}
.mobnav .mobnav__col .mobnav__cohorts {
padding-bottom: 11em;
}
.mobnav .mobnav__col .mobnav__cohorts .cohort {
background: #000000;
}
}
@media only screen and (max-width: 549px) {
.mobnav .mobnav__col {
padding: 0 1.5em;
}
}
@media only screen and (max-width: 699px) {
.mobnav .mobnav__col--left {
left: 100%;
}
.mobnavopen--locations .mobnav .mobnav__col--left {
left: 0;
}
}
@media only screen and (max-width: 699px) {
.mobnavopen--locations .mobnav .mobnav__col--right {
left: -100%;
}
}
@media only screen and (min-width: 700px) {
.mobnav .mobnav__col--right {
padding-left: 2.5em;
}
}
@media only screen and (min-width: 1000px) {
.mobnav .mobnav__col--right {
padding-left: 2em;
}
}
@media only screen and (min-width: 1200px) {
.mobnav .mobnav__col--right {
padding-left: 2em;
}
}
@media only screen and (min-width: 1400px) {
.mobnav .mobnav__col--right {
padding-left: 2em;
}
}
@media only screen and (min-width: 1600px) {
.mobnav .mobnav__col--right {
padding-left: 2em;
}
}
.mobnav .mobnav__cta {
margin-top: 1.5em;
padding-top: 1.5em;
border-top: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 700px) {
.mobnav .mobnav__cta {
margin-top: 3em;
padding-top: 0;
border-top: none;
}
}
@media only screen and (min-width: 1000px) {
.mobnav .mobnav__cta {
margin-top: 0;
}
}
.mobnav .mobnav__cta .mobnav__cta__content {
max-width: 27em;
}
@media only screen and (min-width: 1000px) {
.mobnav .mobnav__cta .mobnav__cta__content {
max-width: 15em;
}
}
.mobnav .mobnav__cta .mobnav__cta__heading {
margin: 0 0 0.25em 0;
}
.mobnav .mobnav__cta .btn {
margin: 1.5em 0 0 0;
}
.mobnav .mobnav__cohorts {
padding: 1em 0;
box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
.mobnav .mobnav__cohorts {
padding: 3em 0;
}
}
.mobnav .mobnav__cohorts .mobnav__cohorts__back {
display: block;
margin: 0 0 1em 0;
padding-bottom: 1em;
border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 700px) {
.mobnav .mobnav__cohorts .mobnav__cohorts__back {
display: none;
}
}
.mobnav .mobnav__cohorts .mobnav__cohorts__header {
max-width: 27em;
margin-bottom: 1.5em;
}
.mobnav .mobnav__cohorts .mobnav__cohorts__header .mobnav__cohorts__heading {
margin: 0;
}
.mobnav .mobnav__cohorts .mobnav__cohorts__header .mobnav__cohorts__intro {
margin: 0.25em 0 0 0;
}
.mobnav .mobnav__cohorts .gd-g {
margin-left: -0.25em;
margin-right: -0.25em;
}
.mobnav .mobnav__cohorts .gd-g .gd-u {
padding-left: 0.25em;
padding-right: 0.25em;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(2) .mobnav__cohort {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
transition-delay: 200ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(3) .mobnav__cohort {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
transition-delay: 300ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(4) .mobnav__cohort {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(5) .mobnav__cohort {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
transition-delay: 500ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(6) .mobnav__cohort {
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
transition-delay: 600ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(7) .mobnav__cohort {
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
transition-delay: 700ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(8) .mobnav__cohort {
-webkit-transition-delay: 800ms;
-moz-transition-delay: 800ms;
transition-delay: 800ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(9) .mobnav__cohort {
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
transition-delay: 900ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(10) .mobnav__cohort {
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(11) .mobnav__cohort {
-webkit-transition-delay: 1100ms;
-moz-transition-delay: 1100ms;
transition-delay: 1100ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(12) .mobnav__cohort {
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(13) .mobnav__cohort {
-webkit-transition-delay: 1300ms;
-moz-transition-delay: 1300ms;
transition-delay: 1300ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(14) .mobnav__cohort {
-webkit-transition-delay: 1400ms;
-moz-transition-delay: 1400ms;
transition-delay: 1400ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(15) .mobnav__cohort {
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(16) .mobnav__cohort {
-webkit-transition-delay: 1600ms;
-moz-transition-delay: 1600ms;
transition-delay: 1600ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(17) .mobnav__cohort {
-webkit-transition-delay: 1700ms;
-moz-transition-delay: 1700ms;
transition-delay: 1700ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(18) .mobnav__cohort {
-webkit-transition-delay: 1800ms;
-moz-transition-delay: 1800ms;
transition-delay: 1800ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(19) .mobnav__cohort {
-webkit-transition-delay: 1900ms;
-moz-transition-delay: 1900ms;
transition-delay: 1900ms;
}
.mobnav .mobnav__cohorts .gd-g .gd-u:nth-child(20) .mobnav__cohort {
-webkit-transition-delay: 2000ms;
-moz-transition-delay: 2000ms;
transition-delay: 2000ms;
}
.mobnav .mobnav__cohorts .mobnav__cohort {
margin-bottom: 0.5em;
background: #080808;
opacity: 0;
-webkit-transform: translateY(1em);
-moz-transform: translateY(1em);
transform: translateY(1em);
-webkit-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
-moz-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
}
.mobnavopen .mobnav .mobnav__cohorts .mobnav__cohort {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.mobnav .mobnav__cohorts .mobnav__cohort:hover {
background: #F7F5F5;
color: #080808;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__heading {
/* margin: 0 0 0.5em 0;*/
margin: 0 0 0 0;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__link {
display: block;
padding: 1em;
box-sizing: border-box;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info {
margin-top: 0.5em;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__date {
color: #ccc;
display: inline-block;
vertical-align: middle;
margin-right: 1em;
}
@media only screen and (min-width: 1400px) {
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__date {
margin-right: 0.25em;
}
}
@media only screen and (min-width: 1600px) {
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__date {
margin-right: 1em;
}
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__appclose {
display: inline-block;
vertical-align: middle;
}
.mobnav .mobnav__cohorts .mobnav__cohort .cohort__info .cohort__appclose .cohort__appclose__heading {
margin: 0;
}
@media only screen and (min-width: 700px) {
.mobnav .mobnav__navs {
max-width: 32em;
display: flex;
flex-flow: column;
margin: 0 auto;
height: 100%;
}
}
@media only screen and (min-width: 1200px) {
.mobnav .mobnav__navs {
padding-right: 3em;
}
}
.mobnav .mobnav__navs .mobnav__navs__main {
margin: 1em 0 0 0;
}
@media only screen and (min-width: 1000px) {
.mobnav .mobnav__navs .mobnav__navs__main {
flex: 1 1 auto;
margin: 3em 0 0 0;
}
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link {
opacity: 0;
-webkit-transform: translateY(1em);
-moz-transform: translateY(1em);
transform: translateY(1em);
-webkit-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
-moz-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1), transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(2) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
transition-delay: 200ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(3) {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
transition-delay: 300ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(4) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
transition-delay: 400ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(5) {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
transition-delay: 500ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(6) {
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
transition-delay: 600ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(7) {
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
transition-delay: 700ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(8) {
-webkit-transition-delay: 800ms;
-moz-transition-delay: 800ms;
transition-delay: 800ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(9) {
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
transition-delay: 900ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(10) {
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(11) {
-webkit-transition-delay: 1100ms;
-moz-transition-delay: 1100ms;
transition-delay: 1100ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(12) {
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(13) {
-webkit-transition-delay: 1300ms;
-moz-transition-delay: 1300ms;
transition-delay: 1300ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(14) {
-webkit-transition-delay: 1400ms;
-moz-transition-delay: 1400ms;
transition-delay: 1400ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(15) {
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(16) {
-webkit-transition-delay: 1600ms;
-moz-transition-delay: 1600ms;
transition-delay: 1600ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(17) {
-webkit-transition-delay: 1700ms;
-moz-transition-delay: 1700ms;
transition-delay: 1700ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(18) {
-webkit-transition-delay: 1800ms;
-moz-transition-delay: 1800ms;
transition-delay: 1800ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(19) {
-webkit-transition-delay: 1900ms;
-moz-transition-delay: 1900ms;
transition-delay: 1900ms;
}
.mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link:nth-child(20) {
-webkit-transition-delay: 2000ms;
-moz-transition-delay: 2000ms;
transition-delay: 2000ms;
}
.mobnavopen .mobnav .mobnav__navs .mobnav__navs__main .mobnav__nav__link {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.mobnav .mobnav__navs .mobnav__navs__secondary {
margin: 1.5em 0;
opacity: 0;
-webkit-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
-moz-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
}
@media only screen and (min-width: 700px) {
.mobnav .mobnav__navs .mobnav__navs__secondary {
flex: 0 1 auto;
margin: 2em 0;
}
}
.mobnavopen .mobnav .mobnav__navs .mobnav__navs__secondary {
opacity: 1;
}
.mobnav .mobnav__navs .mobnav__navs__footer {
padding: 1.5em 0;
border-top: 1px solid rgba(248, 121, 93, 0.15);
opacity: 0;
-webkit-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
-moz-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, transform 500ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
}
@media only screen and (min-width: 700px) {
.mobnav .mobnav__navs .mobnav__navs__footer {
flex: 0 1 auto;
border-top: none;
}
}
@media only screen and (max-width: 699px) {
.mobnav .mobnav__navs .mobnav__navs__footer {
padding-bottom: 2em;
}
}
.mobnavopen .mobnav .mobnav__navs .mobnav__navs__footer {
opacity: 1;
}
@media only screen and (max-width: 699px) {
.mobnav .mobnav__navs .mobnav__navs__footer li a {
padding: 0.25em 0.75em;
}
}
.mobnav .mobnav__navs .mobnav__navs__footer li a:hover {
opacity: 1;
}
@media only screen and (min-width: 700px) {
.mobnav .mobnav__nav--main .mobnav__nav__locationslink {
display: none;
margin: 0;
}
}
.mobnav .mobnav__nav--main .mobnav__nav__locationslink a {
display: block;
position: relative;
}
.mobnav .mobnav__nav--main .mobnav__nav__locationslink a .fal {
position: absolute;
right: 0;
top: 0.15em;
}
.mobnav .mobnav__nav--main li {
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
@media only screen and (min-width: 700px) {
.mobnav .mobnav__nav--main li {
margin-bottom: 1.5em;
padding-bottom: 0;
border-bottom: none;
}
}
.mobnav .mobnav__nav--main h3 {
margin: 0;
}
.mobnav .mobnav__nav--main .mobnav__nav__childnav {
max-width: 30em;
}
@media only screen and (max-width: 699px) {
.mobnav .mobnav__nav--main .mobnav__nav__childnav {
margin-top: 0.25em;
}
}
.mobnav .mobnav__nav--main .mobnav__nav__childnav li {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
@media only screen and (max-width: 699px) {
.mobnav .mobnav__nav--main .mobnav__nav__childnav li a {
padding: 0.25em 0.75em;
}
}
.mobnav .mobnav__nav--main .mobnav__nav__childnav li a:hover {
opacity: 1;
}
.mobnav .mobnav__nav--secondary li {
margin-bottom: 0.5em;
}
.mobnav .mobnav__nav--secondary li:last-child {
margin-bottom: 0;
}
/* ==========================================================================
sitefooter
========================================================================== */
.sitefooter {
box-sizing: border-box;
}
.sitefooter .sitefooter__bd {
border-top: 1px solid rgba(248, 121, 93, 0.15);
}
.sitefooter .btn .linkline {
background-image: none;
}
.sitefooter .sitefooter__cta .sitefooter__cta__heading {
margin: 0;
max-width: 22em;
}
.sitefooter .sitefooter__cta .sitefooter__cta__btns {
margin-top: 1.5em;
}
@media only screen and (max-width: 549px) {
.sitefooter .sitefooter__cta .sitefooter__cta__btns .sitefooter__cta__btn {
display: block;
margin: 0 0 0.5em 0;
text-align: center;
}
}
.sitefooter .sitefooter__footer {
padding: 1.5rem 0;
border-top: 1px solid rgba(248, 121, 93, 0.15);
}
.sitefooter .sitefooter__footer .sitefooter__logo {
margin-bottom: 1rem;
}
@media only screen and (min-width: 1000px) {
.sitefooter .sitefooter__footer .sitefooter__logo {
position: absolute;
left: 0;
width: 100%;
margin-bottom: 0;
z-index: -1;
top: 10px;
}
}
.sitefooter .sitefooter__footer .sitefooter__footer__menu {
margin-bottom: 0.5em;
}
@media only screen and (min-width: 1000px) {
.sitefooter .sitefooter__footer .sitefooter__footer__menu {
margin-top: 0.15em;
}
}
@media only screen and (min-width: 1200px) {
.sitefooter .sitefooter__footer .sitefooter__footer__menu {
margin-top: 0.25em;
}
}
@media only screen and (min-width: 1400px) {
.sitefooter .sitefooter__footer .sitefooter__footer__menu {
margin-top: 0.35em;
}
}
.sitefooter .sitefooter__footer .sitefooter__info {
max-width: 32em;
}
@media only screen and (min-width: 1000px) {
.sitefooter .sitefooter__footer .sitefooter__info p {
margin: 0;
}
}
.sitefooter .sitefooter__footer .sitefooter__info--primary {
margin-bottom: 0.5em;
}
@media only screen and (min-width: 700px) {
.sitefooter .sitefooter__footer .sitefooter__info--primary {
margin-bottom: 0;
}
}
.sitefooter .sitefooter__footer .sitefooter__info--secondary--mobile {
margin-top: 1em;
}
@media only screen and (min-width: 700px) {
.sitefooter .sitefooter__footer .sitefooter__info--secondary--mobile {
display: none;
}
}
.sitefooter .sitefooter__footer .sitefooter__info--secondary--desktop {
display: none;
}
@media only screen and (min-width: 700px) {
.sitefooter .sitefooter__footer .sitefooter__info--secondary--desktop {
display: block;
}
}
.sitefooter .sitefooter__footer .sitefooter__madeby {
display: block;
}
@media only screen and (min-width: 1000px) {
.main-home-area{ height:93vh!important;}
.main-footer-area{ height:7vh;}
.full-height-image-class{
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}
}
@media only screen and (max-width: 769px) {
.main-footer-area{
position: absolute;bottom: -20px;
}
}
.center-text-align {
text-align: center;
color: #ccc;
}
.black-clr .btn {
color: #000!important;
}
.black-clr .btn:hover {color: #000!important;}
.red-btn {
background-image: linear-gradient(to right, #F6603E 50%, #F8795D 50%);
padding: .5em 0.5em;
font-size: 11px;
border-radius: 5px;
}
/* Timeline Container */
.timeline {
margin: 20px auto;
padding: 20px;
}
/* Card container */
.card {
position: relative;
max-width: 50%;
margin: 0px auto;
}
.full-width-card {
max-width: 100%;
}
/* setting padding based on even or odd */
.card:nth-child(odd) {
padding: 30px 0 30px 30px;
}
.card:nth-child(even) {
padding: 30px 30px 30px 0;
}
.card:nth-child(odd) {
padding: 30px 0 30px 30px;
}
.card:nth-child(even) {
padding: 30px 30px 30px 0;
}
.app-process h3{
margin: 0.5em 0 0.25em;
}
.app-process .card:nth-child(odd) {
padding: 0px 0px 0px 30px;
}
.app-process .card:nth-child(even) {
padding: 0px 30px 0px 0;
}
/* Global ::before */
.card::before {
content: "";
position: absolute;
width: 50%;
border: solid #f5785d;
}
/* Setting the border of top, bottom, left */
.card:nth-child(odd)::before {
left: 0px;
top: -4.5px;
bottom: -4.5px;
border-width: 5px 0 5px 5px;
border-radius: 50px 0 0 50px;
}
/* Setting the top and bottom to "-5px" because earlier it was out of a pixel in mobile devices */
@media only screen and (max-width: 400px) {
.card:nth-child(odd)::before {
top: -5px;
bottom: -5px;
}
}
/* Setting the border of top, bottom, right */
.card:nth-child(even)::before {
right: 0;
top: 0;
bottom: 0;
border-width: 5px 5px 5px 0;
border-radius: 0 50px 50px 0;
}
/* Removing the border if it is the first card */
.card:first-child::before {
border-top: 0;
border-top-left-radius: 0;
}
/* Removing the border if it is the last card and it's odd */
.card:last-child:nth-child(odd)::before {
border-bottom: 0;
border-bottom-left-radius: 0;
}
/* Removing the border if it is the last card and it's even */
.card:last-child:nth-child(even)::before {
border-bottom: 0;
border-bottom-right-radius: 0;
}
/* Information about the timeline */
.info {
display: flex;
flex-direction: column;
color: #000;
border-radius: 10px;
padding: 10px;
}
/* Title of the card */
.title {
color: #f5785d;
position: relative;
}
/* Timeline dot */
.title::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background: white;
border-radius: 999px;
border: 3px solid orangered;
}
/* text right if the card is even */
.card:nth-child(even) > .info > .title {
text-align: right;
}
/* setting dot to the left if the card is odd */
.card:nth-child(odd) > .info > .title::before {
left: -45px;
}
/* setting dot to the right if the card is odd */
.card:nth-child(even) > .info > .title::before {
right: -45px;
}
@media only screen and (max-width: 699px) {
.card {
max-width: 100%;
}
}
.card:nth-child(even) > .info p {
text-align: right;
}
@media only screen and (max-width: 700px) {
.whatsapp{
position:fixed;
width: 50px;
height: 50px;
bottom: 10px;
right: 20px;
z-index: 999;
}
.my-whatsApp{
margin-top:16px;
}
}
.fa-bars:before { content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/icons/hamburg_open.svg");}
a:hover .fa-bars {content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/icons/hamburg_open_white.svg");}
.mobnavopen .fa-bars:before { content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/hamburg_close.png")!important;}
.mobnavopen a:hover .fa-bars {content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/icons/hamburg_close_white.svg");}
.fa-times:before { content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/hamburg_close.png");}
.fancybox-close-custom:hover .fa-times:before {
content:url("https://s3.ap-south-1.amazonaws.com/quditinfotech.web/icons/hamburg_close_white.svg");
}
.fa-arrow-right:before {
}
.fal .fa-arrow-left:before {
}
.black-color {
color: #000!important;
}
.dotcircle {
width: .5em;
height: .5em;
background: #f34f47;
border-radius: 50%;
text-align: center;
position: relative;
}
.company_heading {
position: absolute;
top: 36%;
font-size: 100%;
font-weight: bold;
}
.company_heading_white {
color: #fff!important;
}
/* ==========================================================================
flex--faqs -- FAQs
========================================================================== */
.faqs {
border-top: 1px solid rgba(248, 121, 93, 0.15);
position: relative;
}
.faqs .faq {
display: block;
position: relative;
border-bottom: 1px solid rgba(248, 121, 93, 0.15);
}
.faqs .faq .faq-label {
position: absolute;
left: 0;
color: #F8795D;
font-weight: 400;
}
.faqs .faq .faq__question {
margin: 0;
border-top: none;
padding: 1.25em 0 1.25em 2em;
position: relative;
cursor: pointer;
font-weight: 700;
}
.faqs .faq .faq__question:hover {
color: #888;
}
.faqs .faq .faq__question .fa {
position: absolute;
top: 1em;
left: 1em;
display: block;
line-height: 1.2;
-webkit-transition: -webkit-transform 150ms ease-out 0s;
-moz-transition: -moz-transform 150ms ease-out 0s;
transition: transform 150ms ease-out 0s;
}
.faqs .faq .faq__answer {
height: 0;
overflow: hidden;
opacity: 0;
-webkit-transform: translate(0, -1em);
-moz-transform: translate(0, -1em);
transform: translate(0, -1em);
-webkit-transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms, transform 150ms ease-out 0ms;
-moz-transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms, transform 150ms ease-out 0ms;
transition: height 0ms linear 260ms, opacity 250ms ease-out 0ms, transform 150ms ease-out 0ms;
}
.faqs .faq.faq--open .faq__answer {
padding: 1.25em 0 1.25em 2em;
-webkit-transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms, transform 150ms ease-out 10ms;
-moz-transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms, transform 150ms ease-out 10ms;
transition: height 0ms linear 0ms, opacity 250ms ease-out 10ms, transform 150ms ease-out 10ms;
height: auto;
opacity: 1;
-webkit-transform: translate(0, 0em);
-moz-transform: translate(0, 0em);
transform: translate(0, 0em);
}
.faqs .faq.faq--open .faq__question {
color: #888;
}
.faqs .faq.faq--open .faq__question .fa {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
transform: rotate(-180deg);
}