/*Fonts*/
@font-face {
    font-family: "Monserrat-Bold";
    src: url("/webroot/font/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Monserrat-Regular";
    src: url("/webroot/font/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Monserrat-ExtraBold";
    src: url("/webroot/font/Montserrat-ExtraBold.ttf") format("truetype");
}
.disabled a,
a.disabled {
    pointer-events: none;
}

a:hover {
    color: #15848F;
}
a {
    color: #1798A5;
}

.vcard  {
    margin: 0;
    border:0;
    padding: 0;
}

.side-nav li a:not(.button) {
    color: #15848F;
}

.side-nav li a:not(.button):hover {
    color: #15848F;
}


legend {
    color:#15848F;
}

.row {
    max-width: 80rem;
}

.actions.columns {
    margin-top:1rem;
    border-left: 5px solid #15848F;
    padding-left: 15px;
    padding: 32px 20px;
}

.actions.columns h3 {
    color:#15848F;
}

.related table {
    border: 0;
    width: 100%;
    table-layout: fixed;
}

.index table thead {
    height: 3.5rem;
}

.header-help {
    float: right;
    margin-right:2rem;
    margin-top: -80px;
    font-size:16px;
}

.header-help span {
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    padding: 0.25rem 0.5rem 0.375rem;
    font-size: 0.8rem;
    background-color: #0097a7;
    color: #FFF;
    border-radius: 1000px;
}

#cke_1_contents  {
    height: 700px!important;
}

.header-help a {
    color: #fff;
}

ul.pagination li a {
    color: rgba(0, 0 ,0 , 0.54);
}

ul.pagination li.active a {
    background-color: #DCE47E;
    color: #FFF;
    font-weight: bold;
    cursor: default;
}
ul.pagination .disabled:hover a {
    background: none;
}

.paginator {
    text-align: center;
}

.paginator ul.pagination li {
    float: none;
    display: inline-block;
}

.paginator p {
    text-align: right;
    color: rgba(0, 0 ,0 , 0.54);
}

.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

.form .error-message {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    color: rgba(0, 0, 0, 0.54);
}

.required > label {
    /*font-weight: bold;*/
}
.required > label:after {
    content: ' *';
    color: #C3232D;
}

select[multiple] {
    min-height:150px;
    background: none;
}
input[type=checkbox],
input[type=radio] {
    margin-right: 0.5em;
}

.date select,
.time select,
.datetime select {
    display: inline;
    width: auto;
    margin-right: 10px;
}

.error label,
.error label.error {
    color: #C3232D;
}

.view h2 {
    color: #6F6F6F;
}

.view .columns.strings {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
}

.view .numbers {
    background-color: #B7E3EC;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right: 0.7rem;
}

.view .columns.dates {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
    background-color:#DCE47E;
    color: #fff;
}

.view .columns.booleans {
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-right:0.7rem;
    background-color: #8D6E65;
    color: #fff;
}

.view .strings p {
    border-bottom: 1px solid #eee;
}
.view .numbers .subheader, .view .dates .subheader {
    color:#747474;
}
.view .booleans .subheader {
    color: #E9E9E9
}

.view .texts .columns {
    margin-top:1.2rem;
    border-bottom: 1px solid #eee;
}

/** Notices and Errors **/
.cake-error,
.cake-debug,
.notice,
p.error,
p.notice {
    display: block;
    clear: both;
    background-repeat: repeat-x;
    margin-bottom: 18px;
    padding: 7px 14px;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
}

.cake-debug,
.notice,
p.notice {
    color: #000000;
    background: #ffcc00;
}

.cake-error,
p.error {
    color: #fff;
    background: #C3232D;
}

pre {
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin: 15px 0px;
    color: rgba(0, 0 ,0 , 0.74);
    padding:5px;
}

.cake-error .cake-stack-trace {
    margin-top:10px;
}

.cake-stack-trace code {
    background: inherit;
    border:0;
}

.cake-code-dump .code-highlight {
    display: block;
    background-color: #FFC600;
}

.cake-error a,
.cake-error a:hover {
    color:#fff;
    text-decoration: underline;
}

.checks {
    padding:30px;
    color: #626262;
    background-color: #B7E3EC;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin-bottom: 2em;
}

.checks h4 {
    margin-bottom: 1.5rem;
}

.checks hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.checks .success,
.checks .problem {
    margin-left: 10px;
}
.checks .success:before,
.checks .problem:before {
    line-height: 0px;
    font-size: 28px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
}

.checks .success:before {
    content: "✓";
    color: green;
    margin-right: 9px;
}

.checks .problem:before {
    content: "✘";
    color: red;
    margin-right: 9px;
}

.top-bar.expanded .title-area {
    background: #01545b;
}

.top-bar.expanded, .top-bar,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button) {
    background: #116d76;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #308e97;
    background: #308e97;
}

.side-nav li.heading {
    color: #1798A5;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.4375rem 0.875rem;
}

#actions-sidebar {
    background: #fafafa;
}

/* Lisbon Banner Start */
.lisbon-banner-wrapper {
    /* display: flex; */
    max-width: 620px;
    /* height: 293px; */
    /* overflow: hidden; */
    /* border: 2px solid transparent; */
    /* border-radius: 20px; */
    position: absolute;
    z-index: 50;
    right: 310px;
    top: 301px;
    opacity: 1;
    /* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); */
    /* background: linear-gradient(to right, #6e86fa -30%, #ef78b5 130% ); */
}

.lisbon-banner-wrapper:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #ef78b5 -30%, #6e86fa 130% );
    transform: translate3d(0px, 1px, 0) scale(1.05);
    filter: blur(40px);
    opacity: 0.4;
    transition: opacity 0.3s;
    border-radius: inherit;
}

.lisbon-banner-wrapper::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}

.lisbon-banner-wrapper-inner {
    display: flex;
    border: 2px solid transparent;
    border-radius: 20px;
    overflow: hidden;
    /* padding: 2px; */
}

.lisbon-banner-wrapper-inner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: 0;
    /* !importanté */
    border-radius: inherit;
    /* !importanté */
    background: linear-gradient(to right, #ef78b5 -30%, #6e86fa 130% );
}

.lisbon-banner-wrapper svg {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;
}

.lisbon-banner-image {
    width: 60%;
    overflow: hidden;
}

.lisbon-banner-image img {
    max-width: unset;
}

.lisbon-banner-text {
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    width: 52%;
    padding: 46px 40px 0 42px;
}

.lisbon-banner-text i {
    position: absolute;
    z-index: 2;
}

.lisbon-banner-h3 {
    color: #B4AEFF;
    font-family: Montserrat;
    font-size: 41px;
    font-style: normal;
    font-weight: bolder;
    line-height: 114%;
    text-align: left;
}

.lisbon-date {
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.lisbon-find {
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.rebranding-top-banner {
    background: linear-gradient(to right, #EF78B5, #6E86FA);
    padding: 11px 0 14px 0;
}

.rebranding-top-banner-inner {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 30px;
}

.rebrand-btn {
    border-radius: 20px;
    padding: 5px 10px;
    background: #212121;
    margin: 0 0 0 10px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    cursor: pointer;
}

.rebrand-text {
    color: #030329;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.lisbon-secondBanner {
    /*background: #000000;*/
    /*border-radius: 20px;*/
    position: fixed;
    right: 100px;
    bottom: 100px;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    /*padding: 5px 10px;*/
    z-index: 9999;
    padding: 2px;
}

.lisbon-secondBanner:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #ef78b5 -30%, #6e86fa 130% );
    transform: translate3d(0px, 1px, 0) scale(1.05);
    filter: blur(40px);
    opacity: 0.4;
    transition: opacity 0.3s;
    border-radius: inherit;
}

.lisbon-secondBanner::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}

.lisbon-secondBanner-inner {
    background: #000;
    display: flex;
    gap: 20px;
    border: 2px solid transparent;
    border-radius: 20px;
    overflow: hidden;
    padding: 5px 10px;
}

.lisbon-secondBanner-inner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: 0;
    border-radius: inherit;
    /* !importanté */
    background: linear-gradient(to right, #ef78b5 -30%, #6e86fa 130% );
}

.lisbon-secondBannerImg {
    display: flex;
    align-items: center;
}

.lisbon-secondBannerTitle {
    color: #B4AEFF;
    font-family: Montserrat;
    font-size: 21px;
    font-style: normal;
    font-weight: bolder;
    line-height: 114%;
    text-align: left;
}

.lisbon-first-span {
    color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.lisbon-second-span {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.lisbon-secondBannerText {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}


@media only screen and (max-width: 768px) {
    .lisbon-banner-wrapper {
        display: none;
    }

    .lisbon-secondBanner {
        right: 30px;
        bottom: 170px;
        display: block;
    }

    .rebranding-top-banner {
        padding:10px 10px 12px 10px;
    }
}

@media only screen and (max-width: 360px) {
    .rebrand-btn {
        margin-left: 0;
    }

    .menu-btn {
        margin-top: 100px;
    }
}

/* Lisbon Banner End */

.index table {
    margin-top: 0rem;
    border: 0;
    width: 100%;
    table-layout: fixed;
}

table {
    background: #fff;
    margin-bottom: 1.25rem;
    border: none;
    table-layout: fixed;
    width: 100%;
}

table thead {
    background: none;
}

table tr {
    border-bottom: 1px solid #ebebec;
}

table thead tr {
    border-bottom: 1px solid #1798A5;
}

table tr th {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #1798A5;
    text-align: left;
    border-bottom: 2px solid #1798A5;
}

table tr:nth-of-type(even) {
    background: none;
}

fieldset {
    border: none;
    padding: 1.25rem;
    margin: 1.125rem 0;
}

fieldset legend {
    border-bottom: 2px solid #1798A5;
    width: 100%;
    line-height: 2rem;
}

.form button[type="submit"] {
    float: right;
    text-transform: uppercase;
    box-shadow: none;
}

.form button:hover, .form button:focus {
    background: #BE840B;
    box-shadow: none;
}

button {
    background: #966600;
}

div.message {

    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 1rem 1.5rem 1rem 1.5rem;
    transition: height 300ms ease-out 0s;
    background-color: #1fe1a8;
    color: #626262;
    top: 15px;
    /* right: 15px; */
    z-index: 999;
    overflow: hidden;
    /* height: 50px; */
    line-height: 2.5em;
    position: relative;
}

div.message:hover {
    cursor: pointer;
}

div.message p {
    padding: 8px 48px 8px 0;
    text-align: left;
    font-size: 12px;
    color: #3E3E3E;
    /*padding-bottom: 0px!important;*/
    margin-bottom: 0px;
}

div.message:before {
    line-height: 0px;
    font-size: 20px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 12px 14px 12px 10px;
    content: "i";
    color: #a0d3e8;
}


div.message.error:hover {
    cursor: pointer;
}

.vertical-table th {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #1798A5;
    border: none;
    text-align: left;
}

.vertical-table {
    vertical-align: middle;
}

.vertical-table td {
    text-align: right;
}

.content {
    padding: 2rem;
}

/* Use 'one true layout' methods to get equal height columns */
.container {
    overflow: hidden;
    min-height: 92%; /* full height almost always */
}

/* Force equal height by overflowing */
.content,
#actions-sidebar {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
@media(max-width: 640px) {
    #actions-sidebar {
        padding-bottom: 2rem;
        margin-bottom: 0;
    }
}

.content h3 {
    color: #be140b;
    padding-bottom: 0.5rem;
    margin-bottom: 20px;
}

.content h4 {
    color: #be140b;
    padding-bottom: 0.5rem;
    margin-bottom: 20px;
    border-bottom: 2px solid #be140b;
}

.content .related h4 {
    color: #4d8f97;
    padding-bottom: 0.5rem;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 0px;
}

table td {
    vertical-align: top;
    word-break: break-all;
}











/*     Milos CSS    */

body {
    font-family: 'Montserrat';
    color:#333;
    overflow-x: hidden;
    opacity:0;
    animation-name: showBody;
    animation-duration: .8s;
    animation-fill-mode: forwards;
}

@keyframes showBody {
    from {opacity: 0;}
    to {opacity: 1;}
}


h1, h2, h3, h4, h5, h6  {
    font-family: "Montserrat";
    color:#333;
}


h1  {
    line-height: 2em;
}

h2  {
    letter-spacing: 1px;
}


#homepage ,  #ecommerce , #design_media , #contact-page  , #apps    ,#digital_marketing  , #custom_solutions  , #about-us  , #portfolio , #privacy , #error, #support {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

#blog  {
    background-image:   url(../img/about_background.jpg)  ;
    background-position:  left top;
}

#blog li  {
    padding-left: 0px;
    margin-bottom: 20px;
}

#blog ul , #blog ol  {
    color:#666;
    font-size: 18px;
    line-height: 1.5;
}

#blog ul  {
    margin-left: 20px;
    list-style-type: disc;
}

#blog ol  {
    margin-left: 40px;
}

pre  {
    /* background: none repeat scroll 0% 0% #efefef;
    box-shadow: none; */
    padding: 15px;
    border: 1px solid silver;
    background-color: #f3f3f3;
}

code  {
    /* background-color: transparent; */
    border-width:0;
    color:#666;
    font-family: monospace;
    background-color: #f3f3f3;
}

.gradient-blog  {
    background-image:  linear-gradient(rgba(125,139,216,0) 0%,rgba(125,139,216,0.3) 100%)   ;
    background-position: center bottom ;
    height: 150px;
}

#blog  > article  , #blog > div  {
    margin:150px auto 20px auto;
    padding: 10px 30px;
}


#blog  > article h3 , #blog > div h3 {
    font-weight: normal;
}


#blog  > article  {
    max-width: 1262px;
    padding: 60px 100px;
}


#blog > div  {
    max-width: 1322px;
}


.view-blog  {
    padding: 0 30px;
}

.view-blog-h  {
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
}


.view-blog  h2  {
    padding: 80px 0 40px 0px;
}

.view-blog p  , .view-blog li  {
    text-align: justify;
}

.before-blog  {
    font-size: 16px;
    text-align: center;
}

#blog h1  {
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
    line-height: 67px;
}

.article-image  {
    max-height: 600px;
    overflow: hidden;
    clear:both;
}

.article-image img  {
    object-fit: contain;
    transition: transform .5s;
}


.article-image:hover img {
    transform: scale(1.1, 1.1);
}

.article-title  {
    margin-top: 26px;
    margin-bottom: 30px;
    overflow: auto;
}


.article-title h2  a  {
    color:#333;
    font-weight: bold;
}

.article-title div:nth-child(1)  {
    width:calc(100% - 200px);
    float: left;
}

.article-title div:nth-child(2)  {
    width:200px;
    float: right;
    text-align: right;
    margin-top:15px;

}


.magento-sertificate  {
    margin-left: 5px;
    border-left: 1px solid #c5c5c5;
    padding-left: 10px;
    margin-top: 32px;
}

.magento-partner  {
    max-width: 900px;
    margin: 100px auto;
    overflow: auto;
}

.magento-partner img  {
    max-width: 300px;
    margin-right: 100px;
}

.magento-partner p  {
    max-width: calc(100% - 300px);
    float: right;
}


footer .magento-partner-large   {
    max-width: 150px;
    display: block;
    margin: 20px auto 0 auto;
}


.col-6  {
    float: left;
    width: 50%;
}

#articles >  article  , #articles > div , .view-blog > article , .view-blog > div {
    margin-top: 100px;
    margin-bottom: 20px;
    padding: 5px 30px;
    box-shadow: 5px 5px 20px rgba(125,139,216, 0.2) ;
    border-radius:50px;
    border: 1px solid rgba(125,139,216, 0.2);
    background-color: #fff;
}


.article-title p:nth-child(2)  {
    display: inline-block;
    font-size: 16px;
    float: right;
    text-align: right;
}


.excerpt  {
    margin-top: 50px;
    margin-bottom: 35px;
}

.tags-continue span:nth-child(1) {
    display: inline-block;
    font-size: 20px;
    margin-top: 3px;
    width: calc(100% - 300px);
}

.tags-continue span:nth-child(1) a  {
    background-color:  #7be5ea;
    color:#fff;
    padding: 7px 17px;
    border-radius:30px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 16px;
}



.tags-continue span:nth-child(1) a:hover {
    background-color: #00daea;
//box-shadow: 0 0 20px #00daea;
}


.tags-continue span:nth-child(2) {
    float: right;
}

.tags-continue span:nth-child(2) a {
    background-color: #ffd464;
    border-radius: 30px;
    padding: 12px 30px;
    color: #fff!important;
    font-weight: bold;
    display: inline-block;
}




.tags-continue span:nth-child(2) a:hover  {
    background-color: #ffb901;
// box-shadow: 0 0 20px #ffb901;
}



.log-in-content   {
    max-width: 1400px;
    margin: 200px auto 0 auto;
    padding: 0 30px;
}


.blog-content  {
    margin: 60px 0 0 0 ;
    word-wrap: break-word;
}

.after-blog  {
    font-size: 14px;
    border-top: 1px solid #ccc;
    padding-top: 16px;
    margin-top: 60px;
}

.blog-content p {
    text-align: left;
}
.tags-continue  {
    margin-bottom: 30px;
    overflow: auto;
}


#error .triangle  {
    background-color: rgba(125, 139, 216, 0.2);
}


#portfolio, #support {
    padding-top: 150px;
    position: relative;
    /*background-image: url(../img/portfolio-background.jpg);*/
    /*background-position: left bottom;*/
    /*background-repeat: no-repeat;*/
}

#privacy div {
    padding: 150px 30px 100px 30px;
    max-width: 1000px;
    margin: 0 auto;


}


#privacy  {
    /*background-image: url(../img/portfolio-background.jpg);*/
    /*background-position: center;*/
    position: relative;
}


#privacy h1  {
    margin-bottom: 80px;
    font-weight: bold;
}


#portfolio .absolute-4,
#support .absolute-4{
    z-index: 0;
    /*animation-name: moveLeft;*/
    left: 110%;
}

#portfolio .title-wrapper h1,
#support .title-wrapper h1 {
    display: inline-block;
    margin-left: 34px;
    font-size: 60px;
}

#portfolio .title-wrapper span,
#support .title-wrapper span {
    margin-top: 37px;
}


#portfolio-img  {
    display: block;
    margin: 90px auto;
    z-index: 10;
    position: relative;
    left:-80%;
}


.portfolioRight  {
    animation-name: portfolioRight;
    animation-duration: 1s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
}



@keyframes portfolioRight {
    from {left: -80%;}
    to {left: 0%;}
}


.portfolio-buttons  {
    text-align: center;
    padding: 50px 30px 0px 30px;
}

.portfolio-buttons a  {
    /* margin: 0 75px; */
    margin: 0 10px;
    width: 240px;
    position: relative;
    z-index: 10;
    opacity: 0;
    transition: opacity .5s;
}


.portfolio-buttons a:nth-child(2) {
    transition-delay: .4s;
}


#contact-page  {
    position: relative;
    /*background-image:  linear-gradient(rgba(125,139,216,0) 70%,rgba(125,139,216,0.3) 100%),  url(../img/about_background.jpg);*/
    /*background-position: center bottom, right top;*/
    /*background-repeat: no-repeat no-repeat;*/
    padding-top: 120px;
}

#contact-page  .absolute-contact  {
    z-index: 0;
}

#contact-page div.message {
    top: 0!important;
    margin-bottom: 25px;
    line-height: 1.5;
    padding: 14px 50px;
}

#contact-page div.message.error,
#contact-page div.message.success {
    width: 50%;
}

#contact-page div.message.error {
    padding: 14px 10px;
}

@media (max-width: 568px) {
    #contact-page div.message.error,
    #contact-page div.message.success {
        width: 95%;
    }
}

p {
    font-size: 18px;
    color:#666;
    line-height: 1.5;
}


.sticky {
    position: fixed;
    width: 100%;
    z-index: 100;
    top:0;
    left:0;
}


nav {
    width: 100%;
    max-width: 1300px;
    margin:0 auto;
    padding: 0 30px;
}


nav .fa-bars  {
    display: none;
}

.logo-wrap {
    display: inline-block;
    float: left;
}

.hidden  {
    display: none;
}


header h1 {
    line-height: unset;
    margin: 0;
}


.dropdown {
    display: inline-block;
    position: relative;
    height: 40px;
}

.dropdown span {
    font-weight: 600;
    padding: 10px 18px;
    cursor: pointer;
}


.dropdown span:hover {
    background-color: #fff;
}

.dropdown-content {
    display: none;
    position: absolute;
    top:40px;
    right:0;
    box-shadow: 0 0 5px gray;
    background-color: #fff;
    border-radius: 25px 0 25px 25px;
    padding: 20px 0;
}

.right-links .dropdown-content a {
    display: block;
    padding: 10px 30px;
}


.dropdown-content a:hover {
    background-color: #1FE2A9;
    color:#fff;
}



.dropdown:hover .dropdown-content {
    display: block;
    width: 220px;
}

.dropdown:hover span {
    border-radius: 25px 25px 0 25px;
    box-shadow: 0 0 5px gray;
}


.scrolled .dropdown:hover span {
    box-shadow: none;
    background-color: #1FE2A9;
    color:#fff;
}


.row {
    max-width: 1300px;
    padding: 0 30px;
    overflow: auto;
}

.right-links {
    float: right;
    margin-top: 39px;
    display: block;
}

.right-links a {
    padding: 10px 18px;
    color:#333;
    font-weight: 600;

}

.right-links > a {
    border-radius: 25px;
}


.right-links > a:hover {

    box-shadow: 0 0 5px gray;
    background-color: #fff;
}

.scrolled .right-links > a:hover  {
    box-shadow: none;
    background-color: #1FE2A9;
    color:#fff;
}


.home-banner{
    height: 800px;
    padding: 160px 30px 0 30px;
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
}


.ecommerce-banner , .design-banner  , .apps-banner {
    padding: 160px 30px 80px 30px;
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
    overflow: auto;
}


.ecommerce-banner-wrapper , .design-banner-wrapper , .apps-banner-wrapper , .custom-solutions-banner-wrapper  , .digital-banner-wrapper {
    /*background-image:url(../img/magento-background.jpg);*/
    /*background-position: top right;*/
    /*background-repeat: no-repeat;*/
    display: inline-block;
    width: 100%;
    position: relative;
}

/*.design-banner-wrapper  {*/
/*    background-image: url(../img/design_banner_background.jpg);*/
/*}*/



/*.digital-banner-wrapper  {*/
/*    background-image: url(../img/digital_background.jpg);*/
/*}*/

/*.custom-solutions-banner-wrapper  {*/
/*    background-image: url(../img/custom_background.jpg);*/
/*}*/

.custom-solutions-banner-wrapper  .absolute-1  {
    transform: rotate(45deg);
    left: 110%;
}

/*.apps-banner-wrapper  {*/
/*    background-image: url(../img/apps_background.jpg);*/
/*}*/


/*#error .apps-banner-wrapper  {
    background-image: url(../img/404_page_background.jpg);
}*/

.ecommerce-banner-text  {
    width: 45%;
    float: left;
    margin-top: 100px;
    z-index: 3;
    position: relative;
    padding-right: 30px;
}

@media (min-width: 768px) {
    .digital-banner-wrapper .ecommerce-banner-text {
        width: 47%;
    }

    .digital-banner-wrapper .ecommerce-banner-image {
        width: 48%;
    }
}


.ecommerce-header h1 {
    font-weight: bold;
    display: inline-block;
    font-size: 60px;
}


.ecommerce-header span{
    display: inline-block;
    font-size: 40px;
}



.ecommerce-banner-image {
    width: 55%;
    float: right;
    position: relative;
    z-index: 2;
}


.apps-banner-text  {
    width: 50%;
    float: left;
    margin-top: 100px;
    z-index: 1;
    position: relative;
    padding-right: 30px;
}

.apps-header h1 {
    font-weight: bold;
    display: inline-block;
    font-size: 60px;
}

.apps-header span {
    display: inline-block;
    font-size: 47px;
}

.apps-banner-image {
    width: 50%;
    float: right;
    position: relative;
    z-index: 2;
}

#about-us h1  {
    display: inline-block;
}


#about-us .title-wrapper span  {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: -2px;
}



.light  {
    font-weight: 200;
}

.logo {
    margin: 15px 0;
    display: block;
    color: #006ddb;
    font-weight: bold;
    width: 233px;
    height: 66px;
}

.logo span {
    margin-left: 20px;
}


.logo:hover {
    color: #007ba4 ;
}

.arrows img {
    height: 40px;
    cursor: pointer;
}


.banner-slider img {
    height: 100px;
    width: 100px;
}

.our-services , .we-are  {
    max-width: 1300px;
    margin: 0 auto;
}

.slider-wrapper {
    display: inline-block;
    max-width: 1300px;
    text-align: left;
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
}


.show-slider {
    display: inline-block;
    width: 100%;
    z-index: 20;
}


.banner-text , .banner-image  {
    transition: opacity .8s , left .8s;
    opacity: 0;
}


.banner-text  {
    position: relative;
    left:-500px;
}


.banner-image  {
    position: relative;
    left:500px;
}



.show-slider .banner-text  , .show-slider .banner-image {
    opacity: 1;
    left:0;
}


.sliders {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

.arrows {
    position: absolute;
    bottom: 280px;
    width: 100%;
    z-index: 30;
}

.arrows > div {
    max-width: 1300px;
    margin: 0 auto;
}


.arrows i {
    font-size: 26px;
    color:#999;
    border:1px solid #999;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    cursor: pointer;
    padding-top:15px;
    background-color: #fff;
    text-align: left;
}

.arrows i:hover  {
    border: 1px solid #666;
    color:#666;
}


#next-button {
    margin-left: 20px;
}

.banner-text {
    width: 50%;
    float: left;
    padding-top: 70px;
    padding-right: 30px;



    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.banner-text span  {
    position: absolute;
    font-size: 40px;
    margin-top: 17px;
}

.banner-text h2 {
    font-weight:bold;
    font-size: 60px;
    margin-left: 37px;
}


.banner-text p {
    font-size: 20px;
    color:#333;
}


.banner-image {
    width: 50%;
    float: right;
    text-align: center;
}

.banner-image > img {
    display: inline-block;
    max-height: 600px;


    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.big-h1  {
    font-size: 3.5em;
    line-height: 2;
}

.big-p  {
    font-size: 24px;
    color:#333;
}

.scrolled {
    background-color: rgba(255,255,255,.8);
    box-shadow: 0 0 10px gray;

}

#about-us  {
    padding-top: 100px;
}

#banner-triangles-holder {
    position: absolute;
    top:0;
    left:0%;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: left 1s;
}

#ecommerce-triangles-holder  {
    /*position: absolute;*/
    top:0%;
    left:-50%;
    width: 100%;
    height: 100%;
    animation-name: moveRight;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    transform: rotate(225deg);
    /*transform-origin: 0% 100%;*/
}


#ecommerce-second-triangles-holder  {
    position: absolute;
    top:-50%;
    left:-50%;
    width: 100%;
    height: 100%;
    animation-name: moveRight;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}




.process-steps-wrapper  {
    position: relative;
}

#ecommerce-triangles-holder  .triangle , #ecommerce-second-triangles-holder .triangle  {
    z-index: 0;
    background-color: rgba(241,206,190, 0.3);
}


.triangle  {
    width: 2000px;
    height: 2000px;
    background-color: rgba(125, 139, 216, 0.2);
    z-index: -10;
}


.footer-mobile-apps .triangle  {
    background-color: rgba(70,151,253, 0.3);
}


.absolute-1  {
    position: absolute;
    bottom: 50%;
    /*left: 110%;*/
    transform: rotate(225deg);
    transform-origin: 0% 100%;
    /*animation-name: moveRight;*/
    animation-duration: 1s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
}

.apps-banner-wrapper .absolute-1 {
    left:110%;
    transform: rotate(45deg);
}



.design-banner-wrapper .absolute-1  {
    left:110%;
    transform: rotate(45deg);
}


.absolute-custom-1  {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: rotate(225deg);
    transform-origin: 0% 100%;
    animation-name: moveRight;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.absolute-custom-1 .triangle  , .absolute-custom-2 .triangle {
    background-color: rgba(241,145,101, 0.3);
}

.absolute-custom-2  {
    position: absolute;
    bottom: 50%;
    right: -50%;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    animation-name: moveLeft;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}


.absolute-2  {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: rotate(225deg);
    transform-origin: 0% 100%;
}

.into-view .absolute-3 , .into-view .absolute-our-tech {
    left: 55%;
}

.absolute-3  {
    position: absolute;
    bottom: 50%;
    left: 100%;
    transition: left 1s;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
}

.absolute-our-tech  {
    position: absolute;
    bottom: 50%;
    left: 100%;
    transition: left 1s;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
}

.absolute-4  {
    position: absolute;
    z-index: -10;
    bottom: 50%;
    left: 110%;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    animation-duration: 1s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
}


.footer.into-view .absolute-4 {
    animation-name: moveLeft;
}


.home-banner .absolute-4  {
    /*animation-name: moveLeft;*/
}

.moveLeft  {
    animation-name: moveLeft;
}


.moveRight {
    animation-name: moveRight;
}

.absolute-contact  {
    position: absolute;
    z-index: -10;
    bottom: 50%;
    left: -10%;
    transform: rotate(225deg);
    transform-origin: 0% 100%;
    /*animation-name: moveRight;*/
    animation-duration: 1s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
}

.absolute-1 .triangle , .absolute-2 .triangle , .absolute-3 .triangle  {
    background-color: rgba(241,145,101, 0.3);
}


.absolute-1 .triangle-app , .graphic-design .absolute-md-2 .triangle-app , .extensions .absolute-md-3 .triangle-app {
    background-color: rgba(70,151,253, 0.3);
}


#triangle-e-2  {
    transform:translate(150px ,-370px);
}

#triangle-e-3  {
    transform:translate(370px ,-150px);
}


#triangle-e-4 {
    transform:translate(500px ,150px);
}



.triangle-1 {
    top:50%;
    left:50%;
}

.triangle-2 {
    top:50%;
    left:57%;
}

.triangle-3 {
    top:50%;
    left:62%;
}

.triangle-4 {
    top:50%;
    left:69%;
}


.triangle-5 {
    top:50%;
    left:76%;
}


.triangle-6 {
    top:50%;
    left:83%;
}


.triangle-e-1 {
    left:40%;
    bottom:0%;
}

.triangle-e-2 {
    left:30%;
    bottom:0%;
}

.triangle-e-3 {
    left:20%;
    bottom:0%;
}

.triangle-e-4 {
    left:10%;
    bottom:0%;
}



.triangle-about {
    width: 2000px;
    height: 2000px;
    background-color: rgba(125, 139, 216, 0.3);
    position: absolute;
    transform: rotate(45deg);
    transform-origin: 100% 0%;
}

.triangle-7 {
    top:50%;
    right:60%;

}

.triangle-8 {
    top:50%;
    right:67%;

}

.triangle-9 {
    top:50%;
    right:72%;

}

.triangle-10 {
    top:50%;
    right:79%;
    z-index: 15;
}

.triangle-11 {
    top:50%;
    right:86%;
    z-index: 15;
}

.triangle-12 {
    top:50%;
    right:93%;
    z-index: 15;
}


.triangle-footer-1 {
    top:50%;
    left: 50%;
}

.triangle-footer-2 {
    top:30%;
    left: 65%;
}


.triangle-footer-3 {
    top:70%;
    left: 65%;
}


.triangle-footer-4 {
    top:50%;
    left: 80%;
}


.triangle-footer-5 {
    top:50%;
    left: 90%;
}



.services-wrapper , .custom-solutions-tech-wrapper {
    text-align: center;
    margin-bottom:61px;
}


.custom-solutions-tech  {
    max-width: 1300px;
    padding: 0 30px;
    width: 100%;
    display: inline-block;
    margin: 120px auto 0 auto;
}

.custom-solutions-tech > div  {
    width: 20%;
    float: left;
    opacity: 0;
    transition:  opacity .5s;
    vertical-align: top;
}



.custom-solutions-tech > div:nth-child(2) {
    transition-delay: .2s;
}


.custom-solutions-tech > div:nth-child(3) {
    transition-delay: .4s;
}


.custom-solutions-tech > div:nth-child(4) {
    transition-delay: .6s;
}


.custom-solutions-tech > div:nth-child(5) {
    transition-delay: .8s;
}


.custom-solutions-tech.into-view  > div  {
    opacity: 1;
}

.custom-solutions-tech img  {
    position: relative;
    z-index: 10;
}


.digital-marketing-cover  {
    opacity: 0;
    transition: opacity .2s;

}

.digital-marketing-cover img  {
    position: relative;
    z-index: 1;
}

.custom-solutions-tech p  {
    font-size: 14px;
    font-weight: bold;
    color:#333;
    letter-spacing: 3px;
    margin-top: 30px;
    line-height: 42px;
}

.we-are-working  {
    /* margin-top: 100px; */
    opacity: 0;
    transition: opacity .2s;
    z-index: 1;
    position: relative;
    padding: 0 20px;
}


.we-are-working p , .our-design p {
    margin-top: 20px;
    font-size: 18px;
}

.cms-system , .design-services , .apps-services {
    margin: 75px auto;
    display: inline-block;
    width: 100%;
    padding: 0 30px;
}

.cms-system a  , .design-icon  {
    width: 33.33%;
    float: left;
    text-align: center;
    display: block;
    color:#333;
    position: relative;
    opacity: 0;
    transition: opacity .4s;
    margin: 20px 0;
}

.app-icon {
    width: 50%;
    float: left;
    text-align: center;
    display: block;
    color:#333;
    position: relative;
    opacity: 0;
    transition: opacity .4s;
    margin: 20px 0;
}

.apps-icons  {
    max-width: 1000px;
}

.cms-system a:nth-child(1)  , .design-services .design-icon:nth-child(1) , .app-icon:nth-child(1) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.cms-system a:nth-child(2) , .design-services .design-icon:nth-child(2) , .app-icon:nth-child(2) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.cms-system a:nth-child(3)  , .design-services .design-icon:nth-child(3) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}




.into-view .cms-system a , .into-view .design-icon , .into-view .app-icon {
    opacity: 1;
}

.cms-system .service-icon img   {
    height: 160px;
    width: 190px;
    object-fit: contain;
    object-position: top;
}

.cms-system a:nth-child(1) .service-icon img  {
    width: 122px;
}

.cms-system p , .design-services p ,  .app-icon p {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 3px;
    margin-top: 40px;
    color:#333;
}

.our-design , .building-process {
    padding-bottom: 60px ;
    opacity: 0;
    transition: opacity .2s;
}

.our-design {
    padding-top: 100px;
}

.into-view .our-design  , .into-view .building-process  {
    opacity: 1;
}


.building-process  {
    padding-top:80px;
}


/*.process-wrapper   {*/
/*    background-image: url(../img/magento-background.jpg);*/
/*    background-repeat: repeat-y;*/
/*    background-position: top right;*/
/*}*/



/*.custom-extensions-wrapper   {*/
/*    background-image:  url(../img/magento-background.jpg);*/
/*    background-repeat: repeat-y;*/
/*    background-position: top left;*/
/*}*/

.custom-extensions-wrapper  .subscribe  {
    background-image:  linear-gradient(rgba(220, 185, 142, 0) 50%, rgba(220, 185, 142, 0.3) 100%) ;
}

.our-services {
    margin: 0px auto;
    display: inline-block;
    width: 100%;
    padding: 0 30px;
}

.our-services img {
    margin: 20px 0;
    border-radius: 100%;
    height: 150px;
    width: 150px;
}


.our-services > a {
    width: 20%;
    float: left;
    text-align: center;
    display: block;
    color:#333;
    position: relative;
    opacity: 0;
    transition: opacity .4s;
    cursor: pointer;
}

.our-services > a:nth-child(2) {
    transition-delay: .2s;
}

.our-services > a:nth-child(3) {
    transition-delay: .4s;
}

.our-services > a:nth-child(4) {
    transition-delay: .6s;
}

.our-services > a:nth-child(5) {
    transition-delay: .8s;
}


.our-services .pop-up {
    opacity: 1!important;
}

.our-services .service-icon img:nth-child(2) {
    display: none;
}


.our-services a:hover .service-icon img:nth-child(1) {
    display: none;
}


.our-services a:hover .service-icon img:nth-child(2) {
    display: inline;
}


.our-services > a:nth-child(1) .back {
    color: 	#ffd464;
}


.our-services > a:nth-child(4) .back {
    color:  #54D9EA ;
}


.our-services > a:nth-child(2) .back {
    color: #1FE2A9 ;
}


.our-services > a:nth-child(3) .back {
    color: #0077ff ;
}


.our-services > a:nth-child(5) .back {
    color: #F05044 ;
}


.our-services a:nth-child(1):hover img {
    box-shadow: 0 0 40px #ffd464;
}


.our-services a:nth-child(4):hover img {
    box-shadow: 0 0 40px  #54D9EA;
}


.our-services a:nth-child(2):hover img {
    box-shadow: 0 0 40px #1FE2A9;
}


.our-services a:nth-child(3):hover img {
    box-shadow: 0 0 40px #0077ff;
}


.our-services a:nth-child(5):hover img {
    box-shadow: 0 0 40px #F05044;
}

*:focus {
    outline: none;
}


.our-services .rotate {
    height: 30px;
    position: relative;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: transform 0.4;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.our-services .rotate p {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}



.front {
    transform: rotateX(0deg);
}

.back {
    -webkit-transform: rotateX( 180deg);
    -moz-transform: rotateX( 180deg);
    -o-transform: rotateX( 180deg);
    transform: rotateX( 180deg);
}



.our-services p {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 4px;
}

.into-view {
    opacity: 1 !important;
}

.we-are  {
    text-align: center;
    padding: 0px 20px 50px 20px;
    opacity: 0;
    transition: opacity .2s;
    margin-top: 40px;
}

.we-are h2  {
    font-weight: bold;
    margin-bottom: 30px;
}

.we-are p  {
    margin: 40px 0;
}


a.button-link {
    border-radius: 30px;
    padding: 12px 35px;
    color:#fff!important;
    margin-top: 7px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
}

.button-green {
    background-color: #1FE2A9;
}

.button-yellow {
    background-color: #FFD464 ;
}

.button-blue {
    background-color: #7be5ea;
}


.button-green:hover {
    background-color: #6bffca;
    box-shadow: 0 0px 20px #6bffca;
}

.button-yellow:hover {
    background-color: #ffdc00;
    box-shadow:  0 0 20px #ffdc00;
}

.button-blue:hover {
    background-color: #00daea;
    box-shadow: 0 0 20px #00daea;
}




.button-link:hover {
    color:#fff;
}

.button-white {
    background-color: #fff;
    color: #058BEB;
    display: inline-block;
    border-radius: 18px;
    font-weight: 400;
    padding: 9px 30px;
    font-family: 'Montserrat';
    line-height: 1;
}

.button-white:hover {
    background-color: #058BEB;
    color: #fff
}

.all-things-left , .all-things-right  {
    float: left;
    width: 50%;
}

.all-things  {
    padding: 50px 20px;
    background-color: #eee;
    overflow: auto;
}


.all-things-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.about-us-wrapper {
    position: relative;
}

.about-us-and-recent {
    /*background-image:url(../img/about_background.jpg) ;*/
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}


.about-us {
    display: table;
    width: 100%;
    opacity: 0;
    transition: opacity .5s;
}

.about-us-image {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 50%;
    position: relative;
    left: -50%;
    transition: left 1s;
    padding-right: 30px;
}

.about-triangles-holder {
    position: absolute;
    top:0;
    left:-50%;
    height: 100%;
    width: 100%;
    transition: left .5s;
}

.into-view .about-triangles-holder  {
    left:0;
}

.into-view .about-us-image {
    left: 0;
}

.about-us-image .people {
    vertical-align: middle;
    width: 100%;
    position: relative;
    z-index: 10;
}


.about-text {
    padding: 30px 30px 30px 30px;
    display: table-cell;
    width: 50%;
    position: relative;
    z-index: 20;
}

.about-text p {
    color:#666;
}

.about-text h2 {
    font-weight: bold;
    margin-bottom: 36px;
}

.about-text p {
    max-width: 600px;
    text-align: justify;
}
.since-img {
    position: absolute;
    right:30px;
    top:calc(50% - 230px);
    z-index: 15;
}


.recent {
    padding-top: 180px;
    /*padding-top: 80px;*/
    padding-bottom: 60px;
    position: relative;
    display: inline-block;
    width: 100%;
    opacity: 0;
    transition: opacity .5s;
}


.recent p  {
    padding: 0 30px;
}

.recent-top , .recent-bottom , .ecommerce-slider-top , .ecommerce-slider-bottom {
    opacity: 0;
    transition: opacity .2s;
    z-index: 5;
    cursor: pointer;
}

.recent-bottom .slick-track  , .ecommerce-slider-bottom .slick-track , .design-slider-bottom .slick-track {
    left:8%;
}


#ecommerce-slider-top-zoom-container  {
    position: relative;
    z-index: 1000;
    width: 80%;
    left: 10%;
    display: none;
}

.hide-slide  {
    display: none!important;
    width: 0px!important;
}


/*.imagebox-thumbs__list a:nth-child(1)  {*/
/*display: none!important;*/
/*}*/

.design-slider-bottom , .design-slider-top  {
    opacity: 0;
    transition: opacity .5s;
}


.black-background {
    position: fixed;
    z-index: 900;
    height: 100%;
    width: 100%;
    left: 0%;
    top:0%;
    background-color: rgba(0,0,0,0.6);
    display: none;
}

#prev-button-ecommerce-top  {
    position: fixed;
    z-index: 1000;
    top:calc(50% - 30px);
    font-size: 32px;
    color:#999;
    left: calc(10% - 80px);
    cursor: pointer;
    padding: 14px 21px;
    background-color: #fff;
    border-radius: 60px;
    width: 60px;
    height: 60px;
}

#next-button-ecommerce-top  {
    position: fixed;
    z-index: 1000;
    top:calc(50% - 30px);
    font-size: 32px;
    color:#999;
    right: calc(10% - 80px);
    cursor: pointer;
    padding: 14px 27px;
    background-color: #fff;
    border-radius: 60px;
    width: 60px;
    height: 60px;
}


#close-button-ecommerce-top  {
    position: fixed;
    z-index: 1000;
    top:15px;
    font-size: 20px;
    color:#999;
    right: 15px;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 40px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    padding: 4px 7px;
}




.recent-img {
    position: absolute;
    bottom:0%;
    right: 0px;
    height: 400px;
}

.recent h2 , .recent p {
    margin-bottom: 40px;
}


.all-in-one h1 {
    text-align: center;
}

.get-started {
    margin-top: 100px;
    opacity: 0;
    transition: opacity .2s;
}


.products  {
    margin-top: 100px;
    background-position: left bottom;
    background-repeat: no-repeat;
    position: relative;
    opacity: 0;
    transition: opacity .2s;
}

.app-products {
    margin-top: 0;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.app-products .subscribe {
    background-image:linear-gradient(rgba(70, 151, 253, 0) 50%, rgba(70,151,253, 0.3) 100%) ;
}


.products-slider-container {
    max-width: 1100px;
    margin:0 auto 60px auto;
    position: relative;
}

#prev-button-products , #next-button-products {
    position: absolute;
    top: calc(50% - 30px);
    font-size: 26px;
    border: 1px solid #999;
    color:#999;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    cursor: pointer;
    padding-top: 15px;
    background-color: #fff;
}


#prev-button-products:hover , #next-button-products:hover {
    border: 1px solid #666;
    color:#666;
}

.fa-caret-left {
    padding-left: 22px;
}

.fa-caret-right {
    padding-left: 27px;
}


#prev-button-products  {
    left:-80px;
}


#next-button-products  {
    right:-80px;
}


.product > div {
    background-color: #fff;
    box-shadow: 0 0 20px #ccc;
    margin:20px;
    border-radius: 50px;
    padding: 50px 30px;
    overflow: auto;
    position: relative;
}

.product-image , .product-text {
    width: 50%;
    float: left;
    display: block;
}

.product-link {
    display: block;
}

.product-image img {
    width: 100%;
    padding: 0 20px;
}

.product-image div i {
    font-size: 24px;
    color:#ccc;
    height: 50px;
    width: 50px;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding-top: 10px;
    margin: 6px;
    background-color: #fff;
}
.product-image div {
    text-align: center;
    margin-top: 20px;
}

.app-products .product-image  {
    height: 100%;
}


.app-products .product-image a {
    display: block;
}




.app-products .product-image div {
    position: absolute;
    bottom: 30px;
    width: 50%;

}

.product-text {
    padding: 0 30px;
}

.product-text a {

    margin-bottom: 30px;
    color:#666;
}

.icons-background {
    background-image :linear-gradient(rgba(125, 139, 216, 0) 80%, rgba(125, 139, 216, 0.3) 100%);
}

.products h2  {
    font-weight: bold;
    text-align: center;
}

.products > p  {
    margin: 40px auto;
    padding: 0 30px;
}

.bold {
    font-weight: bold;
}


.center {
    text-align: center;
}

.thumbnail  {
    height: 500px;
    background-color: #fff;
    box-shadow: 5px 5px 18px rgba(125, 139, 216, 0.3);
    border-radius: 30px;
    z-index: 10;
    position: relative;
    max-width: 900px;
    margin: 0 auto ;
    border:1px solid #ddd;
}

.get-started h1  , .get-started >  p {
    padding: 0 30px;
}


.get-started > p , .subscribe p {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 30px;
}

.endless {
    margin: 80px 0;
    display: inline-block;
    width: 100%;
}

.endless img {
    max-height: 260px;
    max-width: 50%;
}

.endless div {
    padding: 25px;
    float: right;
    width: 50%;
}

.endless div h3 {
    font-weight: bold;
}


.endless div p  {
    max-width: 500px;
}


.not-sure {
    margin-top: 60px;
    opacity: 0;
    transition: opacity .2s;
}

.services {
    display: inline-block;
    width: 100%;
    margin-bottom: 100px;
}

.services > div {
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 40px;
    position: relative;
    opacity: 0;
    transition: opacity .5s;
    position: relative;
}

.services div div {
    height: 170px;
    width: 200px;
    border-radius: 50px;
    border: 1px solid #eee;
    box-shadow: 0 20px 40px #eee;
    display: inline-block;
    background-size: 105% 105%;
    background-position: center;
}



.into-view .services div  {
    opacity: 1;
}


.services div:nth-child(1) {
    transition: opacity .5s ease .2s;
}


.services div:nth-child(2)  {
    transition: opacity .5s ease .4s;
}


.services div:nth-child(3){
    transition: opacity .5s ease .6s;
}


.services div:nth-child(4){
    transition: opacity .5s ease .8s;
}


.services div div:hover  {
    box-shadow: 0 10px 20px #ccc ;
    transform: scale(1.1 , 1.1);
}


.services div:nth-child(1) div {
    background-image: url(../img/idea.png) ;
}

.services div:nth-child(2) div {
    background-image: url(../img/design.png) ;
}


.services div:nth-child(3) div {
    background-image: url(../img/implementation.png) ;
}



.services div:nth-child(4) div {
    background-image: url(../img/testing.png) ;
}


.services div .fa-caret-right {
    position: absolute;
    right: -10px;
    top:72px;
    font-size: 36px;
}


.services div .fa-caret-down {
    position: absolute;
    left: calc(50% - 10px);
    bottom:-20px;
    font-size: 36px;
    display: none;
}


.services div:nth-child(1) i  {
    opacity: 0;
    transition: opacity .5s;
    transition-delay: .2s;
    color: #ffd464;
}




.services div:nth-child(2) i  {
    opacity: 0;
    transition: opacity .5s;
    transition-delay: .4s;
    color: #54d9ea;
}



.services div:nth-child(3) i  {
    opacity: 0;
    transition: opacity .5s;
    transition-delay: .6s;
    color: #1FE2A9;
}


.into-view .services div i  {
    opacity: 1;
}



.into-view .services > div::after {
    opacity: 1;
}



.services p {
    font-weight: bold;
    letter-spacing: 3px;
    margin-top: 40px;
    font-size: 14px;
}


.subscribe {
    padding-bottom: 125px;
    /*background-image:linear-gradient(rgba(125, 139, 216, 0) 0%, rgba(125, 139, 216, 0.2) 100%) ,url(../img/subscribe_background.jpg);*/
    /*background-repeat: no-repeat;*/
    /*background-position: left bottom;*/
    /*!* opacity: 0;*!*/
    /*transition: opacity .2s;*/
}

#portfolio .subscribe,
#support .subscribe {
    background-image: linear-gradient(rgba(125,139,216,0) 0%,rgba(125,139,216,0.3) 100%);
}


#homepage .subscribe  , .jobs-page .subscribe {
    background-image: linear-gradient(rgba(125,139,216,0) 50%,rgba(125,139,216,0.3) 100%);
    /*background-image: linear-gradient(rgba(125,139,216,0) 50%,rgba(125,139,216,0.3) 100%), url(../img/subscribe_background.jpg);*/
}



.subscribe form {
    max-width: 660px;
    padding: 0 30px;
    margin: 0 auto;
}

.subscribe form div {
    border:1px solid #2257ac;
    border-radius: 50px;
    background-color: #fff;
}


.subscribe form input {
    margin:0 0 0 20px;
    box-shadow: none;
    border-width: 0;
    width: 400px;
    display: inline-block;
    padding: 23px 8px;
    font-size: 18px;
}

.subscribe form button {
    background-color: #2257ac;
    font-family: Montserrat;
    border-radius: 50px;
    padding: 14px 40px;
    margin: -1px -5px 0 0;
    float: right;
    font-weight: bold;
    position: relative;
    bottom: 48px;
    right: 4px;
}


.subscribe form button:hover {
    background-color: #0c65ff;
    box-shadow: 0 0 10px #2a73f3 ;
}


.subscribe h2 , .subscribe p  {
    margin-bottom: 40px;
}

::placeholder  {
    color: #999;
}


footer {
    clear: left;
    border-top: 2px solid rgba(125, 139, 216, 0.3);
    padding-top: 60px;
    position: relative;
    overflow:hidden ;
    opacity: 0;
    transition: opacity .2s;
    max-width: 1920px;
    margin:-2px auto;
}


footer .triangle {
    bottom:-860px;
}

.footer-logo {
    float: left;
    clear: left;
    margin: 40px 0;
    padding-left: 30px;
    width: 233px;
    height: 66px;
}

footer .magento-sertificate  {
    float: left;
    margin: 56px 0 40px 10px;
}

.footer-links  {
    float: left;
    max-width: 1100px;
}

.footer-links > div {
    float: left;
    padding: 0 30px;
    width: 19%;
}

.footer-links > div:last-child {
    width: 24%;
}


.footer-links > div:last-child a {
    float: left;
}

.footer-bottom {
    font-size: 12px;
    clear: left;
    padding-left: 30px;
    margin-bottom: 30px;
}

.footer-links a {
    color:#333;
    display: block;
    margin: 3px 0;
}

.footer-links a:hover {
    color:#000 ;
}



/*znex*/
.footer-links .button-link {
    /* display: inline-block; */
    display:block;
    width: 160px;
}

/*footer .portfolio-link {*/
/*margin-top: 40px;*/
/*}*/

.footer-triangles-holder {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transition: left .5s;
    z-index: -1;
}

.into-view  .footer-triangles-holder {
    left:0%;
}


.ecommerce-header ,  .title-wrapper {
    position: relative;
}

.ecommerce-header span   {
    position: absolute;
    margin-top: 38px;
}


.ecommerce-header h1  {
    margin-left: 36px;
    width: 570px;
}


#digital_marketing .ecommerce-header h1  {
    width: 560px;
    position: relative;
    z-index: 1;
}

.title-wrapper span {
    position: absolute;
    margin-top: 2px;
}


.title-wrapper h2 {
    margin-left: 29px;
}



#contact-form  {
    max-width: 600px;
    margin: 100px auto 100px auto;
    z-index: 10;
    position: relative;
    padding: 0 30px;
}

#contact-form input , #contact-page textarea  {
    border-radius: 5px;
    border: 1px solid rgb(95,114,220);
    padding: 25px;
    font-size: 18px;
    resize:none;
}

#contact-page textarea  {
    min-height: 150px;
    max-height: 150px;
}


.form-error  {
    margin: 10px 0;
    display: block;
}

#contact-form .required {
    color: darkred;
}

label {
    display: inline;
    font-size: 16px;
}


#submit-button {
    background-color: rgb(95,114,220);
    border-radius: 30px;
    padding: 12px 35px;
    font-weight: bold;
    font-family: Montserrat;
}


#submit-button:hover {
    background-color: rgb(5,33,187);
}


.mistake {
    float: right;
}


.footer-contact  {
    opacity: 1;
}

nav .fa-caret-right   {
    display: none;
}

.fb-like  {
    padding: 0!important;
}

.social-icon {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 40px;
    margin-right: 10px;
    border: 1px solid #3b5998;
    color: #3b5998;
    padding: 10px 14px;
    position: relative;
    top: -6px;
}

.social-icon:hover  {
    background-color: #3b5998;
    color: #fff;
}



.social-icons-p  {
    display: inline-block;
    margin-bottom: 0px;
}

.fa-linkedin-in  {
    padding: 10px 12px!important;
    border: 1px solid #0e76a8;
    color: #0e76a8;
}

.fa-linkedin-in:hover  {
    background-color: #0e76a8;
    color:#fff;
}

.insta  {
    border: 1px solid #C13584;
    color: #C13584;
    font-size: 20px;
    padding: 9px 10px;
}

.insta:hover  {
    background-color:#C13584;
    color: #fff;
}



footer p.bold  {
    position: relative;
    color:#333;
}


footer p.bold a {
    display: inline-block;
}

.footer-links-wrapper  {
    max-width: 1300px;
    margin: 0 auto;
}


a.footer-mail  {
    color: #0c65ff;
}


.techologies  {
    max-width: 1100px;
    margin: 0 auto;
    overflow: auto;
}


.techologies > div  {
    float: left;
    width: 50%;
    padding: 40px 30px;
}


.techologies > div > div  {
    border-radius: 40px;
    border: 1px solid rgba(125,139,216, 0.2);
    box-shadow: 5px 5px 20px rgba(125,139,216, 0.2);
    padding: 30px;
}


.techologies h1 , .techologies p  {
    padding: 20px;
}


.techologies  p  {
    font-size: 22px;
    letter-spacing: 2px;
    color: #555;
}

.techologies h1  {
    border-bottom: 2px solid #bbb;
    line-height: 1.5em;
    margin-top: -15px;
}

.custom-solutions h2  {
    margin-bottom: 40px;
}

.our-work {
    opacity: 0;
    transition: opacity .5s;
    margin-bottom: 40px;
}




.custom-tech-wrapper  , .our-tech-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}



#custom_solutions .custom-tech-wrapper  {
    margin: 60px 0;
}


#about-us .custom-tech-wrapper  {
    padding: 60px 0 0 0;
}


.gradient  {
    background-image: linear-gradient(rgba(125, 139, 216, 0) 50%, rgba(125, 139, 216, 0.2) 100%) ;
    margin-bottom: -6px;
}

/*#about-us h2  {*/
/*line-height: 3em;*/
/*}*/


/*.about-us-background {*/
/*    background-image: url(../img/about_background.jpg);*/
/*    background-position: left 200px;*/
/*}*/


#about-us .triangle  {
    background-color: rgba(125,139,216,0.2);
}


#design_media .custom-tech-wrapper  {
    margin-bottom: 100px;
}

.custom-tech , .graphic-design , .website-design , .user-experience , .our-tech , .custom-extensions , .custom-export-import  {
    width: 100%;
    opacity: 0;
    transition: opacity .2s;
    display: flex;
    align-items: center;
}

.into-view.our-tech  {
    opacity: 1;
}

.seo-section {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 100px 0;
}

.digital-bottom .subscribe  {
    background-image: linear-gradient(rgba(84, 217, 234, 0 )  50%, rgba(84, 217, 234, 0.3) 100%);
}


.seo-section span {
    position: static;
}


.seo-section h2 {
    display: inline!important;
    margin-left: 10px;
}


.seo-section .title-wrapper  {
    margin-bottom: 40px;
}

.custom-solutions-section {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 100px 0;
    overflow: auto;
}

.seo-section-wrapper .subscribe  {
    background-image: linear-gradient(rgba(240,80,68, 0) 0%, rgba(240,80,68, 0.2) 100%);
}

#media section#subscribe  {
    margin-top: 100px;
}

.seo-title-wrapper  {
    margin-bottom: 40px;
}

.seo-section-wrapper  {
    opacity: 0;
    transition: opacity .2s;
    margin-top: 100px;
}

.seo-section-wrapper span  {
    position: static;
}


.seo-section-wrapper h2  {
    margin-left: 10px;
}


.into-view  .custom-tech-image , .into-view .graphic-design-image , .into-view .website-design-image , .into-view .user-experience-image {
    right: 0;
}


.custom-tech-image , .graphic-design-image , .website-design-image , .user-experience-image , .our-tech-image {
    height: 100%;
    vertical-align: middle;
    width: 50%;
    float: right;
    position: relative;
    right:-50%;
    transition: right 1s;
    padding-left: 30px;
    order:2;
}

.into-view .our-tech-image  {
    right: 0%;
    z-index: 1;
}


.website-design-image  {
    order:1;
    padding-left: 0;
    padding-right: 30px ;
    right: 50%;
}

.website-design-text  {
    order: 2;
}


.custom-tech-image .people , .graphic-design-image .people , .website-design-image .people , .user-experience-image .people {
    vertical-align: middle;
    width: 100%;
    position: relative;
    z-index: 10;
}

.custom-tech-text , .graphic-design-text , .website-design-text , .user-experience-text , .our-tech-text {
    padding: 30px 90px;
    float: left;
    width: 50%;
    position: relative;
    z-index: 20;
}

.our-tech-text  > div {
    margin: 100px 0;
    max-width: 500px;
    float: right;
}


.custom-tech-text h3 , .graphic-design-text h3  , .website-design-text h3 , .user-experience-text h3 , #about-us h2{
    margin-bottom: 40px;
}

#contact-page p  {
    padding: 0 30px;
}

.custom-tech-text p , .graphic-design-text p  , .website-design-text p , .user-experience-text p {
    margin-bottom: 60px;
}

.jobs-page .graphic-design-text p {
    margin-bottom:30px;
}

.custom-tech-text > div , .graphic-design-text > div , .website-design-text > div , .user-experience-text > div {
    max-width: 500px;
    text-align: justify;
    float: right;
}


.user-experience-text h3  {
    text-align: left;
}

.website-design-text > div  {
    float: left;
}

.into-view .custom-triangles-holder   {
    right: 0;
}


.custom-triangles-holder  {
    position: absolute;
    top:0;
    right: -50%;
    height: 100%;
    width: 100%;
    transition: right 1s;
}

.triangle-custom {
    width: 2000px;
    height: 2000px;
    background-color: rgba(241,206,190, 0.3);
    position: absolute;
    transform: rotate(-45deg);
    transform-origin: 0 0;
}

.triangle-custom-1  {
    top: 50%;
    left: 56%;
}


.triangle-custom-2  {
    top: 50%;
    left: 62%;
}


.triangle-custom-3 {
    top: 50%;
    left: 69%;
}


.triangle-custom-4  {
    top: 50%;
    left: 76%;
}


.triangle-custom-5 {
    top: 50%;
    left: 83%;
}


.triangle-custom-6 {
    top: 50%;
    left: 90%;
}

.extensions  {
    margin-top: 100px;
    opacity: 0;
    transition: opacity .2s;
    position: relative;
    overflow: visible;
}


.extensions .title-wrapper  {
    text-align: left;
}

/*.extensions p  {*/
/*text-align: justify;*/
/*}*/

.extensions  section {
    float: left;
    width: 50%;
}

.extensions div:nth-child(2) {
    text-align: center;
}

.extensions img  {
    max-width: 50%;
    float: right;
    position: relative;
    z-index: 10;
}

.extensions h2 {
    margin-bottom: 40px;
}


.extensions-list , .apps-list {
    margin: 0px auto;
    padding: 100px 30px;
    opacity: 0;
    transition: opacity .4s;
}

.apps-list  {
    max-width: 100%;
    padding: 100px 30px 100px 0;
    opacity: 0;
    transition: opacity .2s;
    position: relative;
    overflow: visible;
}

.app-products .product-image img  {
    margin: 0 auto;
    width: auto;
}


.extensions-list img {
    float: left;
    width: 50%;
    margin-top: 100px;
}

.apps-list img  {
    position: absolute;
    top:0;
    left:0;
    width: calc(55% - 80px);
    margin-top: 100px;
}


.extensions-list section  , .apps-list section {
    border: 1px solid rgba(125,139,216, 0.2);
    box-shadow: 5px 5px 20px rgba(125,139,216, 0.2);
    border-radius: 50px;
    padding: 40px 20px 60px 20px;
    float: right;
    width: 45%;
    max-width: 450px;
    /*margin-left: 100px;*/
    background-color: #fff;
}

.apps-list section  {
    float: left;
    margin-left: calc(50% + 80px);
}



.extensions-list h3 , .apps-list h3  {
    border-bottom: 3px solid #888;
    padding: 0 0 30px 30px;
}

.extensions-list ul , .apps-list ul {
    margin: 40px  0 0 2em;
}

.extensions-list li  , .apps-list li {
    padding-left: 0;
    font-size: 20px;
    line-height: 50px;
}


.extensions-list li:before , .apps-list li:before {
    content: "";
    height: 8px;
    width: 8px;
    font-size: 50px;
    border-radius: 10px;
    padding-right: 8px;
    background-color: #1FE2A9;
    line-height: 10px;
    display: inline-block;
    position: relative;
    top:-2px;
    left: -14px;
}


.process  {
    max-width: 1000px;
    margin: 0 auto;
    overflow: auto;
    padding: 15px 20px;
    opacity: 0;
    transition: opacity .4s;
}

.process > div:nth-child(1)  {
    padding: 40px 25px;
    float: left;
}


.process > div:nth-child(2)  {
    width: calc(100% - 265px);
    float: right;
    padding: 30px 60px;
    min-height: 222px;
}

.process:nth-child(1) > div:nth-child(2) h3 span  {
    color: #068aec;
}


.process:nth-child(2) > div:nth-child(2) h3 span  {
    color: #1febad;
}


.process:nth-child(3) > div:nth-child(2) h3 span  {
    color:  #ffd263;
}



.process:nth-child(4) > div:nth-child(2) h3 span  {
    color:  #4fdce7;
}


.process:nth-child(5) > div:nth-child(2) h3 span  {
    color: #ee5044;
}



.process > div {
    background-color: #fff;
    border-radius: 40px;
    border: 1px solid rgba(125,139,216, 0.2);
    box-shadow: 5px 5px 20px rgba(125,139,216, 0.2);
    z-index: 30;
    position: relative;

}

.custom-solutions  {
    padding: 80px 30px;
    opacity: 0;
    transition: opacity .2s;
}


.absolute-1 .triangle-dm  {
    background-color: rgba(31,226,169,0.2);
}



.into-view .absolute-md-2  {
    left: 45%;
}

.absolute-md-2  {
    position: absolute;
    bottom: 50%;
    left: 0%;
    transition: left 1s;
    transform: rotate(225deg);
    transform-origin: 0% 100%;
}

.absolute-md-2 .triangle  {

    background-color: rgba(31,226,169,0.2);
}


.absolute-md-3  {
    position: absolute;
    bottom: 50%;
    left: 100%;
    transition: left 1s;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
}

.absolute-md-3 .triangle  {
    background-color: rgba(31,226,169,0.2);
}

#digital_marketing .triangle-dm , #digital_marketing .triangle {
    background-color: rgba(84,217,234,0.2);
}

#custom_solutions .triangle  {
    background-color: rgba(240,80,68, 0.2);
}


.into-view  .absolute-md-3  {
    left:55%;
}

.media  {
    margin-top: 60px;
    overflow: auto;
    opacity: 0;
    transition: opacity .5s;
}


.media .subscribe  {
    background-image: linear-gradient(rgba(190, 241, 236, 0) 50%, rgba(190, 241, 236, 0.6) 100%) ;
}

.into-view.media  {
    opacity: 1;
}



.media .row div {
    width: 50%;
    float: left;
    margin: 60px 0;
}

.video-holder  {
    height: 0;
    padding-bottom: 28%;
    position: relative;
}


.video-holder iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}


.media div p {
    padding-right: 80px;
}

.footer-ecommerce .triangle {
    background-color: rgba(241,145,101, 0.3);
}

.footer-custom-solutions .triangle {
    background-color: rgba(240,80, 68, 0.2);
}




.footer-ecommerce {
    border-top:2px solid  rgba(241,206,190, 0.5);
}

.footer-custom-solutions {
    border-top:2px solid  rgba(241,147,147, 0.5);
}

.footer-apps  {
    border-top: 2px solid rgb(176,210,255);
}


.footer-digital-marketing  .triangle  {
    background-color: rgba(84,217,234,0.2);

}

.footer-design .triangle  {
    background-color: rgba(31,226,169,0.2);
}

.footer-apps .triangle  {
    background-color: rgba(70,151,253,0.3);
}

.footer-design {
    border-top:2px solid  rgba(190, 241 ,236, 0.8);
}

.footer-digital-marketing {
    border-top:2px solid  rgba(84, 217 ,234, 0.8);
}

/*.design-bottom  {*/
/*    background-image: url(../img/design_bottom_background.jpg);*/
/*    background-position: center top;*/
/*}*/


/*.digital-bottom  {*/
/*    background-image: url(../img/digital_bottom_background.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center top;*/
/*}*/


/*.custom-bottom  {*/
/*    background-image: url(../img/custom_bottom_background.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center bottom;*/
/*}*/

/*.apps-bottom  {*/
/*    background-image: url(../img/apps_bottom_background.jpg);*/
/*    background-position: center top;*/
/*}*/

.mobile  {
    display: none;
}


#privacy ul {
    list-style-type: disc;
    margin-left: 15px;
}

#privacy li {
    font-size: 18px;
    padding-left: 0;
}



/*.justify  {*/
/*text-align: justify;*/
/*}*/

/*znex*/
/*Home page*/
.recent-text-wrapper{
    margin:0 auto;
    width:50%;

}
.recent-text-wrapper p {
    text-align: center;
    margin:0px;
}
.our-products-text-wrapper{
    width: 100%;
    max-width: 1300px;
    margin: 20px auto;
    padding: 0 30px;
}
#get-started h2 {
    margin-bottom:20px;
}
.we-are-working-text-wrapper p {
    width: 100%;
    max-width: 1300px;
    margin: 20px auto;
    padding: 0 20px;
}
.product-text  h3 {
    color:#333;
    font-weight:700;
    font-size:18px;
}

.title-wrapper span {
    font-size: 36px;
}

.title-wrapper h2  {
    display: inline-block;
    margin-bottom: 40px;
}

.title-wrapper  {
    text-align: center;
}

#about-us .title-wrapper  {
    margin-bottom: 60px;
}


.custom-coding  {
    text-align: left;
}

#back-to-top  {
    position: fixed;
    bottom: 29px;
    right: 110px;
    border: 1px solid #666;
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 30px;
    background-color: #fff;
    z-index: 50;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: none;

}

/*#about-us .ecommerce-banner-wrapper  {*/
/*    background-image: url(../img/about-us-background.jpg);*/
/*}*/


#about-us .absolute-1  {
    bottom:0%;
}



.service-icon {
    display: inline-block;
}



.ecommerce-banner-wrapper .absolute-1  {
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    left:110%;
}

.ecommerce-banner-wrapper  {
    background-position: top right;
}

.digital-banner-wrapper .absolute-1  {
    transform: rotate(45deg);
    left: 110%;
}

.ui-loader  {
    display: none;
}


.grecaptcha-badge {
    left:0!important;
}

#design_media  #our-design p  {
    text-align: center;
}

#popup  {
    position: fixed;
    background-color: #fff;
    border:1px solid #666;
    left: -600px;
    bottom: 20px;
    z-index: 200;
    padding: 10px 30px 10px 30px;
    border-radius: 0px 40px 40px 0px ;
    font-size: 12px;
    max-width: 580px;
    color:#666;
}


#popup p  {
    margin-bottom: 0;
}


.pop  {
    -webkit-animation: pop 1.5s forwards;
    animation-delay: 1s;
}

#popup  i  {
    position: absolute;
    top:0px;
    right: 40px;
    cursor: pointer;
    padding: 10px;
    background-color: #fff;
    border-radius: 30px;
    color:#888;
}

#popup span:nth-child(1)  {
    margin-bottom: 10px;
    display: inline-block;
}


#popup p span:nth-child(2)  {
    background-color: #999;
    color:#fff;
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 30px;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
}


#popup p a:nth-child(1)  {
    background-color: #999;
    color:#fff;
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 30px;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
}

#admin {
    padding: 150px 30px 30px 30px;
    max-width: 1200px;
    margin: 0 auto;
}


@-webkit-keyframes pop {
    0%   {left:-600px}
    100% {left:-2px}
}


#jobs .jobs-text  {
    width: 41%;
    margin-top: 0;
}


#jobs .jobs-image  {
    width: 60%;
}


.job-description h2 img   {
    position :absolute;
    left: 0;
    top:0;
}


.job-description h2  {
    text-align: left;
    position: relative;
    padding-left: 100px;
    padding-top: 12px;
}


/*.job-description h2:nth-child(1)  {*/
/*    padding-left: 0;*/
/*    padding-bottom: 60px;*/
/*}*/

.job-description ul  {
    list-style-type: disc;
    margin: unset;
    font-size: 18px;
    color:#666;
    margin-bottom: 40px;
    margin-left:20px;
}

#about-us h2.jobs-positions {
    padding-left: 0;
    /*text-align: center;*/
    margin-bottom: 100px;
}

#about-us .job-description .custom-tech-wrapper   {
    padding-top: 0;
}

.job-description   .graphic-design-image   {
    margin-top:180px;
}

.job-description  .graphic-design-text  {
    width: 100%;
    max-width: 1400px;
    margin:0 auto;
}

.job-description  .graphic-design-text > div {
    max-width: 100%;
    float: none;
}


.job-description  .graphic-design-text > div > div {
    margin-top: 40px;
}


#about-us .job-description h2  {
    margin-bottom: 100px;
}

#about-us.jobs-page .job-description h2  {
    margin-bottom: 40px;
}


/*.partners {*/
/*    margin: 100px 100px;*/

/*}*/


#partners .slick-slider  {
    width:calc(100% - 80px);
    margin:100px auto;
}

.partners a  {
    border:1px solid #ddd;
    border-radius:30px;
    margin: 30px 35px;
    text-align: center;
    padding: 20px;
    display: inline-block;
    width: 215px;
}

.partners a:hover  {
    box-shadow: 0 0 20px #ccc;
}


.partners a img  {
    display: inline-block;
}

#partners i , .partners-slider-mob i  {
    position: absolute;
    top:calc(50% - 30px);
    font-size: 30px;
    cursor: pointer;
    padding: 15px;
    color:#666;
}

#partners .fa-caret-left , .partners-slider-mob .fa-caret-left {
    left:0px;
}


#partners .fa-caret-right , .partners-slider-mob .fa-caret-right {
    right:0px;
}




#partners > div  {
    position: relative;
    text-align: center;
    margin-top: 40px;
}

#partners {
    overflow: unset;
    margin-bottom: 100px;
}


#partners h2  , #partners p  {
    text-align: center;
}

#portfolio .title-wrapper #partners-hashtag {
    margin-top: 37px;
}
span#blog-hashtag {
    margin-right: 10px;
    font-weight: 400;
}
.partners-slider  {
    margin: 100px auto 300px auto;
    position: relative;
    z-index: 1;
    overflow: unset;
}


/*.partners-logos  {*/
/*    float: right;*/
/*    width: 50%;*/
/*    margin-top: 100px;*/
/*}*/

.partners-logos > div {
    display: inline-block;
    cursor: pointer;
    width: 215px;
    text-align: center;
    background-color: #fff;
    border:1px solid #ddd;
    margin: 5px 15px;
    padding: 10px;
    border-radius:30px;
}


.partners-logos-mob .gray-logo  {
    display: none!important;
}

.partner-desc  {
    position: absolute;
    top:0;
    left:0;
    width: 50%;
    text-align: left;
}

.partner-desc p {
    margin: 40px 0;
}


.partners-logos > div:hover  {
    box-shadow: 0 0 20px #ccc;
}

.partners-logos div:hover  .color-logo {
    display: inline-block;
}

.partners-logos div:hover  .gray-logo {
    display: none;
}


.partners-logos .color-logo {
    display: none;
}

.partner-desc  {
    float: left;
    width: 50%;
    padding: 0 30px;
    display: none;
}

.partner-desc p  {
    margin: 60px 0;
}

.partner-website  {
    color:#fff;
    background-color:#7be5ea;
    border-radius: 30px;
    padding: 12px 35px;
    display: block;
    font-weight: bold;
    text-align: center;
    margin: 20px auto;
    width: 200px;
}

.partner-website:hover  {
    color:#fff;
    background-color: #00daea;
    box-shadow: 0 0 20px #00daea;

}


/*#portfolio.partners-page .absolute-4  {*/
/*    z-index: -1;*/
/*}*/


/*.active-logo .partner-desc  {*/
/*    display: block;*/
/*}*/

.active-logo .color-logo  {
    display: inline-block;
}

.active-logo .gray-logo  {
    display: none;
}

/*#mobile-partners-desc  {*/
/*    display: none;*/
/*}*/


.partners-logos-mob.slick-slider  {
    display: none;
}

.partners-slider i {
    display: none;
}


.partners-logos  {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}

#mobile-partners-desc .partner-desc  {
    display: block;
    width: 100%;
    float: none;
    position: static;
    margin-top: 40px;
}


#login-form label {
    display: none;
}

#admin .input label , #contact-page .input label {
    display: block;
}

.partners-slider-mob {
    display: none;
}

.partners-mob.slick-slider  {
    display: none;
}

#partners  i  {
    display: none;
}


.partners-list   {
    margin: 100px auto ;
}

.partners-list > div  {
    margin:0 0 150px 0;
    position: relative;
    z-index: 1;
}

.partners-list img {
    width: 173px;
}

.partners-list h2  {
    margin-top: 30px;
    margin-bottom:30px;
}



@media(max-width: 1600px)  {


    .recent-img   {
        height: 300px;
    }


}



@media(max-width: 1300px)  {


    .logo  {
        width: 190px;
        margin: 22px 0 8px 0;
    }


    .dropdown span  {
        padding: 10px 10px;
    }


    .right-links a  {
        padding: 10px 10px;
    }

    .partners a  {
        margin:30px 12px;
    }


    .portfolio-footer-btn {
        clear: left;
        width: 66.66%;
    }


    .footer-links > div:nth-child(4) > div  {
        float: left;
        width: 50%;
        padding: 0 30px;
    }


    footer .portfolio-link {
        margin-top: 0;
    }


    .footer-links > div  {
        width: 33.33%;
        margin-bottom: 25px;
    }

    .footer-links > div:last-child  {
        width: auto;
    }

}






@media(max-width: 1300px)  {

    #prev-button-products   {
        left:30px;
    }

    #next-button-products  {
        right:30px;
    }


    #triangle-e-2  {
        transform:translate(100px ,-250px);
    }

    #triangle-e-3  {
        transform:translate(250px ,-100px);
    }


    #triangle-e-4 {
        transform:translate(350px ,100px);
    }


    @keyframes moveRight {
        from {left: -0%;}
        to {left: 60%;}
    }


    @keyframes moveLeft {
        from {left: 100%;}
        to {left: 40%;}
    }



    header h1  {
        margin-top: -7px;
        margin-bottom: 14px;
    }

}





@media(max-width: 1200px)  {




    .recent-img   {
        right:-100px;
    }


    .home-banner .arrows  {
        bottom:140px;
    }


    .ecommerce-banner-image  {
        width: 50%;
    }

    .ecommerce-banner-text h1 , .apps-header h1 , .ecommerce-banner-text span , .apps-header span  {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 20px;
    }


    .apps-list section   {
        margin-left: calc(50% + 20px);
    }

    .ecommerce-header span  {
        margin-top: 3px;
    }

    .ecommerce-header h1  {
        margin-left: 30px;
        width: auto;
    }

    .home-banner {
        height: 700px;
    }

}




@media(max-width: 1000px)  {

    #portfolio .title-wrapper h1 , #contact-page h1, #support .title-wrapper h1 {
        font-size: 36px;
    }


    #portfolio .title-wrapper #partners-hashtag, #portfolio .title-wrapper span, #support .title-wrapper #partners-hashtag {
        margin-top: 12px;
    }

    .our-tech {
        display: block;
    }

    .our-tech-text , .our-tech-image  {
        width: 100%;

    }

    .our-tech-text > div  {
        max-width: 100%;
        text-align: center;
    }


    .banner-text h2  {
        font-size: 36px;
        margin-left: 26px;
    }

    .banner-text span {
        font-size: 32px;
        margin-top: 4px;
    }

    .arrows  {
        bottom: 240px;
    }

    .recent  {
        padding-top: 40px;
    }

    .recent-img   {
        display: none;
    }

    .process > div:nth-child(1), .process > div:nth-child(2) {
        float: left;
        width: 100%;
    }

    .process > div:nth-child(1)  {
        text-align: center;
    }

    .process > div:nth-child(2)  {
        height: auto;
        padding: 0px 10px;
    }


    .process > div {
        border: none;
        box-shadow: none;

    }


    .process  {
        background-color: #fff;
        box-shadow: 0 0  20px rgba(125,139,216, 0.3);
        margin: 20px;
        border-radius: 40px;
        z-index: 30;
        position: relative;
    }


    .cms-system , .design-services {
        text-align: center;
    }

    .cms-system a , .design-icon {
        width: 50%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }


    .recent-text-wrapper {
        width: 100%;
    }

    #triangle-e-2  {
        transform:translate(70px ,-200px);
    }

    #triangle-e-3  {
        transform:translate(200px ,-70px);
    }


    #triangle-e-4 {
        transform:translate(300px ,70px);
    }


}





@media(max-width: 1100px)  {

    #blog  > article  {
        padding: 40px 60px;
    }


    nav .magento-sertificate  {
        margin-top: 25px;
    }


    footer .magento-sertificate  {
        margin: 24px 0 40px 10px;
    }


    .partners-logos-mob.slick-slider  {
        display: block;
        max-width: 600px;
        margin: 80px auto
    }


    .partners-logos .color-logo  {
        display: inline-block;
    }

    .partners-logos .gray-logo  {
        display: none;
    }

    .partners-slider {
        margin: 0 auto;
    }


    .partners-logos > div  {
        background-color: transparent;
        border: 0px;
    }


    .partners-logos > div:hover  {
        box-shadow: none;
    }

    .partners-logos > div  {
        width: 100%;
    }

    .partners-logos .slick-slide  {
        margin: 10px;
        padding: 10px;
        background-color: #fff;
        border:1px solid #ccc;
        border-radius: 30px;
    }

    .partners-logos-mob .slick-slide  {
        text-align: center;
        margin: 0 10px;
    }

    .partners-logos-mob .slick-slide  img {
        display: inline-block;
        padding: 20px;
        background-color: #fff;
        border-radius: 30px;
        border: 1px solid #ccc;
    }

    .partners-slider > div {
        position: relative;
    }

    .partners-slider i  {
        position: absolute;
        display: block;
        top:calc(50% - 15px);
        font-size: 30px;
        color:#666;
        padding: 10px;
    }


    .partners-slider .fa-caret-left  {
        left:0;
    }

    .partners-slider .fa-caret-right {
        right:0;
    }

    .partners-logos-mob  {
        margin: 80px 0;
    }

    #mobile-partners-desc  {
        display: block;
    }

    #mobile-partners-desc .partner-desc {
        display: block;
        position: static;
        margin-top: 40px;
        margin-bottom: 100px;
    }

    .partners-logos .partner-desc {
        display: none;
    }


    .partners-logos  {
        display: none;
    }


    .partner-desc  {
        bottom:0;
        top:auto;
        width: 100%;
    }

    nav .fa-bars  {
        display: inline-block;
        float: right;
        font-size: 24px;
        padding: 30px;
        cursor: pointer;
        margin-right: -30px;
    }


    .right-links  {
        display: none;
        float: none;
        margin: 20px 0;
    }


    #partners  i  {
        display: block;
    }


    #partners > div  {
        max-width: 600px;
        margin: 0 auto;
    }

    .partners  {
        display: none;
    }

    .partners-mob.slick-slider  {
        display: block;
    }

    .partners-mob.slick-slider img  {
        display: inline-block;
    }

    .partners-mob .slick-slide  {
        margin: 0 20px;
        border: 1px solid #ddd;
        border-radius:30px;
        padding: 20px;
    }

    .job-description .graphic-design-text , .job-description .graphic-design-image {
        width: 100%;
    }

    .job-description .graphic-design  {
        display: block;
    }

    .job-description .graphic-design-text > div  {
        max-width: none;
    }


    .job-description .graphic-design-image img  {
        max-width: 700px;
        float: right;
    }

    .job-description .graphic-design-image   {
        margin-top: 40px;
    }


    /*.job-description h2:nth-child(1)  {*/
    /*    text-align: center;*/
    /*}*/


    .logo  {
        margin: 14px 0 4px 0
    }






    .scrolled .dropdown:hover span ,  .scrolled .right-links > a:hover {
        background-color: transparent;
        color:#333;
    }

    .sticky  {
        background-color: #fff;
        box-shadow: 0 0 10px gray;
    }


    .dropdown {
        height: auto;
        display: block;
    }


    .right-links > a  {
        display: block;
        padding-left: 0;
    }

    .dropdown span {
        display: block;
        padding: 10px 0;
    }

    .dropdown-content {
        position: static;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
    }


    .dropdown:hover span  {
        border-radius: 0;
        box-shadow: none;
    }

    .dropdown:hover .dropdown-content  {
        display: none;
    }

    .dropdown-content a:hover  {
        color:black;
        background-color: transparent;
    }


    .right-links > a:hover  {
        box-shadow: none;
    }

    nav .fa-caret-right  {
        padding-left: 0;
        margin-right: 10px;
        display: inline-block;
    }

    .our-services  {
        text-align: center;
        max-width: 800px;
        overflow: initial;
    }

    .our-services > a  {
        float: none;
        width: 33.33%;
        display: inline-block;
    }

    .custom-solutions-tech > div {
        width: 33%;
        display: inline-block;
        float: none;
    }


    .since-img  {
        height:150px;
        right:0;
        top:calc(50% - 190px);
    }

    .services  {
        max-width: 600px;
    }

    .services > div  {
        width: 50%;
    }

    .not-sure  {
        text-align: center;
    }


    .services div:nth-child(2) .fa-caret-right {
        display: none;
    }


    .custom-tech-text  , .graphic-design-text , .website-design-text , .user-experience-text {
        padding: 30px;
    }
}

@media(max-width: 774px){
    .digital-marketing-cover  {
        margin-bottom: 10px;
    }

}

@media(max-width: 767px)  {
    #blog h1.view-blog-h {
        font-size: 36px;
        line-height: 1.4;
    }
    .magento-partner {
        margin: 70px auto;
    }

    .magento-partner img  {
        display: block;
        margin: 0 auto;
    }


    .we-are .magento-partner p  {
        max-width: 100%;
        text-align: center;
    }


    .col-6  {
        width: 100%;
    }

    .magento-partner-large  {
        margin-bottom: 0;
    }

    .partners-logos-mob  {
        width:calc(100% - 60px);
        margin:  80px auto;
    }


    /*.partners-slider  {*/
    /*    display: none;*/
    /*}*/

    .partners-slider-mob {
        display: block;
        position: relative;
        z-index: 1;
        margin: 100px 0;
    }

    .partners-slider-mob .slick-slide  {
        text-align: center;
        margin: 20px;
        cursor: pointer;
        background-color: #fff;
        border-radius: 30px;
        padding: 10px 0;
        border:1px solid #ccc;
    }


    .partners-slider-mob .slick-slide img {
        display: inline-block;
        border-radius: 20px;
    }

    .partners-slider-mob .slick-slide .gray-logo {
        display: none;
    }

    .partners-slider-mob .partner-desc  {
        display: none;
    }


    .job-description ul  {
        text-align: left;
    }



    .article-title div:nth-child(1) , .article-title div:nth-child(2) {
        display: block;
        float: none;
        width:100%;
        text-align: left;

    }



    .article-title div:nth-child(2)  {
        margin-top: 0px;
    }

    .tags-continue span:nth-child(1) , .tags-continue span:nth-child(2)  {
        display: block;
        float: none;
        margin-bottom: 20px;
    }

    .tags-continue span:nth-child(1)  {
        width: 100%;
    }


    #popup  {
        bottom: 110px;
        border-radius: 0px 30px 30px 0px ;
    }


    .extensions img  {
        display: block;
        margin: 0 auto;
        float: none;
        max-width: 100%;
    }

    #portfolio .title-wrapper h1,
    #support .title-wrapper h1 {
        margin-left: 10px;
    }

    .custom-bottom {
        padding-top: 60px;
    }


    .mob-justify  {
        text-align: left!important;
    }

    .ecommerce-header span {
        position: static;
    }

    .ecommerce-header h1  {
        display: inline;
        margin-left: 4px;
    }

    .title-wrapper span  {
        position: static;
    }

    .title-wrapper h2  {
        display: inline;
        margin-left: 4px;
    }

    .title-wrapper  {
        margin-bottom: 40px;
    }


    #about-us .custom-tech-wrapper  {
        padding: 0;
    }

    .banner-image ,.banner-text {
        width: 100%;
        text-align: center;
    }

    .banner-image {
        height: 400px;
        margin-top: 170px;
    }

    .banner-image img  {
        max-height: 100%;
    }

    .media .row div  {
        margin: 30px 0;
    }

    .banner-text  {
        padding-top: 0px;
    }


    .banner-text span  {
        position: static;
    }

    .banner-text h2  {
        display: inline-block;
        margin-left: 0;
    }


    .extensions h2  {
        text-align: center;
    }

    /*.title-wrapper h2  {*/
    /*margin-left: 28px;*/
    /*}*/

    .title-wrapper span  {
        margin-top: 0px;
    }

    .extensions .title-wrapper  {
        text-align: center;
    }


    #design_media .custom-tech-wrapper  {
        margin-bottom: 0;
    }

    .ecommerce-banner-image  , .ecommerce-banner-text , .apps-banner-image , .apps-banner-text  {
        width: 100%;
    }


    .ecommerce-banner-text , .apps-banner-text {
        margin-top: 0px;
        margin-bottom: 75px;
        text-align: center;
        padding-right: 0;
    }

    .ecommerce-banner-text  h1 , .ecommerce-banner-text p {
        text-align: center;
    }

    .ecommerce-banner-text h1  {
        line-height: 36px;
    }


    .ecommerce-banner-text p  {
        margin-top: 20px;
    }



    #digital_marketing .ecommerce-header h1  {
        width: auto;
    }


    .home-banner  {
        padding-top: 120px;
        height: auto;
    }

    .sliders  {
        height: 720px;
    }

    .home-banner .arrows {
        top:360px;
        text-align: center;
        left: 0px;
        bottom:0;
        height: 60px;
    }

    #banner-triangles-holder  {
        left:-45%;
        top:25%;
        height: 50%;
    }

    .we-are  {
        margin-top: 120px;
    }

    .we-are-working  {
        margin-top: 30px;
    }


    .our-services  {
        max-width: 550px;
        position: relative;
        z-index: 1;
    }

    .our-services > a  {
        width: 50%;
    }

    .custom-solutions-tech > div  {
        width: 50%;
    }


    .custom-solutions-tech > div:nth-child(3) {
        width: 100%;
    }


    .our-services > a:nth-child(3)  {
        width: 100%;
    }


    .about-us  {
        display: block;
    }


    .about-text h2  {
        text-align: center;
    }


    .about-us .button-link  {
        margin-left: calc(50%  - 92px);
    }

    .about-text > div {
        max-width: 100%;
    }


    .about-us-image  {
        display: block;
        width: 100%;
        left:0;
    }

    .about-text  {
        padding: 30px;
    }

    .since-img {
        right:5px;
        top:-55px;
        height: 45%;
        min-height: 130px;
    }

    .recent-bottom .slick-track  {
        left:20%;
    }

    .product-image , .product-text  {
        width: 100%;
    }

    .product > div  {
        height: auto;
        overflow: auto;
    }


    .app-products .product-image a  {
        position: static;
        transform: translateY(0%);
    }

    .app-products .product-image div  {
        width: 100%;
        position: static;
    }

    .product-text  {
        padding: 20px 0 0 0;
    }


    .endless img  {
        display: none;
    }

    .endless div {
        width: 100%;
        text-align: center;
    }


    .endless h3  {
        text-align: center;
    }

    .endless div p {
        max-width: 100%;
        text-align: center;
    }

    .our-tech-image  {
        right:0;
    }

    .not-sure  h3 , .not-sure p  {
        text-align: center;
    }

    .services > div  {
        width: 100%;
        margin-top: 60px;
    }

    .services .fa-caret-right  {
        display: none;
    }

    .services div .fa-caret-down  {
        display: block;
    }


    .subscribe form input {
        width: calc(100% - 40px);
        margin: 0 20px;
    }


    .subscribe form button  {
        margin-top: 75px;
        margin-left: calc(50% - 81px);
        float: left;
    }


    .footer-links > div , .footer-links > div:nth-child(4) {
        width: 50%;
    }


    .footer-links > div:nth-child(4)  > div  {
        float: none;
    }

    .footer-links > div:nth-child(4) > div  {
        margin-bottom: 25px;
    }


    .footer-links > div , .footer-links > div:nth-child(4) > div {
        padding: 0 20px;
    }


    .footer-logo  {
        padding-left: 20px;
    }


    .footer-bottom  {
        padding-left: 20px;
    }

    .custom-tech , .graphic-design , .website-design , .user-experience  , .our-tech ,  .custom-extensions , .custom-export-import , .custom-solutions-section {
        display: block;
    }

    .custom-tech-image  ,  .custom-tech-text , .graphic-design-image , .graphic-design-text  , .website-design-image ,
    .website-design-text , .user-experience-image , .user-experience-text , .our-tech-image , .our-tech-text {
        width: 100%;
    }

    .custom-tech-text , .graphic-design-text , .website-design-text , .user-experience-text , .our-tech-text  {
        margin-top: 30px;
        padding: 30px;
    }


    .user-experience-text h3  {
        text-align: center;
    }

    .our-tech-text {
        text-align: center;
    }

    .our-tech-text > div  {
        max-width: 100%;
        margin:20px 0;
    }

    .about-text p  {
        max-width: 100%;
        text-align: left;
    }

    .custom-tech-text div , .graphic-design-text div , .website-design-text div , .user-experience-text div {
        text-align: center;
        max-width: none;
    }

    .custom-tech-text div p  ,  .graphic-design-text div p , .website-design-text div p , .user-experience-text div p {
        text-align: left;
    }

    .extensions section  {
        width: 100%;
    }

    .extensions-list section  , .apps-list section {
        width: 100%;
        float: none;
        margin:0 auto;
    }

    .extensions-list img ,  .apps-list img {
        display: none;
    }

    .apps-list  {
        padding: 100px 30px;
    }

    .media .row div  {
        width: 100%;
    }

    .media div:nth-child(4)  {
        padding-bottom: 56%;
    }


    .media div p {
        padding-right: 0;
    }


    .seo-section  {
        display: block;
        overflow: auto;
    }

    .seo-section .website-design-image  , .seo-section  .website-design-text {
        width: 100%;
    }


    .video-holder  {
        padding-bottom: 56%;
    }


    .portfolio-buttons {
        padding: 0px 30px 100px 30px;
    }


    .portfolio-buttons  a  {
        margin-bottom: 20px;
    }


    #prev-button-products, #next-button-products  {
        top:250px;
    }


    #custom_solutions .custom-tech-wrapper  {
        margin: 0px;
    }

    .extensions  {
        margin-top: 40px;
    }


    .portfolio-buttons a  {
        margin: 7px 0px;
    }


    /* Remove opacity */

    .we-are  , .our-services > a , .recent , .recent-top , .recent-bottom  , .products , .get-started , .our-tech ,  .not-sure  , .subscribe , footer  ,  .services > div,
    .we-are-working , .cms-system a , .building-process  , .process , .our-design , .ecommerce-slider-top  , .ecommerce-slider-bottom  , .custom-solutions  , .custom-tech ,
    .extensions , .extensions-list  , .graphic-design , .website-design , .user-experience  , .our-work , .design-slider-top , .design-slider-bottom  , .extensions , .media,
    .digital-marketing-cover , .seo-section-wrapper , .custom-solutions-tech > div , .custom-export-import , .custom-extensions  , .portfolio-buttons a


    {
        opacity: 1;
    }

    /*  Stop Animation  */

    .custom-tech-image , .graphic-design-image , .website-design-image ,  .user-experience-image {
        right: 0;
    }


    #portfolio-img  {
        left:0;
        animation: none;
    }


    /*.absolute-4  {*/
    /*left:50%;*/
    /*animation: none;*/
    /*}*/


    .about-triangles-holder {
        left:150px!important;
        top:-250px;
    }


    .absolute-our-tech  {
        left:55%;
    }


    /*.ecommerce-banner-wrapper .absolute-1  {*/
    /*animation-name: none;*/
    /*}*/


    .cms-system a, .design-icon  , .app-icon {
        opacity: 1;
    }


    .absolute-3 {
        left:55%
    }



    .absolute-md-2  {
        left:45%;
    }


    .absolute-md-3  {
        left:55%;
    }

    .we-are p {
        text-align: left;
    }
    /*  Triangles on mob */


    #triangle-e-2  {
        transform:translate(50px ,-150px);
    }

    #triangle-e-3  {
        transform:translate(150px ,-50px);
    }


    #triangle-e-4 {
        transform:translate(200px ,50px);
    }

}



@media(max-width: 640px)  {

    /*.title-wrapper span  {*/
    /*font-size: 28px;*/
    /*}*/


    #portfolio .title-wrapper span,
    #support .title-wrapper span {
        margin-top: 16px;
    }

    #blog h1  {
        font-size: 36px;
        padding: 0 15px;
    }

    nav .magento-sertificate   {
        vertical-align: -11px;
    }

    #blog  > article  {
        padding: 60px 0px;
        box-shadow: none;
        border-radius: 0px;
        border: none;
        background-color: transparent;
        margin-top: 40px;
    }
    #blog  {
        background-image: none;
    }
    #articles > div  {
        margin-bottom: 50px;
        border-radius: 0;
        border: 0px;
        box-shadow: none;
    }


    #blog > div  {
        padding: 10px 0;
    }

    #blog  #articles  {

    }
}







@media(max-width: 550px)  {

    .app-icon  {
        width: 100%;
    }

    .design-icon  {
        width: 100%;
    }

}


@media(max-width: 500px) {

    .mobile {
        display: block;
        width: 100%;
    }

    .desktop {
        display: none;
    }


    #triangle-e-2  {
        transform:translate(30px ,-100px);
    }

    #triangle-e-3  {
        transform:translate(100px ,-30px);
    }


    #triangle-e-4 {
        transform:translate(120px ,30px);
    }




}



@media(max-width: 480px)  {
    .ecommerce-banner-text h1, .apps-header h1, .ecommerce-banner-text span, .apps-header span, #portfolio .title-wrapper h1,#support .title-wrapper h1, #contact-page h1, #blog h1, #blog h1.view-blog-h {
        font-size: 32px;
    }
    #about-us .ecommerce-banner {
        padding-top: 60px;
    }
    .home-banner .sliders {
        margin-top: 40px;
    }
    #portfolio .title-wrapper,
    #support .title-wrapper {
        padding-top: 10px;
    }
    #blog > article {
        margin-top: 80px;
    }
    #contact-page {
        padding-top: 160px;
    }
    .cms-system a , .design-icon {
        width: 100%;
    }


    .our-services > a ,  .custom-solutions-tech > div {
        width: 100%;
    }

    nav  {
        padding: 0 20px;
    }

    .magento-sertificate {
        vertical-align: -12px;
        display: block;
        clear: both;
        padding-left: 0;
        border-left: 0px;
        margin-top: 15px;
        margin-bottom: 15px;
    }


    footer .magento-sertificate  {
        display: block;
        margin: 0 auto 20px auto;
        float: none;
    }


    nav img.logo  {
        height: 50px;
        margin-top: 17px;
        width: auto;
    }

    nav .fa-bars  {
        padding-left: 15px;
        position: fixed;
        right: 30px;
        top:0;
    }

    .footer-links  {
        float: none;
        text-align: center;
    }

    .footer-links > div  {
        width: 250px!important;
        margin: 0 auto 20px auto;
        float: none;
    }

    .footer-links > div:nth-child(4) > div  {
        padding: 0;
        width: 100%;
    }


    .footer-links > div:nth-child(4)   {
        padding: 0 20px;
    }


    .footer-logo  {
        width: 250px;
        display: block;
        margin: 40px auto;
        float: none;
        padding-left: 20px;
    }


    .footer-bottom  {
        width: 250px;
        margin: 0 auto 20px auto;
    }


    .footer-links .fb_iframe_widget iframe  {
        position: static!important;
    }

    .fb_iframe_widget span {
        text-align: center !important;
    }



    .extensions-list h3  {
        text-align: center;
        padding: 0 0 30px 0;
    }


    .footer-links .button-link  {
        margin: 0 auto 10px auto;
    }

    .footer-links > div:last-child span {
        display: block;
    }


    .social-icon  {
        margin-left:5px;
        margin-right:5px;

    }
}




@media(max-width: 580px) {

    .home-banner .arrows {
        top:390px;
    }


    .footer-links > div:last-child  {
        padding: 0;
    }

}


@media(max-width: 500px) {

    .home-banner .arrows {
        top:444px;
    }

    .grecaptcha-badge  {
        display: none!important;
    }

    #partners .slick-slider   {
        width: 100%;
    }



    #partners .fa-caret-left  {
        left: -25px;
    }

    #partners .fa-caret-right  {
        right: -25px;
    }
}

@media (max-width: 420px) {
    .ecommerce-banner-text h1, .apps-header h1, .ecommerce-banner-text span, .apps-header span, #portfolio .title-wrapper h1, #support .title-wrapper h1, #contact-page h1, #blog h1, #blog h1.view-blog-h {
        font-size: 29px;
    }
}

@media(max-width: 400px)  {


    .home-banner .arrows {
        top:435px;
    }


    .banner-text h2  {
        font-size: 26px;
    }


    .banner-text span {
        font-size: 26px;
    }

    .logo  {
        width: 180px;
    }

    .tags-continue span:nth-child(2) a  {
        text-align: center;
    }

    .tags-continue span:nth-child(2) a  i  {
        display: block;
        font-size: 28px;
    }


}




@media(max-width: 360px) {

    .home-banner .arrows {
        top:468px;
    }
}





@media(max-width: 320px) {

    .home-banner .arrows {
        top:552px;
    }
}

/*znex*/

.portfolio-footer-btn a {
    text-align: center;

}
.portfolio-footer-btn .view-portfolio {
    margin-bottom:10px;

}

@media all and (min-width: 767px) and (max-width: 830px) {
    .ecommerce-banner-text {
        margin-top: 10px;
    }
    .apps-banner-text {
        margin-top:10px;
    }
    .custom-tech-text a{
        text-align:center;
    }
}



@media all and (min-width: 1000px) and (max-width: 1200px) {
    .we-are  {
        margin-top: 40px;
    }
}




/* @media all and (min-width: 481px) and (max-width: 767pxn) {
    .portfolio-footer-btn .button-link {
        width:70%;
    }


} */
/*SyncIt subscribe*/
/* #subscribeMsg{
   padding-top:5px;
   padding-bottom:5px;
} */

#subscribe-form label {
    display:none;
}

.suberror {


    color:#a80a0a;
    text-align:center;
    font-size: 18px;
    font-weight:600;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;

    max-width: 800px;
    margin: 30px auto
}

.success {


    color:  #1fe1a8;
    text-align:center;
    font-size: 18px;
    font-weight:600;


    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
    /* content:none!important; */
}
/*.success:before{*/
/*    content: none!important*/
/*}*/
/*Subscribe*/
#subscribe-form label {
    display:none;
}
.suberror {
    color:#a80a0a;
    text-align:center;
    font-size: 18px;
    font-weight:600;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

.success {

    color:  #1fe1a8;
    text-align:center;
    font-size: 18px;
    font-weight:600;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
    /* content:none!important; */
}
/*.success:before{*/
/*    content: none!important*/
/*}*/

/*Subscribe error and success animation*/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*Subscribe error and success animation*/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes moveRight {
    0% {left: -10%;}
    100% {left: 50%;}
}


@keyframes moveLeft {
    0% {left: 110%;}
    100% {left: 50%;}
}

.grecaptcha-badge  {
    z-index: 100;
}

fb_customer_chat_bounce_in_v2  {
    z-index: 110!important;
}

#popup  {
    z-index: 10000000000000000000!important;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .title-wrapper span  {
        position: static;
    }


    .about-us-image  {
        transition: none;
    }
}
.responsive-img {
    max-width:800px;
    width:100%;
    height: auto;
}
.paginator ul li {
    display:inline-block;
}
.paginator .active {
    font-weight: 800;
}
/*hosting page*/
.our-clients-wrapper {
    margin: 40px auto;
    width: 100%;
    float: left;
    text-align: center;
}
.client1,
.client2,
.client3 {
    float: left;
    width: 33%;
}
.plans-wrapper {
    margin: 40px auto;
    width: 100%;
    float: left;
    text-align: center;
}
.plans-wrapper .wrapper {
    width: 80%;
    margin: 0px auto;
    text-align: center;
}
.plan1,
.plan2,
.plan3 {
    float: left;
    width: calc(33% - 60px);
    text-align: center;
    padding: 40px 0px;
    border-radius: 40px;
    box-shadow: 5px 4px 10px 2px #383434;
    min-height: 619px;
    position: relative;
}
.plan1 {
    margin: 0px 30px;
}
.plan1 a {
    position: relative;
    top: 46px;
}
.plan2 {
    margin: 0px 30px;
}

.plan3 {
    margin: 0px 30px;
}
.plans-wrapper h3 {
    margin-top: 20px;
}
.growth {
    position: relative;
    top: -10px;
}

.plan2 {
    background-color: #072333;
    color: #fff;
}
.plan2 h3 {
    color: #fff;
}
.plan2 p {
    color: #fff;
}
.plan3 a {
    margin-top: -5px;
}
/*Hosting responsive*/
@media (max-width: 1300px) {
    .plans-wrapper .wrapper {
        width: 90%;
        margin: 0px auto;
        text-align: center;
    }
}
@media (max-width: 1200px) {
    .plans-wrapper .wrapper {
        width: 95%;
        margin: 0px auto;
        text-align: center;
    }
}
@media (max-width: 1100px) {
    .plans-wrapper .wrapper {
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }
}
@media (max-width: 1000px) {
    .plan1,
    .plan2 {
        float: left;
        width: calc(50% - 60px);
        text-align: center;
        padding: 40px 0px;
        border-radius: 40px;
        box-shadow: 5px 4px 10px 2px #383434;
        min-height: 619px;
        position: relative;
    }
    .plan3 {
        float: left;
        width: calc(50% - 60px);
        text-align: center;
        padding: 40px 0px;
        border-radius: 40px;
        box-shadow: 5px 4px 10px 2px #383434;
        min-height: 619px;
        position: relative;
        margin-top: 40px;
        transform: translate(50%);
    }
}
@media (max-width: 800px) {
    .plan1,
    .plan2,
    .plan3 {
        float: left;
        width: calc(100% - 160px);
        text-align: center;
        padding: 40px 0px;
        border-radius: 40px;
        box-shadow: 5px 4px 10px 2px #383434;
        min-height: 619px;
        position: relative;
        margin-top: 40px;
        margin-left: 80px;
        margin-right: 80px;
        transform: none;
    }
    .plans-wrapper .wrapper {
        width: 80%;
    }
}
@media (max-width: 700px) {
    .plans-wrapper .wrapper {
        width: 85%;
    }
}

@media (max-width: 675px) {
    .plans-wrapper .wrapper {
        width: 95%;
    }
}
@media (max-width: 650px) {
    .plans-wrapper .wrapper {
        width: 100%;
    }
}
@media (max-width: 550px) {
    .plan1,
    .plan2,
    .plan3 {
        width: calc(100% - 100px);
        padding: 40px 0px;
        margin-top: 40px;
        margin-left: 50px;
        margin-right: 50px;
        transform: none;
    }
}
@media (max-width: 500px) {
    .plan1,
    .plan2,
    .plan3 {
        width: calc(100% - 60px);
        padding: 40px 0px;
        margin-top: 40px;
        margin-left: 30px;
        margin-right: 30px;
        transform: none;
    }
}
@media (max-width: 450px) {
    .plan1,
    .plan2,
    .plan3 {
        width: calc(100% - 40px);
        padding: 40px 0px;
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
        transform: none;
    }
}
@media (max-width: 400px) {
    .plan1,
    .plan2,
    .plan3 {
        width: calc(100% - 0px);
        padding: 40px 0px;
        margin-top: 40px;
        margin-left: 0px;
        margin-right: 0px;
        transform: none;
    }
}
@media (max-width: 350px) {
    .plan1,
    .plan2,
    .plan3 {
        width: calc(100% - 0px);
        padding: 40px 0px;
        margin-top: 40px;
        margin-left: 0px;
        margin-right: 0px;
        transform: none;
    }
}
/*Hosting end*/
/*Products page*/

.athena-products-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
    background-image: url("/img/products/athena-background.jpg");
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
}
.athena-products-description {
    /* margin:40px 20px; */
    margin-top: 50px;
    /* margin-bottom:90px; */
    margin-left: 100px;
    margin-right: 5px;
    width: calc(100% / 2 - 105px);
    float: left;
}
.athena-products-description p {
    color: #ffff;
    text-align: left;
}
.athena-products-description h2 {
    color: #ffff;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: start;
    font-weight: 700;
}

.athena-products-description a {
    color: #ffff;
    font-weight: 600;
}

.athena-products-img {
    margin-top: 50px;
    margin-bottom: 90px;
    margin-left: 5px;
    margin-right: 100px;
    width: calc(100% / 2 - 105px);
    float: left;
}
.athena-products-img img {
    margin-top: 50px;
}

.workzone ol {
    font-size: 18px;
    color: #666666;
}
.workzone li {
    padding-left: 5px;
    text-align:left;
}
.imhere ol {
    font-size: 18px;
    color: #666666;
}
.imhere li {
    padding-left: 5px;
    text-align:left;
}
.workzone p {
    margin-bottom: 20px;
}
.imhere p {
    margin-bottom: 20px;
}
.m2extensions p {
    margin-bottom: 20px;
}

.products-img-scale {
    transform: scale(0.6);
}
/*Products responsive*/
@media (max-width: 1200px) {
    .products-img-scale {
        transform: scale(0.8);
    }
}
@media (max-width: 1100px) {
    .athena-products-description {
        margin-bottom: 0px;
    }

    .athena-products-img {
        width: calc(100% / 2 - 25px);
        margin-left: 5px;
        margin-right: 20px;
    }
    .products-img-scale {
        transform: scale(0.8);
    }
}
@media (max-width: 1000px) {
    .athena-products-description {
        margin-top: 0px;
        margin-left: 30px;
        margin-right: 5px;
        width: calc(100% / 2 - 35px);
        float: left;
    }
    .athena-products-img {
        margin-top: 0px;
    }
}
@media (max-width: 985px) {
    .athena-products-description {
        width: calc(100% - 100px);
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 0px;
    }
    .athena-products-description h2 {
        text-align: center;
    }
    .athena-products-img {
        width: calc(100% - 100px);
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}
/* @media (max-width : 768px) {
    .products-img-scale {
        transform: scale(0.6);
    }
} */

/*products end*/

/* Footer start */
.footer-images-wrapper {
    width: 100%;
    float: left;
    padding: 15px 0;
}
.footer-syncit-logo {
    float: left;
    width: 50%;
}
.m2-partners-wrapper {
    float: left;
    width: 50%;
}
.m2-partners-wrapper img {
    float: left;
}
@media (max-width: 800px) {
    .footer-syncit-logo,
    .m2-partners-wrapper {
        width: 100%;
    }
    .logo-f {
        display: flex;
        justify-content: center;
    }
    footer .magento-partner-large {
        margin: 0px;
    }
    .m2-partners-wrapper {
        padding-left: 30px;
    }
    .footer-logo {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
    }
}
@media (max-width: 768px) {

    .footer-links > div {
        padding:0px;
    }
    .footer-links{
        margin-left: 50px;
        margin-right: 50px;
        width: calc(100% - 100px);
    }
    /* .footer-links > div, .footer-links > div:nth-child(4) {
        width: unset;
    } */
    .what-we-do {
        width:33%;
    }
    .f-about-us {
        width:33%;
    }
    .f-products{
        width:33%;
    }
}
/* Migration popup modal */
.modal-bck {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, 0.5);


}
.modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width:598px;
    max-height:510px;
    width:100%;
    z-index:999999;
    background-image: url(../img/migration/migration-popup-rounded.png);
    background-repeat: no-repeat ;
    background-size:contain;
    height:510px;
    background-position:center;

}

#popup-close {
    position:absolute;
    left: 91%;
    top: 4%;

}
#popup-close .fa-times {

    color:#cfcfcf!important;
}

#popup-close .fa-window-close {
    color:grey;
}
.orange {
    color:#f37a1f;
}
.button-orange {
    background-color:#f37a1f;
}
.popup-text {
    margin-top:70px;
}
.popup-text p{
    font-weight:800;
    text-align:center;

}
.popup-btn {
    text-align:center;
    text-align:-webkit-center;
}
/*Responsive migration popup */
@media all and (max-width: 650px) {
    .modal-content{
        max-width: 450px;
    }
    #popup-close {
        top: 15%;
    }
    .popup-text {
        margin-top: 110px;
    }
}
@media all and (max-width: 470px) {
    .modal-content{
        max-width: 350px;
    }
    #popup-close {
        top: 23%;
        left:90%;
        font-size:12px;
    }
    .popup-text {
        margin-top: 150px;
    }
    .popup-text p {
        font-size:12px;
    }
    .popup-btn {
        font-size:12px;
    }
    .popup-btn a {
        margin-top:-7px;
        padding: 10px 30px;
    }

}
@media all and (max-width: 360px) {
    .modal-content{
        max-width: 300px;
    }
    #popup-close {
        top: 26%;
        left:90%;
        font-size:12px;
    }
    .popup-text {
        margin-top: 168px;
    }
    .popup-text p {
        font-size:12px;
        line-height: 0.5;
    }
    .popup-btn {
        font-size:12px;
    }
    .popup-btn a {
        margin-top:-7px;
        padding: 10px 30px;
    }

}
/**
Dropdown menu about us
*/
#dropdown-about-us span {
    padding:10px 5px;
}
@media all and (max-width: 1366px){
    #dropdown-about-us span a {
        padding-left: 0px !important;
    }
    #dropdown-about-us span {
        padding: 10px 0px;
    }
}
.sticky.scrolled #dropdown-about-us:hover span a {
    color:#ffffff;
}
@media all and (max-width: 1366px){
    .scrolled .dropdown:hover span,
    .scrolled .right-links > a:hover {
        background-color: transparent;
        color: #333;
    }

    .sticky {
        background-color: #fff;
        box-shadow: 0 0 10px gray;
    }
    nav .fa-bars {
        display: inline-block;
        float: right;
        font-size: 24px;
        padding: 30px;
        cursor: pointer;
        margin-right: -30px;
    }

    .right-links {
        display: none;
        float: none;
        margin-bottom: 20px;

    }
    .dropdown {
        height: auto;
        display: block;
    }

    .right-links > a {
        display: block;
        padding-left: 0;
    }

    .dropdown span {
        display: block;
        padding: 10px 0;
    }

    .dropdown-content {
        position: static;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
    }



    .dropdown:hover span {
        border-radius: 0;
        box-shadow: none;
    }

    .dropdown:hover .dropdown-content {
        display: none;
    }


    .dropdown-content a:hover {
        color: #ffffff;
        background-color: #1fe2a9;
    }

    .right-links > a:hover {
        box-shadow: none;
    }

    nav .fa-caret-right {
        padding-left: 0;
        margin-right: 10px;
        display: inline-block;
    }
    .sticky.scrolled #dropdown-about-us:hover span a {
        color:#000000;
    }

}
.icon-istock {
    background:url("../img/footer/istock.svg") no-repeat;
    display:block;
    background-position: center;
    background-size: 40%;
}
.icon-istock:hover {
    background:url("../img/footer/istock-white.svg") no-repeat;
    background-color: #58595b;
    color:#ffffff;
    background-position:center;
    background-size: 40%;

}
/*Partners page redesign*/
.partners-wrapper {
    width:80%;
    margin:0 auto;
}
.partners-container {
    width: 100%;
    float: left;
}

.partner-container h2,
.partner-container .text-container p {
    margin: 50px 0;
}
.partner-container .image-container p {
    margin-top: 5px;
}
.partner-container .image-container {
    margin-top: 10px;
}
.text-container a {
    margin-bottom:30px;
}

.partner-container {
    position: relative;
    text-align: center;
    width: calc(50% - 100px);
    float: left;
    padding: 25px 25px;
    margin: 50px 50px;
    box-shadow: 0 0 20px #ccc;
    border-radius: 50px;
}
@media (min-width:1101px) and (max-width:1250px){
    .partners-wrapper{
        width:90%;
    }
}
@media (min-width:1100px){
    .partners-container {
        display: -webkit-flex; /* Safari */
        display: flex; /* Standard syntax */
    }

}
@media (max-width: 1100px) {
    .partner-container {
        text-align: center;
        width: calc(100% - 100px);
        float: left;
        padding: 25px 25px;
        margin: 30px 50px;
        min-height: auto;
    }
    .partners-wrapper {
        width:100%;
    }
}
@media (max-width: 440px) {
    .partner-container {
        width: calc(100% - 40px);
        margin: 30px 20px;
    }
}
@media (max-width: 345px) {
    .partner-container {
        width: calc(100% - 20px);
        margin: 50px 10px;
        box-shadow: 0 0 10px #ccc;
    }
}
@media (max-width: 330px) {
    .partner-container {
        width: calc(100% - 14px);
        margin: 50px 7px;
    }
}
/*Contac us btn ->hire us*/
a.hire-us {
    background: linear-gradient(30deg, #ef6324, #ef6324, #ef6324);
    font-weight: 800;
    color: #ffffff !important;
}
@media (max-width: 1366px) {
    a.hire-us {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
        display: inline-block;
    }
}
@media (max-width: 479px) {
    a.hire-us {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
    }
}
/*************** Client lead page ************/
.clearfix {
    display: block;
    content: "";
    clear: both;
}
.page-zero .s-one {
    background: url("/webroot/img/clientlead/first-section-img.png");
    height: 1200px;
    background-repeat: no-repeat;
    background-size: cover;
}
.s-one .logo-social {
    float: left;
    width: 100%;
}
.s-one .logo-social .logo {
    float: left;
    margin-top: 0px;
    padding-top: 20px;
    margin-left: 140px;
}
.s-one .social {
    float: right;
    margin-top: 33px;
    margin-right: 177px;
}
.s-one .social img {
    margin-right: 15px;
}
h1.lead-title {
    color: #341d74;
    padding-top: 70px;
    font-family: "Monserrat-ExtraBold";
    font-size: 100px;
    text-align: center;
    line-height: 1em;
}
h1.lead-title span {
    display: block;
}
.s-one p {
    text-align: center;
    margin-top: 120px;
}
.s-one p button {
    color: #341d74;
    background: #ffffff;
    padding: 17px 72px;
    font-family: "Monserrat-ExtraBold";
    font-size: 23px;
    box-shadow: 0px 3px 15px #006fff;
    border-radius: 31px;
}
.s-one p button:hover {
    color: #341d74;
    background: #e6f1ff;
    padding: 17px 72px;
    font-family: "Monserrat-ExtraBold";
    font-size: 23px;
    box-shadow: 0px 3px 15px #333fff;
    border-radius: 31px;
}
.cl-subtitle {
    color: #341d74;
    padding-top: 70px;
    font-family: "Monserrat-Bold";
    font-size: 65px;
    line-height: 1em;
}
.cl-text {
    color: #303030;
    font-family: "Monserrat-Regular";
    font-size: 28px;
    margin-top: 35px;
}
.cl-orange {
    color: #f2b4aa;
    font-family: "Monserrat-Bold";
    font-size: 65px;
}
.s-two {
    float: left;
    width: 100%;
    background: url("/webroot/img/clientlead/sparkles.png") center 93% no-repeat;
}
.s-two .text {
    margin-left: 140px;
    float: left;
    width: 100%;
    width: calc(50% - 140px);
}

.cl-btn {
    color: #ffffff;
    background: #ffa6d8;
    padding: 17px 72px;
    font-family: "Monserrat-ExtraBold";
    font-size: 25px;
    border-radius: 37px;
}
.cl-btn:hover {
    background: #f57fc1;
}
.cl-btn-home {
    color: #341d74;
    background: #ffffff;
    padding: 17px 72px;
    margin-right: 30px;
    font-family: "Monserrat-ExtraBold";
    font-size: 25px;
    border: 1px solid #341d74;
    border-radius: 37px;
}
.cl-btn-home:hover {
    color: #341d74;
    background: #e6f1ff;
    padding: 17px 72px;
    font-family: "Monserrat-ExtraBold";
    font-size: 25px;
    border: 1px solid #341d74;
    border-radius: 37px;
}
.s-two .image {
    float: left;
    margin-top: 250px;
    width: 50%;
}

.s-three {
    float: left;
    width: 100%;
    background: url("/webroot/img/clientlead/planets.png") -401px 0px no-repeat;
    height: 800px;
}
.s-three .counter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 200px;
    margin-left: 250px;
}
.counter .box-one {
    float: left;
    text-align: center;
}
.counter .box-two {
    float: left;
    text-align: center;
    margin-left: 200px;
}
.counter .num-counter {
    color: #341d74;
    font-family: "Monserrat-Bold";
    font-size: 75px;
}
.counter .plus {
    color: #f2b4aa;
    font-family: "Monserrat-Bold";
    font-size: 75px;
}
.counter p {
    color: #341d74;
    font-family: "Monserrat-Bold";
    font-size: 40px;
}
.s-three .last-image {
    float: right;
    margin: 25px -25px 0 0;
}
.s-four {
    float: left;
    width: 100%;
    background: url("/webroot/img/clientlead/sparkles2.png") no-repeat;
    height: 800px;
}
.s-four {
    float: left;
    width: 100%;
}
.s-four .text-image-wrapper {
    float: left;
    width: 100%;
    margin-top: 250px;
    background: url("/webroot/img/clientlead/sparkles.png") bottom no-repeat;
}
.s-four .text {
    margin-left: 140px;
    float: left;
    width: 100%;
    width: calc(50% - 140px);
}
.s-four .image {
    float: left;
    width: 50%;
}
.s-five {
    float: left;
    width: 100%;
}
.s-five .text-image-wrapper {
    margin-top: 370px;
    float: left;
    width: 100%;
}
.s-five .text {
    margin-left: 140px;
    float: left;
    width: 100%;
    width: calc(50% - 140px);
}
.s-five .image {
    float: left;
    width: 50%;
}
.s-six {
    background: url("/webroot/img/clientlead/footer-img.png") no-repeat;
    background-size: cover;
    background-position-x: center;
    height: 700px;
    position: relative;
}
.s-six .footer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10px;
}
.s-six .footer-copyright p {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-family: "Montserrat-Regular";
}
.s-six .footer-logo {
    margin-bottom: 15px;
    padding-left: 0px;
    width: 233px;
    height: 66px;
}
.s-six .footer-social-img {
    margin-bottom: 25px;
}
.s-six .footer-social-img img {
    margin-right: 15px;
}

/*Form page*/
.clientlead-page .page-one {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.clientlead-page .page-one {
    background: #ffffff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
    overflow-y: scroll;
    overflow-x: hidden;

}
.clientlead-page .form-wrapper img.logo {
    position: absolute;
    top: 10px;
    left: 140px;
    width: 210px;
}

.clientlead-page .form-wrapper {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.clientlead-page .form-one {
    display: inline-block;
    width: 860px;
    max-width: 100%;
    padding: 100px 50px;
}
.clientlead-page .form-one .name,
.form-one .email {
    margin-bottom: 100px;
}
.clientlead-page .form-one .name:focus,
.form-one .email:focus {
    background: none;
}
.form-one .email,
.form-one .name {
    background: none;
}

.clientlead-page .form-wrapper h1 {
    color: #341d74;
    font-size: 65px;
    font-family: "Monserrat-Bold";
    line-height: 1.1em;
}
.clientlead-page .google-signin {
    float: left;
    width: 49%;
}
.clientlead-page .start-now {
    background: #ffa6d8;
    color: #ffffff;
    border-radius: 20px;
    padding: 15px 100px;
    font-size: 23px;
    font-family: "Monserrat-ExtraBold";
}

.clientlead-page .form-one form input::-webkit-input-placeholder {
    /* Edge */
    font-family: "Monserrat-Regular";
    color: #341d74;
    font-size: 20px;
}

.clientlead-page .form-one form input::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-family: "Monserrat-Regular";
    color: #341d74;
    font-size: 20px;
}

.clientlead-page .form-one form input::placeholder {
    font-family: "Monserrat-Regular";
    color: #341d74;
    font-size: 20px;
}
.clientlead-page .form-one form input {
    border: none;
    border-bottom: 1px solid #707070;
    box-shadow: none;
    font-family: "Monserrat-Regular";
    color: #341d74;
    font-size: 20px;
}

/*Thank you page after selecting no btn*/

.clientlead-page .thank-you-page {
    display: none;
    background: #ffffff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1005;
    overflow-y: scroll;
    overflow-x: hidden;
}
.thank-you-page img.logo {
    margin: 15px 0 0 140px;
    display: block;
    color: #006ddb;
    font-weight: bold;
    width: 233px;
    height: 66px;
}
.thank-you-page-wrapper {
    text-align: center;
}
.thank-you-page h1 {
    font-size: 65px;
    font-family: "Monserrat-Bold";
    color: #341d74;
    margin-bottom: 80px;
}
.thank-you-page p {
    font-size: 40px;
    font-family: "Monserrat-Bold";
    color: #341d74;
    margin-bottom: 80px;
}

/* Form two page two*/

.clientlead-page .page-two {
    display: none;
    background: #ffffff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1002;
    overflow-y: scroll;
    overflow-x: hidden;
}
.page-two .logo {
    margin-left: 140px;
    width: 210px;
}
.page-two h1 {
    color: #341d74;
    font-size: 65px;
    font-family: "Monserrat-Bold";
    text-align: center;
}
.page-two .sentences {
    font-size: 30px;
    font-family: "Monserrat-Regular";
    color: #341d74;
}
.page-two .clientlead-form .submit-form {
    background: #ffa6d8;
    color: #ffffff;
    border-radius: 20px;
    padding: 15px 80px;
    font-size: 23px;
    font-family: "Monserrat-ExtraBold";
    margin-top: 50px;
    float: right;
    margin-right: 184px;
}

.clientlead-page .form-wrapper {
    margin-top: 100px;
    padding: 0 100px;
}
.clientlead-page .red-border {
    border: 1px solid #ff0000;
}
/*Sentences part*/
.clientlead-page div.sentences {
    margin-top: 100px;
    padding: 0 150px;
    position: relative;
    text-align: center;
}
.page-two .sentences-wrapper {
    position: relative;
}

.page-two .sentences p {
    font-size: 30px;
    font-family: "Monserrat-Regular";
    color: #341d74;
}
.page-two .sentences p.url-error {
    font-size: 18px;
    color: #666;
    line-height: 1.5;
}
.page-two .sentences {
    margin-top:50px;
}
.page-two .question {
    margin-bottom:50px;
}
.page-two .url {
    margin-top:30px;
    display:none;
}
.page-two form input::-webkit-input-placeholder {
    /* Edge */
    font-family: "Monserrat-Regular";
    color: #341d74;
    font-size: 20px;
}

.page-two form input::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-family: "Monserrat-Regular";
    color: #341d74;
    font-size: 20px;
}

.page-two form input::placeholder {
    font-family: "Monserrat-Regular";
    color: #341d74;
    font-size: 20px;
}
.page-two  form input {
    border: none;
    border-bottom: 1px solid #707070;
    box-shadow: none;
    font-family: "Monserrat-Regular";
    color: #341d74;
    font-size: 20px;
}
.page-two .submit-form {
    display:none;
}

/**** Client lead responsive ****/

/*Home*/
@media (max-width: 1100px) {
    .page-zero .s-one {
        height: 700px;
        background-position: center;
    }
    h1.lead-title {
        font-size: 60px;
    }
    .s-two .text {
        margin-left: 0px;
        width: 100%;
        padding: 0 70px;
    }
    .s-two .image {
        margin-top: 70px;
        width: 100%;
        text-align: center;
    }
    .counter .box-two {
        margin-left: 100px;
    }
    .s-three .counter {
        margin-top: 70px;
        margin-left: 0px;
    }
    .s-three .last-image {
        float: none;
        margin: 70px 0px 0px 0px;
        display: flex;
        justify-content: center;
    }
    .s-four {
        height: auto;
    }
    .s-four .text-image-wrapper {
        margin-top: 70px;
    }
    .s-four .text {
        margin-left: 0px;
        width: 100%;
        padding: 0 70px;
    }
    .s-four .image {
        width: 100%;
        text-align: center;
        margin-top: 70px;
    }
    .s-five .text-image-wrapper {
        margin-top: 70px;
        display: flex;
        flex-direction: column-reverse;
    }
    .s-five .text {
        margin-left: 0px;
        float: none;
        width: 100%;
        padding: 0 70px;
    }
    .s-five .image {
        float: none;
        text-align: center;
        width: 100%;
        margin-top: 70px;
    }
    .page-two .clientlead-form .submit-form {
        margin-right: 0px;
    }
}
@media (max-width: 900px) {
    .s-one .logo-social .logo {
        margin-left: 70px;
    }
    .s-one .social {
        margin-right: 70px;
    }
    .s-six {
        background-position-x: 67%;
    }
}
@media (max-width: 725px) {
    .yes-btn {
        margin-right:0px;
    }
    .no-btn{
        margin-top: 50px;;
    }
    .page-two .question {
        margin-bottom: 0px;
    }
    .page-two .url {
        margin-top: 60px;
    }
    .clientlead-page div.sentences {
        text-align: center;
        margin-top:0px;
    }
    .page-two .sbm {
        display: flex;
        justify-content: center;
    }

}
@media (max-width: 700px) {
    h1.lead-title {
        padding: 70px 20px 0 20px;
    }
    h1.lead-title span {
        display: inline-block;
    }
    .counter .box-two {
        margin-left: 50px;
    }
    .clientlead-page .page-zero .s-one {
        background: url("/webroot/img/clientlead/first-section-img-mobile.png");
        background-size: cover;
        background-position: bottom center;
    }
}
@media (max-width: 695px) {
    .yes-btn {
        margin-right:0px;
    }
    .no-btn{
        margin-top: 50px;;
    }
    .page-two .question {
        margin-bottom: 30px;
    }


}
@media (max-width: 610px) {
    .s-one .social {
        margin-right: 20px;
    }
    .s-one .logo-social .logo {
        margin-left: 20px;
    }
    .box-wrapper {
        display: flex;
        flex-direction: column;
    }
    .counter .box-two {
        margin-left: 0px;
    }
    .s-three {
        height: auto;
    }
    .thank-you-page-wrapper {
        padding: 0 25px;
    }
    .thank-you-page h1 {
        margin-bottom: 0px;
    }
}
@media (max-width: 562px) {
    .thank-you-page h1 {
        font-size: 50px;
    }
    .thank-you-page p {
        font-size: 30px;
    }
    .thank-you-page-wrapper button {
        margin-top: 30px;
        margin-right: 20px;
    }
}
@media (max-width: 500px) {
    h1.lead-title {
        line-height: 1.1em;
    }
    .logo-social {
        display: flex;
        flex-direction: column;
    }
    .s-one .social {
        margin-right: 0px;
        margin-left: 20px;
    }
    .s-two .text {
        padding: 0 50px;
    }
    .s-four .text {
        padding: 0 50px;
    }
    .s-five .text {
        padding: 0 50px;
    }
    .cl-subtitle,
    .cl-orange {
        font-size: 50px;
        line-height: 1.1em;
    }
    .s-two .image {
        padding: 0 25px;
    }
    .s-three .last-image {
        padding: 0 25px;
    }
    .clientlead-page .form-wrapper h1 {
        font-size: 50px;
        margin-top: 50px;
    }
    .clientlead-page .form-wrapper {
        padding: 0 25px;
    }
    .clientlead-page .form-one {
        padding: 100px 5px;
    }
}
@media (max-width: 588px) {

    .page-two h1 {
        line-height: 1.2;
        margin: 30px 0px;
    }
    .page-two .question {
        margin-bottom: 40px;
    }
    .page-two .clientlead-form .submit-form {
        margin-top: 60px;
    }
    .page-two .url::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size:20px;
    }
    .page-two .url::-moz-placeholder { /* Firefox 19+ */
        font-size:20px;
    }
    .page-two .url:-ms-input-placeholder { /* IE 10+ */
        font-size:20px;
    }
    .page-two .url:-moz-placeholder { /* Firefox 18- */
        font-size:20px;
    }
    .clientlead-page div.sentences {
        padding: 0 60px;

    }
}
@media (max-width: 420px) {
    h1.lead-title {
        font-size: 48px;
    }
    .cl-btn {
        padding: 17px 50px;
    }
    .s-two .text {
        padding: 0 25px;
    }
    .s-four .text {
        padding: 0 25px;
    }
    .s-five .text {
        padding: 0 25px;
    }
    .cl-subtitle,
    .cl-orange {
        font-size: 40px;
    }
    h1.lead-title {
        font-size: 48px;
    }
    .clientlead-page .page-zero .s-one {
        height: 675px;
    }
    .clientlead-page .cl-text {
        font-size: 20px;
    }
    .clientlead-page .cl-btn {
        padding: 10px 30px;
        font-size: 17px;
    }
    .clientlead-page .cl-subtitle {
        padding-top: 20px;
    }
    .clientlead-page .s-five .text-image-wrapper,
    .clientlead-page .s-five .image {
        margin-top: 35px;
    }
    .clientlead-page .counter p {
        font-size: 30px;
    }
    .clientlead-page .counter .num-counter,
    .clientlead-page .counter .plus{
        font-size: 60px;
    }
    .clientlead-page img {
        max-width: 80%;
    }
    .thank-you-page img.logo {
        margin: 15px 0 0 20px;
    }
    .page-two img.logo {
        margin: 15px 0 0 20px;
    }
    .thank-you-page-wrapper button {
        padding: 17px 72px;
    }
}
@media (max-width: 390px) {
    .thank-you-page .cl-btn-home {
        margin-right:0px;
    }
    .thank-you-page h1 {
        font-size: 50px;
        margin-bottom: 0px;
        margin-top: 40px;
    }
}
@media (max-width: 360px) {
    .thank-you-page h1 {
        margin-bottom: 40px;
        line-height: 1.2em;
    }
    .thank-you-page .cl-btn-home {
        margin-right:0px;
    }
    .cl-btn-home {
        padding: 16px 40px;
    }
}
@media (max-width:350px){
    .page-two h1 {
        font-size:55px;
    }

}
@media (max-width: 330px) {
    .page-one .form-one .start-now {
        padding: 15px 80px;
    }
}

/***** Refactoring client lead page ******/
.page-zero .cl-btn {
    display: inline-block;
}
a.cl-btn:hover {
    color: #ffffff;
}
.sen-wrapper {
    display: inline;
    position: relative;
}
.clientlead-page .form-one .name, .form-one .email {
    margin-bottom: 80px;
}

.s-one .social img:hover {
    transform: scale(1.1);
}
.s-six .footer-social-img img:hover {
    transform: scale(1.1);
}
.s-two a.cl-btn:active {
    color:#ffffff!important;
}
.page-zero .s-two .cl-btn:visited {
    color:#ffffff!important;
}
@media (max-width: 540px){
    .page-zero .s-two .cl-btn {
        text-align: center;
    }
}
/* Affordable websites modal*/
.popup-text {
    overflow:hidden;
}
.modal-content-afc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width: 598px;
    max-height: 545px;
    width: 100%;
    z-index: 999999;
    background-image: url(../img/popup/image.jpg);
    background:white;
    background-repeat: no-repeat;
    background-size: contain;
    height: 545px;
    background-position: center;
    border-radius: 20px;
}
.button-pink {
    background-color: #ffa6d8;
}
.button-pink:hover{
    background-color: #f3acd4;
}
.afc-title{
    color:#341d74;
    font-size: 25px;
    font-weight: 800;
}
.afc-txt{
    color:#341d74;
    font-weight: 500!important;
}
.popup-image {
    border-radius: 20px;
}
.popup-image img {
    border-radius: 20px;
}
p.close-btn-popup {
    position: absolute;
    margin: 10px;
    width: 100%;
}
@media (max-width: 650px){
    .popup-text {
        margin-top:70px;
    }
    .popup-image {
        left: 0px;
    }
}
@media (max-width:500px){
    .modal-content-afc {
        height:auto;
        max-height:none;
    }
}
@media (max-width:470px){
    p.afc-title {
        font-size:25px;
        padding:0px 15px;
    }
    p.afc-text {
        font-size:18px;
    }
    a.button-link.button-pink {
        font-size:16px;
    }
    .popup-text {
        margin-top: 50px;
    }
    #popup-close {
        font-size: 14px;
        left: 88%;
    }
}
@media(max-width:360px){
    p.afc-title {
        font-size: 20px;
        margin-top: 10px;
        line-height: inherit;
    }
    .popup-text {
        margin-top: 50px;
    }
}
/* Animated Burger button */
.menu-btn {
    cursor: pointer;
    transition: all .5s ease-in-out;
    float:right;
    margin-top: 35px;
    position: absolute;
    right: 40px;
    top: 0px
}
.menu-btn__burger {
    width: 20px;
    height: 3px;
    background: #000000;
    border-radius: 5px;
    transition: all .5s ease-in-out;
}
.menu-btn__burger::before,
.menu-btn__burger::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 3px;
    background: #000000;
    border-radius: 5px;
    transition: all .5s ease-in-out;
}
.menu-btn__burger::before {
    transform: translateY(-8px);
}
.menu-btn__burger::after {
    transform: translateY(8px);
}
/* ANIMATION */
.menu-btn.open .menu-btn__burger {
    transform: translateX(-50px);
    background: transparent;
    box-shadow: none;
}
.menu-btn.open .menu-btn__burger::before {
    transform: rotate(45deg) translate(35px, -35px);
}
.menu-btn.open .menu-btn__burger::after {
    transform: rotate(-45deg) translate(35px, 35px);
}
@media (min-width:1367px){
    .menu-btn {
        display:none;
    }
}

/** News section on home page **/
#news {
    float: left;
    width: 100%;
    position: relative;
    z-index:99;
}
.news .title-wrapper {
    display:block;
}
.news-content {
    float:left;
    width:100%;
    padding: 0 50px;
}
.news-item {
    float:left;
    margin: 0 20px;
    width:calc( 33% - 40px);
}


.news-item p {
    padding: 0;
    margin: 0;
}
p.news-title {
    padding: 0;
    margin-top:30px;
    text-align:center;
    text-transform: uppercase;
}
p.news-content {
    margin: 15px 0px;
}
.more-news {
    float: left;
    width: 100%;
    text-align:center;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
h3.news-title{
    margin-top:30px;
    color:#333;
    font-weight: 700;
    font-size:18px;
    text-align: center;
}
@media(max-width:1100px){
    .news-content {
        padding: 0 20px;
    }
    .news-item {
        float: left;
        margin: 0 20px;
        width: calc( 100% - 40px);
    }
    /*Accessibility fix resposnive*/

}
@media(max-width:500px){

    .news-item {
        float: left;
        margin: 0 5px;
        width: calc( 100% - 10px);
    }
    p.news-content {
        margin: 0px 0px 20px 0px;
    }
    h3.news-item{
        margin: 15px 0px;
    }
}
/*Accessibility icon fix resposnive*/
@media(max-width:1023px){

    .acsb-trigger.acsb-trigger-size-medium {
        inset: auto 30px 100px auto !important;
    }

    /*.acsb-trigger.acsb-bg-lead.acsb-ready.acsb-mobile{*/
    /*    top: 350px!important;*/
    /*    right: 35px !important;*/
    /*} */
    /*.acsb-trigger.acsb-trigger-size-small {*/
    /*    width: 40px!important;*/
    /*    height: 40px!important;*/
    /*}*/

}

/* Footer fix */
@media (max-width: 1300px) {
    .footer-links > div {
        width: 30%;
        margin-bottom: 25px;
    }}

@media (max-width: 767px) {
    .footer-links > div {
        width: 50%;
        margin-bottom: 25px;
    }}

@media (max-width: 679px) {
    .footer-links > div {
        width: 45%;
        margin-bottom: 25px;
    }}


@media (max-width: 1300px){
    .footer-links {
        float: unset;
        max-width: 100%;
    }}

@media (max-width: 1300px){
    .what-we-do {
        margin-left: 9%;
    }}

@media (max-width: 767px){
    .what-we-do {
        margin-left: 0;
    }}

@media (max-width: 1300px){
    .f-products{
        width: 25%;
    }}

@media (max-width: 1300px){
    .portfolio-footer-btn{
        margin-left: 9%;
    }}

@media (max-width: 767px){
    .portfolio-footer-btn{
        margin-left: 0;
    }}

@media (max-width: 767px){
    .footer-links>div:last-child{
        float: inherit;
    }}

/*@media (max-width: 767px){*/
/*.f-follow-us {*/
/*    display: inline-table;*/
/*}}*/

@media (max-width: 905px){
    .footer-bottom {
        width: 33%;
        margin-left: auto;
        margin-right: auto;
    }}

@media (max-width: 695px){
    .footer-bottom {
        margin-right: 25%;
    }}

@media (max-width: 599px){
    .footer-bottom {
        width: 20%;
        margin-left: auto;
        margin-right: 34%;
    }}

@media (max-width: 500px){
    .footer-bottom {
        width: 56%;
        margin-left: auto;
        margin-right: 34%;
    }}

@media (max-width: 630px){
    .footer-links>div {
        width: 100%;
        margin-left: auto !important;
        margin-right: auto;
        display: block;
        text-align: center;
    }}

@media (max-width: 630px){
    .footer-links>div, .footer-links>div:nth-child(4) {
        width: 100% !important;
    }}

@media (max-width: 599px){
    .portfolio-footer-btn {
        float: unset;
    }}

@media (max-width: 630px){
    .portfolio-footer-btn .view-portfolio {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }}

@media (max-width: 630px){
    .footer-links .button-link {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }}



/* Jobs Project Manager */

/* Jobs page */
#jobs .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}
@media (max-width: 992px){
#jobs p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
    width: 50%;
}}

@media (max-width: 768px){
    #jobs p.par-address {
        font-size: 14px;
        color: #666666;
        text-align: start;
        width: 100%;
    }}

#jobs p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#jobs p.par-address-2 {
    font-size: 14px;
    color: #666666;
    text-align: start;
    margin-bottom: 20px !important;
}

#jobs p.address-title {
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px !important;
}

#jobs p.get-to-know-p {
    color: #333333;
    font-size: 16px;
    margin-bottom: 40px !important;
}

#jobs .become-part-of-family {
    padding: 0px 0px 80px 0px;
    position: relative;
    max-width: 100% !important;
    margin: 0 auto;
    overflow: auto;
}

#jobs .job-offer-cards-box {
    border: 1px solid #EBEBEB;
    border-radius: 17px;
    /*height: 252px;*/
    /*width: 408px;*/
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0px 3px 6px #0000001C;
}

#jobs .job-offer-cards-child-left {
    border-right: 1px solid #EBEBEB;
    padding: 10px 50px 10px 0px;
}

#jobs .job-offer-cards-child-right {
    padding: 0px 0px 10px 50px;
}

#jobs .job-offer-cards-title h2 {
    font-size: 44px;
    font-weight: bold;
    margin-top: -22px;
    margin-bottom: 50px !important;
    padding: 0px !important;
}

#jobs div#soc-brands {
    display: flex;
}

#jobs .job-description .graphic-design-text {
    max-width: unset;
    margin: unset;
}

#jobs .fa-linkedin-in {
    border: none;
    padding: 0px !important;
}

#jobs #soc-brands i.fab.fa-facebook-f, #jobs #soc-brands i.fab.fa-linkedin-in, #jobs #soc-brands i.fab.fa-twitter {
    margin-right: 15px;
    color: #666666 !important;
    font-size: 18px;
}

#jobs #soc-brands i.fab.fa-facebook-f:hover,#jobs #soc-brands i.fab.fa-linkedin-in:hover,#jobs #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#jobs section.ecommerce-banner-wrapper .ecommerce-banner {
    padding: 100px 0px 0px 0px;
    position: relative;
    max-width: 100%;
    overflow: auto;
    float: right;
}

#jobs section.ecommerce-banner-wrapper {
    padding: 0px 0px 30px 17.2%;
}

@media (max-width: 1800px) {
    #jobs section.ecommerce-banner-wrapper {
        padding: 0px 0px 30px 15.2%;
    }}

@media (max-width: 1750px) {
    #jobs section.ecommerce-banner-wrapper {
        padding: 0px 0px 30px 14.2%;
    }}

@media (max-width: 1650px) {
    #jobs section.ecommerce-banner-wrapper {
        padding: 0px 0px 30px 12.2%;
    }}

@media (max-width: 1650px) {
    #jobs section.ecommerce-banner-wrapper {
        padding: 0px 0px 30px 11.2%;
    }}

@media (max-width: 1550px) {
    #jobs section.ecommerce-banner-wrapper {
        padding: 0px 0px 30px 10.2%;
    }}

@media (max-width: 1500px) {
    #jobs section.ecommerce-banner-wrapper {
        padding: 0px 0px 30px 8.2%;
    }}

@media (max-width: 1400px) {
    #jobs section.ecommerce-banner-wrapper {
        padding: 0px 0px 30px 4.2%;
    }}

#jobs .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#jobs .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}


#jobs .job-offer-cards-share, #jobs .job-offer-cards-offices, #jobs .job-offer-cards-clients, #jobs .job-offer-cards-products, #jobs .job-offer-cards-contact {
    margin-bottom: 20px;
}

#jobs .job-offer-cards-contact a {
    color: #666666;
}

#jobs .card-box-btn a {
    background: #0670B5;
    border-radius: 18px;
    padding: 8.5px 27px;
    font: normal normal normal 14px/21px Montserrat;
    letter-spacing: 0px;
    color: #EFFAFF;
    font-weight: bold;
    float: right;
}

#jobs p.card-box-title {
    color: #3E3E3E;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px !important;
    text-align: start;
    min-height: 55px;
}

#jobs p.card-box-desc {
    color: #666666;
    font-size: 14px;
    margin-bottom: 20px !important;
}

#jobs p.card-pox-position-p {
    margin-left: 5px;
    margin-right: 10px;
    color: #3E3E3E;
    font-size: 18px;
    margin-bottom: 40px !important;
}

#jobs p.card-pox-location-p {
    color: #3E3E3E;
    font-size: 18px;
    margin-bottom: 40px !important;
    margin-left: 5px;
}

#jobs p.card-box-time-p {
    margin-bottom: 0px !important;
    margin-left: 5px;
    color: #3E3E3E;
    font-size: 18px;
}

#jobs .graphic-design-text {
    padding: 0px !important;
}

#jobs div#graphic-design {
    padding: 0px 17.2% 30px 17.2%;
}

@media (max-width: 1800px) {
    #jobs div#graphic-design {
        padding: 0px 15.2% 30px 15.2%;
    }}

@media (max-width: 1750px) {
    #jobs div#graphic-design {
        padding: 0px 14.2% 30px 14.2%;
    }}

@media (max-width: 1650px) {
    #jobs div#graphic-design {
        padding: 0px 12.2% 30px 12.2%;
    }}

@media (max-width: 1650px) {
    #jobs div#graphic-design {
        padding: 0px 11.2% 30px 11.2%;
    }}

@media (max-width: 1550px) {
    #jobs div#graphic-design {
        padding: 0px 10.2% 30px 10.2%;
    }}

@media (max-width: 1500px) {
    #jobs div#graphic-design {
        padding: 0px 8.2% 30px 8.2%;
    }}

@media (max-width: 1400px) {
    #jobs div#graphic-design {
        padding: 0px 4.2% 30px 4.2%;
    }}

#jobs .card-box-position-img {
    display: contents;
}

#jobs .card-box-btn {
    margin-top: -7px;
}

/* Responsive Jobs page */

@media (max-width: 1600px) {
    #jobs .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #jobs .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #jobs .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #jobs .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #jobs .jobs-image {
        width: 40% !important;
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    #jobs .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #jobs .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #jobs .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #jobs .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #jobs .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #jobs .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #jobs .office-address-responsive .par-address {

        margin-right: auto;
    }
}

/*@media (max-width: 980px) {*/
/*    #jobs .office-address-responsive .par-address {*/
/*        max-width: 70% !important;*/
/*        width: 70% !important;*/
/*        margin-right: auto;*/
/*    }*/
/*}*/

@media (max-width: 1060px) {
    #jobs .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #jobs .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #jobs section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #jobs .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 1600px) {
    #jobs .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #jobs p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #jobs p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #jobs span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #jobs .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #jobs .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #jobs .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #jobs p.card-box-title {
        min-height: 96px;
    }
}

@media (max-width: 1300px) {
    #jobs .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #jobs .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #jobs p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #jobs p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #jobs .job-offer-cards-box {
        width: 100% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #jobs p.card-box-title {
        min-height: 72px;
    }
}


@media (max-width: 788px) {
    #jobs p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #jobs p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #jobs .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #jobs .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #jobs .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #jobs .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #jobs .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #jobs .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #jobs span.span-card-pox-location-p {
        padding-left: 0px;
        margin-left: -4px;
    }
}

@media (max-width: 585px) {
    #jobs span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #jobs p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #jobs p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #jobs .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #jobs .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #jobs .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #jobs .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #jobs .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #jobs p.card-pox-position-p, #jobs p.card-pox-location-p, #jobs p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #jobs .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #jobs .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #jobs .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #jobs p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #jobs p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #jobs div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #jobs .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #jobs .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #jobs .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #jobs div#graphic-design {
        padding: 0px 10%;
    }
}

/* Jobs Project Manager */

.jobs-subjobs-image {
    width: 100%;
    margin-top: 0px;
}

.jobs-page-subjobs .subscribe {
    background-image: linear-gradient(rgba(125, 139, 216, 0) 50%, rgba(125, 139, 216, 0.3) 100%), url(../img/subscribe_background.jpg);
}


p.location-subjobs {
    margin-bottom: 0px !important;
    margin-left: 20px;
}

.position-subjobs-img, .time-subjobs {
    display: -webkit-inline-box;
    margin-top: 0px !important;
}

.job-description-icons {
    display: -webkit-inline-box;
    /*margin-top: 60px !important;*/
}

.time-subjobs {
    margin-left: 20px;
}

.subjobs-title-h1 h1 {
    color: #3E3E3E;
    font-weight: bold;
    letter-spacing: 0px;
    margin-bottom: 25px;
    line-height: 1.3em !important;
    margin-top: 30px;
}

@media (max-width: 1300px) {
    .subjobs-title-h1 h1 {
        font-size: 36px;
    }
}

.subjobs-content-1 h2, .subjobs-content-2 h2, .subjobs-content-3 h2 {
    letter-spacing: 0px;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    padding-left: 0px !important;
    margin-bottom: 40px !important;
}

.subjobs-content-1 p, .subjobs-content-2 p {
    color: #666666;
}


img.client-logos:hover {
    transform: scale(1.1);
    transition: 0.5s;
}

.popup {
    display: none;
    opacity: 0;
    transition: opacity 200ms ease-in;
}

.popup.open {
    display: block;
    opacity: 1;
    transition: opacity 200ms ease-in;
}

.blocker {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
}

.popup .contents {
    border: 1px solid #ccc;
    border-radius: 32px;
    width: 500px;
    height: 710px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    z-index: 2;
    position: fixed;
    top: 52vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
}

@media (max-width: 550px) {
    .popup .contents {
        width: 90%;
    }
}

.subjobs-button {
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    height: 48px;
    margin-top: 30px;
    font-family: 'Montserrat';
}

.subjobs-button:hover {
    background: #53D9EA 0% 0% no-repeat padding-box !important;
}

div.message.error {
    cursor: default;
    display: block;
    font-weight: normal;
    transition: height 300ms ease-out 0s;
    top: 15px;
    /* right: 15px; */
    z-index: 1;
    width: 45%;
    overflow: hidden;
    /* height: 50px; */
    line-height: 2.5em;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

div.message.success {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

div#how-did-you-hear-about-us-button span {
    display: none;
}

@media (max-width: 550px) {
    .job-description-icons {
        display: block;
    }
}

@media (max-width: 550px) {
    p.location-subjobs {
        margin-left: 6px;
    }
}

@media (max-width: 550px) {
    span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

@media (max-width: 430px) {
    span.span-card-pox-location-subjobs {
        font-size: 18px;
    }
}

@media (max-width: 550px) {
    .time-subjobs {
        margin-left: 2px;
    }
}

.input.text.required {
    text-align: center;
}

.input.select {
    text-align: center;
}

.pdf-upload {
    display: block;
    width: 85%;
}

@media (max-width: 525px) {
    .pdf-upload {

        display: table;

    }
}

.pdf-upload-left {
    width: 100%;
    float: left;
    margin-top: -40px;
}

.pdf-upload-right {
    width: 100%;
    float: left;
}

input#file {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: -10px !important;
}

button.pdf-upload-button {
    background: #EFFAFF 0% 0% no-repeat padding-box;
    border-radius: 18px;
    font: normal normal normal 14px/21px Montserrat;
    letter-spacing: 0px;
    color: #0670B5;
    padding: 7px 22px;
}

.pdf-upload-left p {
    font: normal normal normal 16px/24px Montserrat;
    letter-spacing: 0px;
    color: #3E3E3E;
    margin-top: 20px;
}

h2.pop-up-form-title {
    color: #3E3E3E;
    font-size: 40px;
    /*text-align: center;*/
}

@media (max-width: 767px) {
    h2.pop-up-form-title {
        font-size: 30px;
    }}

div#referralOption {
    text-align: center;
}

div#otherOption {
    text-align: center;
}

label[for=how-did-you-hear-about-us]::after {
    content: " *";
    color: #C3232D;
}

label[for=otherOption1]::after {
    content: " *";
    color: #C3232D;
}

label[for=referralOption1]::after {
    content: " *";
    color: #C3232D;
}

/* Css for changing */
@media (max-width: 356px) {
    #medior-project-mng .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #medior-project-mng p.card-box-time-p, #medior-project-mng p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#medior-project-mng #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#medior-project-mng input#position {
    background: none;
}

#medior-project-mng input, #medior-project-mng select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#medior-project-mng .job-offer-cards-child-left {
    margin-top: 60px;
}

#medior-project-mng .job-offer-cards-child-right {
    margin-top: 60px;
}

#medior-project-mng {
    padding-top: 100px;
}

/* Css for changing */

/* Css for changing */
@media (max-width: 356px) {
    #medior-wordpress-dev .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #medior-wordpress-dev p.card-box-time-p, #medior-wordpress-dev p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#medior-wordpress-dev #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#medior-wordpress-dev input#position {
    background: none;
}

#medior-wordpress-dev input, #medior-wordpress-dev select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#medior-wordpress-dev .job-offer-cards-child-left {
    margin-top: 60px;
}

#medior-wordpress-dev .job-offer-cards-child-right {
    margin-top: 60px;
}

#medior-wordpress-dev {
    padding-top: 100px;
}

/* Css for changing */

/* Css for changing */
@media (max-width: 356px) {
    #medior_magento2_be_developer .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #medior_magento2_be_developer p.card-box-time-p, #medior_magento2_be_developer p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#medior_magento2_be_developer #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#medior_magento2_be_developer input#position {
    background: none;
}

#medior_magento2_be_developer input, #medior_magento2_be_developer select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#medior_magento2_be_developer .job-offer-cards-child-left {
    margin-top: 60px;
}

#medior_magento2_be_developer .job-offer-cards-child-right {
    margin-top: 60px;
}

#medior_magento2_be_developer {
    padding-top: 100px;
}

/* Css for changing */

/* Css for changing */
@media (max-width: 356px) {
    #medior_magento2_fullstack_developer .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #medior_magento2_fullstack_developer p.card-box-time-p, #medior_magento2_fullstack_developer p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#medior_magento2_fullstack_developer #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#medior_magento2_fullstack_developer input#position {
    background: none;
}

#medior_magento2_fullstack_developer input, #medior_magento2_fullstack_developer select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#medior_magento2_fullstack_developer .job-offer-cards-child-left {
    margin-top: 60px;
}

#medior_magento2_fullstack_developer .job-offer-cards-child-right {
    margin-top: 60px;
}

#medior_magento2_fullstack_developer {
    padding-top: 100px;
}

/* Css for changing */

/* Css for changing */
@media (max-width: 356px) {
    #junior_magento2_be_developer .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #junior_magento2_be_developer p.card-box-time-p, #junior_magento2_be_developer p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#junior_magento2_be_developer #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#junior_magento2_be_developer input#position {
    background: none;
}

#junior_magento2_be_developer input, #junior_magento2_be_developer select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#junior_magento2_be_developer .job-offer-cards-child-left {
    margin-top: 60px;
}

#junior_magento2_be_developer .job-offer-cards-child-right {
    margin-top: 60px;
}

#junior_magento2_be_developer {
    padding-top: 100px;
}

/* Css for changing */

/* Css for changing */
@media (max-width: 356px) {
    #junior_magento2_fe_developer .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #junior_magento2_fe_developer p.card-box-time-p, #junior_magento2_fe_developer p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#junior_magento2_fe_developer #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#junior_magento2_fe_developer input#position {
    background: none;
}

#junior_magento2_fe_developer input, #junior_magento2_fe_developer select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#junior_magento2_fe_developer .job-offer-cards-child-left {
    margin-top: 60px;
}

#junior_magento2_fe_developer .job-offer-cards-child-right {
    margin-top: 60px;
}

#junior_magento2_fe_developer {
    padding-top: 100px;
}

/* Css for changing */

/* Css for changing */
@media (max-width: 356px) {
    #medior-laravel-developer .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #medior-laravel-developer p.card-box-time-p, #medior-laravel-developer p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#medior-laravel-developer #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#medior-laravel-developer input#position {
    background: none;
}

#medior-laravel-developer input, #medior-laravel-developer select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#medior-laravel-developer .job-offer-cards-child-left {
    margin-top: 60px;
}

#medior-laravel-developer .job-offer-cards-child-right {
    margin-top: 60px;
}

#medior-laravel-developer {
    padding-top: 100px;
}

/* Css for changing */

/* Css for changing */
@media (max-width: 356px) {
    #junior-laravel-developer .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #junior-laravel-developer p.card-box-time-p, #junior-laravel-developer p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#junior-laravel-developer #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#junior-laravel-developer input#position {
    background: none;
}

#junior-laravel-developer input, #junior-laravel-developer select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#junior-laravel-developer .job-offer-cards-child-left {
    margin-top: 60px;
}

#junior-laravel-developer .job-offer-cards-child-right {
    margin-top: 60px;
}

#junior-laravel-developer {
    padding-top: 100px;
}

/* Css for changing */

/* Css for changing */
@media (max-width: 356px) {
    #medior-javascript-fe-developer .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #medior-javascript-fe-developer p.card-box-time-p, #medior-javascript-fe-developer p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#medior-javascript-fe-developer #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#medior-javascript-fe-developer input#position {
    background: none;
}

#medior-javascript-fe-developer input, #medior-javascript-fe-developer select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#medior-javascript-fe-developer .job-offer-cards-child-left {
    margin-top: 60px;
}

#medior-javascript-fe-developer .job-offer-cards-child-right {
    margin-top: 60px;
}

#medior-javascript-fe-developer {
    padding-top: 100px;
}

/* Css for changing */


/* Css for changing */
@media (max-width: 356px) {
    #junior-qa-developer .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #junior-qa-developer p.card-box-time-p, #junior-qa-developer p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


.form-popup-card #submit-button,
#junior-qa-developer #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#junior-qa-developer input#position {
    background: none;
}

#junior-qa-developer input, #junior-qa-developer select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#junior-qa-developer .job-offer-cards-child-left {
    margin-top: 60px;
}

#junior-qa-developer .job-offer-cards-child-right {
    margin-top: 60px;
}

#junior-qa-developer {
    padding-top: 100px;
}

/* Css for changing */

/* Css for changing */
@media (max-width: 356px) {
    #creative-director-senior-designer .card-pox-position-p {
        padding-top: 5px !important;
    }
}

/*@media (max-width: 430px) {*/
/*    #creative-director-senior-designer p.card-box-time-p, #creative-director-senior-designer p#card-pox-position-p {*/
/*        padding-top: 5px !important;*/
/*    }*/
/*}*/


#creative-director-senior-designer #submit-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #53D9EA 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-family: 'Montserrat';
    padding: 14.5px 70px;
}

#creative-director-senior-designer input#position {
    background: none;
}

#creative-director-senior-designer input, #creative-director-senior-designer select {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 100px 8px 15px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}

#creative-director-senior-designer .job-offer-cards-child-left {
    margin-top: 60px;
}

#creative-director-senior-designer .job-offer-cards-child-right {
    margin-top: 60px;
}

#creative-director-senior-designer {
    padding-top: 100px;
}

/* Css for changing */


/* Footer fix */
@media (max-width: 1300px) {
    .footer-links > div {
        width: 30%;
        margin-bottom: 25px;
    }}

@media (max-width: 767px) {
    .footer-links > div {
        width: 50%;
        margin-bottom: 25px;
    }}

@media (max-width: 679px) {
    .footer-links > div {
        width: 45%;
        margin-bottom: 25px;
    }}
/*@media (max-width: 1300px) {*/
/*    .f-follow-us i.social-icon.fab.fa-linkedin-in*/
/*    {*/
/*        margin-top: 10px;*/
/*        margin-left: 20px;*/
/*    }}*/

/*@media (max-width: 630px) {*/
/*    .f-follow-us i.social-icon.fab.fa-linkedin-in*/
/*    {*/
/*        margin-top: 10px;*/
/*        margin-left: 0px;*/
/*    }}*/

@media (max-width: 1300px){
    .footer-links {
        float: unset;
        max-width: 100%;
    }}

@media (max-width: 1300px){
    .what-we-do {
        margin-left: 9%;
    }}

@media (max-width: 767px){
    .what-we-do {
        margin-left: 0;
    }}

@media (max-width: 1300px){
    .f-products{
        width: 25%;
    }}

@media (max-width: 1300px){
    .portfolio-footer-btn{
        margin-left: 9%;
    }}

@media (max-width: 767px){
    .portfolio-footer-btn{
        margin-left: 0;
    }}

@media (max-width: 767px){
    .footer-links>div:last-child{
        float: inherit;
    }}

/*@media (max-width: 767px){*/
/*.f-follow-us {*/
/*    display: inline-table;*/
/*}}*/

@media (max-width: 905px){
    .footer-bottom {
        width: 33%;
        margin-left: auto;
        margin-right: auto;
    }}

@media (max-width: 695px){
    .footer-bottom {
        margin-right: 25%;
    }}

@media (max-width: 599px){
    .footer-bottom {
        width: 20%;
        margin-left: auto;
        margin-right: 34%;
    }}

@media (max-width: 500px){
    .footer-bottom {
        width: 56%;
        margin-left: auto;
        margin-right: 34%;
    }}

@media (max-width: 630px){
    .footer-links>div {
        width: 100%;
        margin-left: auto !important;
        margin-right: auto;
        display: block;
        text-align: center;
    }}

@media (max-width: 630px){
    .footer-links>div, .footer-links>div:nth-child(4) {
        width: 100% !important;
    }}

@media (max-width: 599px){
    .portfolio-footer-btn {
        float: unset;
    }}

@media (max-width: 630px){
    .portfolio-footer-btn .view-portfolio {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }}

@media (max-width: 630px){
    .footer-links .button-link {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }}

@media (max-width: 480px){
    .popup .contents {
        height: 633px;
        z-index: 100;
    }
}

#jobs .card-box-info {
    height: 65px;
}

#jobs div#card-box-info {
    height: unset !important;
}

@media (max-width: 768px){
    #jobs div#card-box-info  {
        height: 40px !important;
    }}

@media (max-width: 500px){
    #jobs div#card-box-info  {
        height: 80px !important;
    }}

@media (max-width: 1600px){
    #jobs .card-box-info {
        height: 105px;
    }}

@media (max-width: 585px) {
    #jobs img.map-pointer-table {
        margin-left: 4px;
        margin-bottom: 40px;
    }}

/* Job cards Hover */

/*#medior-pm:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-pm-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/
/*#business-manager:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/business_development_manager.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*#magento2-team-lead:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/magento2-team-lead.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*#medior-pm.medior-android-developer:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-android-developer.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*#junior-qa-dev.medior-qa-developer:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/qa-medior-developer.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/
#medior-pm .job-table-white,
#business-manager .job-table-white,
#magento2-team-lead .job-table-white{
    display: none;
}
/*#medior-pm:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table,*/
/*#business-manager:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table,*/
/*#magento2-team-lead:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#medior-pm:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white,*/
/*#business-manager:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white,*/
/*#magento2-team-lead:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-pm:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white,*/
/*#business-manager:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white,*/
/*#magento2-team-lead:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/

#medior-pm .map-pointer-table-white,
#business-manager .map-pointer-table-white,
#magento2-team-lead .map-pointer-table-white{
    display: none;
}
/*#medior-pm:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table,*/
/*#business-manager:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table,*/
/*#magento2-team-lead:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#medior-pm:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white,*/
/*#business-manager:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white,*/
/*#magento2-team-lead:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/
/*@media (max-width: 1600px){*/
/*#medior-pm:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white,*/
/*#business-manager:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white,*/
/*#magento2-team-lead:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/


#medior-pm .full-time-table-white,
#business-manager .full-time-table-white,
#magento2-team-lead .full-time-table-white{
    display: none;
}
/*#medior-pm:hover >  .card-box-info .card-box-time .full-time-table,*/
/*#business-manager:hover >  .card-box-info .card-box-time .full-time-table,*/
/*#magento2-team-lead:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#medior-pm:hover >  .card-box-info .card-box-time .full-time-table-white,*/
/*#business-manager:hover >  .card-box-info .card-box-time .full-time-table-white,*/
/*#magento2-team-lead:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/


/*.medior-qa-developer,*/
/*.magento2-team-lead{*/
/*    margin-right: 15px;*/
/*}*/
/*@media(max-width: 1213px){*/
/*    .medior-qa-developer,*/
/*    .magento2-team-lead{*/
/*        margin-right: 11px;*/
/*    }*/
/*}*/
/*@media(max-width: 950px){*/
/*    .medior-qa-developer,*/
/*    .magento2-team-lead{*/
/*        margin-right: 13px;*/
/*    }*/
/*}*/
@media(max-width: 768px){
    .medior-qa-developer,
    .magento2-team-lead{
        margin-right: 0;
    }
}
@media (max-width: 1200px){
#medior-pm:hover {
    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-pm.jpg);
    background-color:rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-repeat: no-repeat;
}
#business-manager:hover {
    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/business_development_manager.jpg);
    background-color:rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-repeat: no-repeat;
}
#magento2-team-lead:hover {
    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/magento2-team-lead.jpg);
    background-color:rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-repeat: no-repeat;
}}


@media (max-width: 767px){
    #medior-pm:hover {
        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-pm-wide.jpg);
        background-color:rgba(0, 0, 0, 0.5);
        background-size: cover;
        background-repeat: no-repeat;
    }
    #business-manager:hover {
    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/business_development_manager.jpg);
    background-color:rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-repeat: no-repeat;
    }
    #magento2-team-lead:hover {
        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/magento2-team-lead.jpg);
        background-color:rgba(0, 0, 0, 0.5);
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/*#medior-pm:hover >  .ui-link p,*/
/*#business-manager:hover >  .ui-link p,*/
/*#magento2-team-lead:hover >  .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#medior-pm:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p,*/
/*#business-manager:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p,*/
/*#magento2-team-lead:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#medior-pm:hover >  .ui-link .card-box-info .card-box-position .card-pox-location-p span,*/
/*#business-manager:hover >  .ui-link .card-box-info .card-box-position .card-pox-location-p span,*/
/*#magento2-team-lead:hover >  .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#medior-pm:hover >   .card-box-info .ui-link .card-box-time p.card-box-time-p,*/
/*#business-manager:hover >   .card-box-info .ui-link .card-box-time p.card-box-time-p,*/
/*#magento2-team-lead:hover >   .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/



/**/

/*#medior-wp-dev:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-wp-dev-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/
#medior-wp-dev .job-table-white {
    display: none;
}
/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/

#medior-wp-dev .map-pointer-table-white {
    display: none;
}
/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*        display: block;*/
/*        margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#medior-wp-dev .full-time-table-white {
    display: none;
}
/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/


/*@media (max-width: 1200px){*/
/*    #medior-wp-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-wp-dev.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #medior-wp-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-wp-dev-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*#medior-wp-dev:hover >  .job-offer-cards-box-2 p{*/
/*    color:white !important;*/
/*}*/

/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#medior-wp-dev:hover >  .job-offer-cards-box-2 .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#medior-wp-dev:hover > .job-offer-cards-box-2 .card-box-info .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/

/**/

/*#medior-mag2-be-dev:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-mag2-be-dev-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/

#medior-mag2-be-dev .job-table-white {
    display: none;
}
/*#medior-mag2-be-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#medior-mag2-be-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/
/*@media (max-width: 1600px){*/
/*#medior-mag2-be-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/

#medior-mag2-be-dev .map-pointer-table-white {
    display: none;
}
/*#medior-mag2-be-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#medior-mag2-be-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-mag2-be-dev:hover >  .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#medior-mag2-be-dev .full-time-table-white {
    display: none;
}
/*#medior-mag2-be-dev:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#medior-mag2-be-dev:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/

/*@media (max-width: 1200px){*/
/*    #medior-mag2-be-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-mag2-be-dev.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #medior-mag2-be-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-mag2-be-dev-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*#medior-mag2-be-dev:hover >  .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#medior-mag2-be-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#medior-mag2-be-dev:hover >  .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#medior-mag2-be-dev:hover >  .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/

/**/

/*#medior-mag2-full-dev:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-mag2-full-dev-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/

#medior-mag2-full-dev .job-table-white {
    display: none;
}
/*#medior-mag2-full-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#medior-mag2-full-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-mag2-full-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/

#medior-mag2-full-dev .map-pointer-table-white {
    display: none;
}
/*#medior-mag2-full-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#medior-mag2-full-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-mag2-full-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#medior-mag2-full-dev .full-time-table-white {
    display: none;
}
/*#medior-mag2-full-dev:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#medior-mag2-full-dev:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/

/*@media (max-width: 1200px){*/
/*    #medior-mag2-full-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-mag2-full-dev.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #medior-mag2-full-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-mag2-full-dev-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/


/*#medior-mag2-full-dev:hover >  .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#medior-mag2-full-dev:hover >  .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#medior-mag2-full-dev:hover >  .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#medior-mag2-full-dev:hover >  .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/

/**/

/*#junior-mag2-be-dev:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-mag2-be-dev-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/

#junior-mag2-be-dev .job-table-white {
    display: none;
}
/*#junior-mag2-be-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#junior-mag2-be-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#junior-mag2-be-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/


#junior-mag2-be-dev .map-pointer-table-white {
    display: none;
}
/*#junior-mag2-be-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#junior-mag2-be-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#junior-mag2-be-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#junior-mag2-be-dev .full-time-table-white {
    display: none;
}
/*#junior-mag2-be-dev:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#junior-mag2-be-dev:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/

/*@media (max-width: 1200px){*/
/*    #junior-mag2-be-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-mag2-be-dev.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #junior-mag2-be-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-mag2-be-dev-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*#junior-mag2-be-dev:hover > .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#junior-mag2-be-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#junior-mag2-be-dev:hover > .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#junior-mag2-be-dev:hover >  .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/

/**/

/*#junior-mag2-full-dev:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-mag2-full-dev-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/

#junior-mag2-full-dev .job-table-white {
    display: none;
}
/*#junior-mag2-full-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#junior-mag2-full-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#junior-mag2-full-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/


#junior-mag2-full-dev .map-pointer-table-white {
    display: none;
}
/*#junior-mag2-full-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#junior-mag2-full-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#junior-mag2-full-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#junior-mag2-full-dev .full-time-table-white {
    display: none;
}
/*#junior-mag2-full-dev:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#junior-mag2-full-dev:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/

/*@media (max-width: 1200px){*/
/*    #junior-mag2-full-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-mag2-full-dev.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #junior-mag2-full-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-mag2-full-dev-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*#junior-mag2-full-dev:hover > .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#junior-mag2-full-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#junior-mag2-full-dev:hover > .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#junior-mag2-full-dev:hover >  .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/

/**/

/*#medior-laravel-dev:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-laravel-dev-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/

#medior-laravel-dev .job-table-white {
    display: none;
}
/*#medior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#medior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/

#medior-laravel-dev .map-pointer-table-white {
    display: none;
}
/*#medior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#medior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#medior-laravel-dev .full-time-table-white {
    display: none;
}
/*#medior-laravel-dev:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#medior-laravel-dev:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/

/*@media (max-width: 1200px){*/
/*    #medior-laravel-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-laravel-dev.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #medior-laravel-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-laravel-dev-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*#medior-laravel-dev:hover > .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#medior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#medior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#medior-laravel-dev:hover >  .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/


/**/

/*#junior-laravel-dev:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-laravel-dev-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/

#junior-laravel-dev .job-table-white {
    display: none;
}
/*#junior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#junior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#junior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/

#junior-laravel-dev .map-pointer-table-white {
    display: none;
}
/*#junior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#junior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#junior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#junior-laravel-dev .full-time-table-white {
    display: none;
}
/*#junior-laravel-dev:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#junior-laravel-dev:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/

/*@media (max-width: 1200px){*/
/*    #junior-laravel-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-laravel-dev.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #junior-laravel-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-laravel-dev-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*#junior-laravel-dev:hover > .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#junior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#junior-laravel-dev:hover > .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#junior-laravel-dev:hover >  .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/

/**/

/*#medior-js-dev:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-js-dev-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/

#medior-js-dev .job-table-white {
    display: none;
}
/*#medior-js-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#medior-js-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-js-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/

#medior-js-dev .map-pointer-table-white {
    display: none;
}
/*#medior-js-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#medior-js-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#medior-js-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#medior-js-dev .full-time-table-white {
    display: none;
}
/*#medior-js-dev:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#medior-js-dev:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/

/*@media (max-width: 1200px){*/
/*    #medior-js-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-js-dev.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #medior-js-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-js-dev-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*#medior-js-dev:hover > .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#medior-js-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#medior-js-dev:hover > .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#medior-js-dev:hover >  .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/

/**/

/*#junior-qa-dev:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-qa-dev-wide.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/

#junior-qa-dev .job-table-white {
    display: none;
}
/*#junior-qa-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#junior-qa-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#junior-qa-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/

#junior-qa-dev .map-pointer-table-white {
    display: none;
}
/*#junior-qa-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#junior-qa-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#junior-qa-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#junior-qa-dev .full-time-table-white {
    display: none;
}
/*#junior-qa-dev:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#junior-qa-dev:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/

/*@media (max-width: 1200px){*/
/*    #junior-qa-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-qa-dev.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #junior-qa-dev:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-qa-dev-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*#junior-qa-dev:hover > .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#junior-qa-dev:hover > .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#junior-qa-dev:hover > .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#junior-qa-dev:hover >  .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/

/**/

/*#creative-designer:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/creative-designer.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/

/*}*/

#creative-designer .job-table-white {
    display: none;
}
/*#creative-designer:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table{*/
/*    display: none;*/
/*}*/

/*#creative-designer:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#creative-designer:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .job-table-white{*/
/*    display: block;*/
/*    margin-top: 0px;*/
/*}}*/

#creative-designer .map-pointer-table-white {
    display: none;
}
/*#creative-designer:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table{*/
/*    display: none;*/
/*}*/

/*#creative-designer:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*}*/

/*@media (max-width: 1600px){*/
/*#creative-designer:hover > .ui-link .card-box-info .card-box-position .card-box-position-img .map-pointer-table-white{*/
/*    display: block;*/
/*    margin-top: -40px;*/
/*    margin-left: 4px;*/
/*}}*/

#creative-designer .full-time-table-white {
    display: none;
}
/*#creative-designer:hover >  .card-box-info .card-box-time .full-time-table{*/
/*    display: none;*/
/*}*/

/*#creative-designer:hover >  .card-box-info .card-box-time .full-time-table-white{*/
/*    display: block;*/
/*}*/

/*@media (max-width: 1200px){*/
/*    #creative-designer:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/creative-designer.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*@media (max-width: 767px){*/
/*    #creative-designer:hover {*/
/*        background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/creative-designer-wide.jpg);*/
/*        background-color:rgba(0, 0, 0, 0.5);*/
/*        background-size: cover;*/
/*        background-repeat: no-repeat;*/

/*    }}*/

/*#creative-designer:hover > .ui-link p{*/
/*    color:white !important;*/
/*}*/

/*#creative-designer:hover > .ui-link .card-box-info .card-box-position .card-box-position-img p.card-pox-position-p{*/
/*    color:white !important;*/
/*}*/

/*#creative-designer:hover > .ui-link .card-box-info .card-box-position .card-pox-location-p span{*/
/*    color:white !important;*/
/*}*/

/*#creative-designer:hover >  .card-box-info .ui-link .card-box-time p.card-box-time-p{*/
/*    color:white !important;*/
/*}*/

/* UX DESIGNER */
/*#medior-pm.ux-designer-position:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/ux-designer.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/
/* JUNIOR IOS DEVELOPER */
/*#medior-pm.junior-ios-developer-position:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/junior-ios-developer-img.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/

/* MEDIOR DEVOPS */
/*#medior-pm.medior-devops-position:hover {*/
/*    background-image: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)),url(../img/job-cards/medior-devops-developer-img.jpg);*/
/*    background-color:rgba(0, 0, 0, 0.5);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/

/* JOBS FIX*/

#jobs .ecommerce-banner {
    padding: 160px 0px 80px 0%;
    max-width: 100%;
}
#jobs .job-offer-cards-box {
    border: 1px solid #EBEBEB;
    border-radius: 20px;
    padding: 15px;
    transition: box-shadow 200ms ease;
}

#jobs .job-offer-cards-box:hover {
    box-shadow: 0 1px 9px 0 rgba(34, 87, 172, 0.7);
}

#jobs .job-offer-cards-child-left {
    border-right: 1px solid #EBEBEB;
    padding-right: 30px;
    padding-left: 10px;
}

#jobs .jobs-image  {
    width: 57%;
}

#jobs .ecommerce-header h1 {
    margin-left: 0px;
    width: 570px;
}
@media (min-width: 1300px){
#jobs .office-address-responsive {
    display: none !important;
}}


@media (max-width: 1600px) {
    #jobs img.map-pointer-table {
        margin-left: 4px;
    }}

/* medior-project-mng class and ids change */
#medior-project-mng div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #medior-project-mng div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #medior-project-mng div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior-project-mng div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior-project-mng div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #medior-project-mng div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #medior-project-mng div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #medior-project-mng div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#medior-project-mng .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#medior-project-mng .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#medior-project-mng p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#medior-project-mng div#soc-brands {
    display: flex;
}

#medior-project-mng i.fab.fa-facebook-f, #medior-project-mng i.fab.fa-linkedin-in, #medior-project-mng i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#medior-project-mng .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#medior-project-mng .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#medior-project-mng p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#medior-project-mng .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#medior-project-mng .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#medior-project-mng .job-offer-cards-share, #medior-project-mng .job-offer-cards-offices, #medior-project-mng .job-offer-cards-clients, #medior-project-mng .job-offer-cards-products, #medior-project-mng .job-offer-cards-contact {
    margin-bottom: 20px;
}


#medior-project-mng #soc-brands i.fab.fa-facebook-f:hover,#medior-project-mng #soc-brands i.fab.fa-linkedin-in:hover,#medior-project-mng #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#medior-wordpress-dev #soc-brands i.fab.fa-facebook-f:hover,#medior-wordpress-dev #soc-brands i.fab.fa-linkedin-in:hover,#medior-wordpress-dev #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#medior_magento2_be_developer #soc-brands i.fab.fa-facebook-f:hover,#medior_magento2_be_developer #soc-brands i.fab.fa-linkedin-in:hover,#medior_magento2_be_developer #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#medior_magento2_fullstack_developer #soc-brands i.fab.fa-facebook-f:hover,#medior_magento2_fullstack_developer #soc-brands i.fab.fa-linkedin-in:hover,#medior_magento2_fullstack_developer #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#junior_magento2_be_developer #soc-brands i.fab.fa-facebook-f:hover,#junior_magento2_be_developer #soc-brands i.fab.fa-linkedin-in:hover,#junior_magento2_be_developer #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#junior_magento2_fe_developer #soc-brands i.fab.fa-facebook-f:hover,#junior_magento2_fe_developer #soc-brands i.fab.fa-linkedin-in:hover,#junior_magento2_fe_developer #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#medior-laravel-developer #soc-brands i.fab.fa-facebook-f:hover,#medior-laravel-developer #soc-brands i.fab.fa-linkedin-in:hover,#medior-laravel-developer #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#junior-laravel-developer #soc-brands i.fab.fa-facebook-f:hover,#junior-laravel-developer #soc-brands i.fab.fa-linkedin-in:hover,#junior-laravel-developer #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#medior-javascript-fe-developer #soc-brands i.fab.fa-facebook-f:hover,#medior-javascript-fe-developer #soc-brands i.fab.fa-linkedin-in:hover,#medior-javascript-fe-developer #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#junior-qa-developer #soc-brands i.fab.fa-facebook-f:hover,#junior-qa-developer #soc-brands i.fab.fa-linkedin-in:hover,#junior-qa-developer #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#creative-director-senior-designer #soc-brands i.fab.fa-facebook-f:hover,#creative-director-senior-designer #soc-brands i.fab.fa-linkedin-in:hover,#creative-director-senior-designer #soc-brands i.fab.fa-twitter:hover {
    color: #0670B5 !important;
    text-shadow: 0px 0px 15px #058BEB;
    background: none;
}

#jobs .office-position-icon {
    display: -webkit-inline-box;
}

#jobs .office-position-icon img{
    margin-top: -10px;
    margin-right: 5px;
}

#jobs .job-offer-cards-inner {

}

#jobs .job-offers-subtitle {
    padding-left: 0;
    margin-top: 65px;
    margin-bottom: 30px;
    font-size: 29px;
    display: inline-block;
}

@media (max-width: 1300px) {
    #jobs .job-offers-subtitle {
        font-size: 27px;
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

@media (max-width: 950px) {
#jobs .job-offer-cards-child-left {
    border-right: none;
    padding-right: 0;
    padding-left: 0;
}}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #medior-project-mng .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior-project-mng .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior-project-mng .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior-project-mng .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior-project-mng .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior-project-mng .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #medior-project-mng .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #medior-project-mng .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #medior-project-mng .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #medior-project-mng .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #medior-project-mng .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #medior-project-mng .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #medior-project-mng .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #medior-project-mng .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #medior-project-mng .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #medior-project-mng section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #medior-project-mng .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #medior-project-mng .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #medior-project-mng p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior-project-mng p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #medior-project-mng span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #medior-project-mng .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior-project-mng .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #medior-project-mng .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior-project-mng p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #medior-project-mng .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #medior-project-mng .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #medior-project-mng p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #medior-project-mng p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #medior-project-mng p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #medior-project-mng p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #medior-project-mng p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #medior-project-mng .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #medior-project-mng .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #medior-project-mng span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #medior-project-mng span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #medior-project-mng p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #medior-project-mng p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #medior-project-mng .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #medior-project-mng .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #medior-project-mng .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #medior-project-mng .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #medior-project-mng p.card-pox-position-p, #medior-project-mng p.card-pox-location-p, #medior-project-mng p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #medior-project-mng .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #medior-project-mng .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #medior-project-mng p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior-project-mng p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #medior-project-mng div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior-project-mng .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #medior-project-mng div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #medior-project-mng span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#medior-project-mng p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#medior-project-mng p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/


/* medior-wordpress-dev class and ids change */

#medior-wordpress-dev div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #medior-wordpress-dev div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #medior-wordpress-dev div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior-wordpress-dev div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior-wordpress-dev div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #medior-wordpress-dev div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #medior-wordpress-dev div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #medior-wordpress-dev div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#medior-wordpress-dev .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#medior-wordpress-dev .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#medior-wordpress-dev p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#medior-wordpress-dev div#soc-brands {
    display: flex;
}

#medior-wordpress-dev i.fab.fa-facebook-f,  #medior-wordpress-dev i.fab.fa-linkedin-in, #medior-wordpress-dev i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#medior-wordpress-dev .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#medior-wordpress-dev .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#medior-wordpress-dev p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#medior-wordpress-dev .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#medior-wordpress-dev .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#medior-wordpress-dev .job-offer-cards-share, #medior-wordpress-dev .job-offer-cards-offices, #medior-wordpress-dev .job-offer-cards-clients, #medior-wordpress-dev .job-offer-cards-products, #medior-wordpress-dev .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #medior-wordpress-dev .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior-wordpress-dev .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior-wordpress-dev .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior-wordpress-dev .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior-wordpress-dev .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior-wordpress-dev .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #medior-wordpress-dev .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #medior-wordpress-dev .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #medior-wordpress-dev .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #medior-wordpress-dev .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #medior-wordpress-dev .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #medior-wordpress-dev .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #medior-wordpress-dev .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #medior-wordpress-dev .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #medior-wordpress-dev .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #medior-wordpress-dev section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #medior-wordpress-dev .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #medior-wordpress-dev .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #medior-wordpress-dev p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior-wordpress-dev p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #medior-wordpress-dev span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #medior-wordpress-dev .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior-wordpress-dev .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #medior-wordpress-dev .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior-wordpress-dev p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #medior-wordpress-dev .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #medior-wordpress-dev .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #medior-wordpress-dev p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #medior-wordpress-dev p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #medior-wordpress-dev p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #medior-wordpress-dev p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #medior-wordpress-dev .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #medior-wordpress-dev .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #medior-wordpress-dev span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #medior-wordpress-dev p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #medior-wordpress-dev .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #medior-wordpress-dev .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #medior-wordpress-dev .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #medior-wordpress-dev .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #medior-wordpress-dev p.card-pox-position-p, #medior-wordpress-dev p.card-pox-location-p, #medior-wordpress-dev p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #medior-wordpress-dev .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #medior-wordpress-dev .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #medior-wordpress-dev p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #medior-wordpress-dev div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #medior-wordpress-dev span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#medior-wordpress-dev p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#medior-wordpress-dev p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* medior_magento2_be_developer class and ids change */

#medior_magento2_be_developer div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #medior_magento2_be_developer div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #medior_magento2_be_developer div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior_magento2_be_developer div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior_magento2_be_developer div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #medior_magento2_be_developer div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #medior_magento2_be_developer div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #medior_magento2_be_developer div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#medior_magento2_be_developer .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#medior_magento2_be_developer .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#medior_magento2_be_developer p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#medior_magento2_be_developer div#soc-brands {
    display: flex;
}

#medior_magento2_be_developer i.fab.fa-facebook-f, #medior_magento2_be_developer i.fab.fa-linkedin-in, #medior_magento2_be_developer i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#medior_magento2_be_developer .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#medior_magento2_be_developer .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#medior_magento2_be_developer p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#medior_magento2_be_developer .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#medior_magento2_be_developer .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#medior_magento2_be_developer .job-offer-cards-share, #medior_magento2_be_developer .job-offer-cards-offices, #medior_magento2_be_developer .job-offer-cards-clients, #medior_magento2_be_developer .job-offer-cards-products, #medior_magento2_be_developer .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #medior_magento2_be_developer .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior_magento2_be_developer .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior_magento2_be_developer .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_be_developer .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior_magento2_be_developer .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior_magento2_be_developer .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #medior_magento2_be_developer .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #medior_magento2_be_developer .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #medior_magento2_be_developer .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #medior_magento2_be_developer .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #medior_magento2_be_developer .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #medior_magento2_be_developer .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #medior_magento2_be_developer .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #medior_magento2_be_developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #medior_magento2_be_developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #medior_magento2_be_developer section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_be_developer .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_be_developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_be_developer p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_be_developer p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_be_developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_be_developer .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_be_developer .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_be_developer .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_be_developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #medior_magento2_be_developer .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #medior_magento2_be_developer .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_be_developer p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #medior_magento2_be_developer p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #medior_magento2_be_developer p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #medior_magento2_be_developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #medior_magento2_be_developer .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #medior_magento2_be_developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #medior_magento2_be_developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #medior_magento2_be_developer p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #medior_magento2_be_developer .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #medior_magento2_be_developer .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #medior_magento2_be_developer .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #medior_magento2_be_developer .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #medior_magento2_be_developer p.card-pox-position-p, #medior_magento2_be_developer p.card-pox-location-p, #medior_magento2_be_developer p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #medior_magento2_be_developer .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #medior_magento2_be_developer .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #medior_magento2_be_developer p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_be_developer div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #medior_magento2_be_developer span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#medior_magento2_be_developer p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#medior_magento2_be_developer p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* medior_magento2_fullstack_developer class and ids change */

#medior_magento2_fullstack_developer div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #medior_magento2_fullstack_developer div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #medior_magento2_fullstack_developer div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior_magento2_fullstack_developer div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior_magento2_fullstack_developer div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #medior_magento2_fullstack_developer div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #medior_magento2_fullstack_developer div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #medior_magento2_fullstack_developer div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#medior_magento2_fullstack_developer .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#medior_magento2_fullstack_developer .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#medior_magento2_fullstack_developer p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#medior_magento2_fullstack_developer div#soc-brands {
    display: flex;
}

#medior_magento2_fullstack_developer i.fab.fa-facebook-f, #medior_magento2_fullstack_developer i.fab.fa-linkedin-in, #medior_magento2_fullstack_developer i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#medior_magento2_fullstack_developer .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#medior_magento2_fullstack_developer .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#medior_magento2_fullstack_developer p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#medior_magento2_fullstack_developer .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#medior_magento2_fullstack_developer .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#medior_magento2_fullstack_developer .job-offer-cards-share, #medior_magento2_fullstack_developer .job-offer-cards-offices, #medior_magento2_fullstack_developer .job-offer-cards-clients, #medior_magento2_fullstack_developer .job-offer-cards-products, #medior_magento2_fullstack_developer .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #medior_magento2_fullstack_developer .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior_magento2_fullstack_developer .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior_magento2_fullstack_developer .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_fullstack_developer .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior_magento2_fullstack_developer .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior_magento2_fullstack_developer .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #medior_magento2_fullstack_developer .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #medior_magento2_fullstack_developer .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #medior_magento2_fullstack_developer .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #medior_magento2_fullstack_developer .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #medior_magento2_fullstack_developer .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #medior_magento2_fullstack_developer .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #medior_magento2_fullstack_developer .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #medior_magento2_fullstack_developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #medior_magento2_fullstack_developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #medior_magento2_fullstack_developer section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_fullstack_developer .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_fullstack_developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_fullstack_developer p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_fullstack_developer p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #medior_magento2_fullstack_developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_fullstack_developer .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_fullstack_developer .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_fullstack_developer .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_fullstack_developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #medior_magento2_fullstack_developer .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #medior_magento2_fullstack_developer .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #medior_magento2_fullstack_developer p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #medior_magento2_fullstack_developer p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #medior_magento2_fullstack_developer p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #medior_magento2_fullstack_developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #medior_magento2_fullstack_developer .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #medior_magento2_fullstack_developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #medior_magento2_fullstack_developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #medior_magento2_fullstack_developer p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #medior_magento2_fullstack_developer .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #medior_magento2_fullstack_developer .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #medior_magento2_fullstack_developer .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #medior_magento2_fullstack_developer p.card-pox-position-p, #medior_magento2_fullstack_developer p.card-pox-location-p, #medior_magento2_fullstack_developer p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #medior_magento2_fullstack_developer .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #medior_magento2_fullstack_developer .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #medior_magento2_fullstack_developer p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #medior_magento2_fullstack_developer div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #medior_magento2_fullstack_developer span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#medior_magento2_fullstack_developer p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#medior_magento2_fullstack_developer p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* junior_magento2_be_developer class and ids change */

#junior_magento2_be_developer div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #junior_magento2_be_developer div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #junior_magento2_be_developer div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #junior_magento2_be_developer div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #junior_magento2_be_developer div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #junior_magento2_be_developer div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #junior_magento2_be_developer div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #junior_magento2_be_developer div#graphic-design {
        padding: 0 4.2% 30px;
    }}


#junior_magento2_be_developer .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#junior_magento2_be_developer .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#junior_magento2_be_developer p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#junior_magento2_be_developer div#soc-brands {
    display: flex;
}

#junior_magento2_be_developer i.fab.fa-facebook-f, #junior_magento2_be_developer i.fab.fa-linkedin-in, #junior_magento2_be_developer i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#junior_magento2_be_developer .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#junior_magento2_be_developer .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#junior_magento2_be_developer p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#junior_magento2_be_developer .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#junior_magento2_be_developer .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#junior_magento2_be_developer .job-offer-cards-share, #junior_magento2_be_developer .job-offer-cards-offices, #junior_magento2_be_developer .job-offer-cards-clients, #junior_magento2_be_developer .job-offer-cards-products, #junior_magento2_be_developer .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #junior_magento2_be_developer .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #junior_magento2_be_developer .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #junior_magento2_be_developer .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_be_developer .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #junior_magento2_be_developer .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #junior_magento2_be_developer .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #junior_magento2_be_developer .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #junior_magento2_be_developer .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #junior_magento2_be_developer .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #junior_magento2_be_developer .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #junior_magento2_be_developer .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #junior_magento2_be_developer .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #junior_magento2_be_developer .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #junior_magento2_be_developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #junior_magento2_be_developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #junior_magento2_be_developer section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_be_developer .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_be_developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_be_developer p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_be_developer p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_be_developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_be_developer .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_be_developer .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_be_developer .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_be_developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #junior_magento2_be_developer .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #junior_magento2_be_developer .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_be_developer p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #junior_magento2_be_developer p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #junior_magento2_be_developer p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #junior_magento2_be_developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #junior_magento2_be_developer .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #junior_magento2_be_developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #junior_magento2_be_developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #junior_magento2_be_developer p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #junior_magento2_be_developer .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #junior_magento2_be_developer .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #junior_magento2_be_developer .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #junior_magento2_be_developer .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #junior_magento2_be_developer p.card-pox-position-p, #junior_magento2_be_developer p.card-pox-location-p, #junior_magento2_be_developer p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #junior_magento2_be_developer .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #junior_magento2_be_developer .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #junior_magento2_be_developer p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_be_developer div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #junior_magento2_be_developer span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#junior_magento2_be_developer p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#junior_magento2_be_developer p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* junior_magento2_fe_developer class and ids change */

#junior_magento2_fe_developer div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #junior_magento2_fe_developer div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #junior_magento2_fe_developer div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #junior_magento2_fe_developer div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #junior_magento2_fe_developer div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #junior_magento2_fe_developer div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #junior_magento2_fe_developer div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #junior_magento2_fe_developer div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#junior_magento2_fe_developer .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#junior_magento2_fe_developer .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#junior_magento2_fe_developer p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#junior_magento2_fe_developer div#soc-brands {
    display: flex;
}

#junior_magento2_fe_developer i.fab.fa-facebook-f, #junior_magento2_fe_developer i.fab.fa-linkedin-in, #junior_magento2_fe_developer i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#junior_magento2_fe_developer .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#junior_magento2_fe_developer .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#junior_magento2_fe_developer p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#junior_magento2_fe_developer .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#junior_magento2_fe_developer .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#junior_magento2_fe_developer .job-offer-cards-share, #junior_magento2_fe_developer .job-offer-cards-offices, #junior_magento2_fe_developer .job-offer-cards-clients, #junior_magento2_fe_developer .job-offer-cards-products, #junior_magento2_fe_developer .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #junior_magento2_fe_developer .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #junior_magento2_fe_developer .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #junior_magento2_fe_developer .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_fe_developer .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #junior_magento2_fe_developer .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #junior_magento2_fe_developer .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #junior_magento2_fe_developer .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #junior_magento2_fe_developer .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #junior_magento2_fe_developer .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #junior_magento2_fe_developer .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #junior_magento2_fe_developer .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #junior_magento2_fe_developer .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #junior_magento2_fe_developer .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #junior_magento2_fe_developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #junior_magento2_fe_developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #junior_magento2_fe_developer section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_fe_developer .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_fe_developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_fe_developer p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_fe_developer p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #junior_magento2_fe_developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_fe_developer .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_fe_developer .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_fe_developer .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_fe_developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #junior_magento2_fe_developer .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #junior_magento2_fe_developer .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #junior_magento2_fe_developer p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #junior_magento2_fe_developer p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #junior_magento2_fe_developer p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #junior_magento2_fe_developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #junior_magento2_fe_developer .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #junior_magento2_fe_developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #junior_magento2_fe_developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #junior_magento2_fe_developer p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #junior_magento2_fe_developer .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #junior_magento2_fe_developer .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #junior_magento2_fe_developer .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #junior_magento2_fe_developer .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #junior_magento2_fe_developer p.card-pox-position-p, #junior_magento2_fe_developer p.card-pox-location-p, #junior_magento2_fe_developer p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #junior_magento2_fe_developer .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #junior_magento2_fe_developer .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #junior_magento2_fe_developer p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #junior_magento2_fe_developer div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #junior_magento2_fe_developer span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#junior_magento2_fe_developer p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#junior_magento2_fe_developer p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* medior-laravel-developer class and ids change */

#medior-laravel-developer div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #medior-laravel-developer div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #medior-laravel-developer div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior-laravel-developer div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior-laravel-developer div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #medior-laravel-developer div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #medior-laravel-developer div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #medior-laravel-developer div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#medior-laravel-developer .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#medior-laravel-developer .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#medior-laravel-developer p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#medior-laravel-developer div#soc-brands {
    display: flex;
}

#medior-laravel-developer i.fab.fa-facebook-f, #medior-laravel-developer i.fab.fa-linkedin-in, #medior-laravel-developer i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#medior-laravel-developer .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#medior-laravel-developer .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#medior-laravel-developer p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#medior-laravel-developer .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#medior-laravel-developer .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#medior-laravel-developer .job-offer-cards-share, #medior-laravel-developer .job-offer-cards-offices, #medior-laravel-developer .job-offer-cards-clients, #medior-laravel-developer .job-offer-cards-products, #medior-laravel-developer .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #medior-laravel-developer .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior-laravel-developer .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior-laravel-developer .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior-laravel-developer .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior-laravel-developer .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior-laravel-developer .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #medior-laravel-developer .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #medior-laravel-developer .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #medior-laravel-developer .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #medior-laravel-developer .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #medior-laravel-developer .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #medior-laravel-developer .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #medior-laravel-developer .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #medior-laravel-developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #medior-laravel-developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #medior-laravel-developer section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #medior-laravel-developer .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #medior-laravel-developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #medior-laravel-developer p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior-laravel-developer p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #medior-laravel-developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #medior-laravel-developer .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior-laravel-developer .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #medior-laravel-developer .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior-laravel-developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #medior-laravel-developer .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #medior-laravel-developer .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #medior-laravel-developer p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #medior-laravel-developer p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #medior-laravel-developer p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #medior-laravel-developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #medior-laravel-developer .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #medior-laravel-developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #medior-laravel-developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #medior-laravel-developer p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #medior-laravel-developer .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #medior-laravel-developer .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #medior-laravel-developer .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #medior-laravel-developer .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #medior-laravel-developer p.card-pox-position-p, #medior-laravel-developer p.card-pox-location-p, #medior-laravel-developer p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #medior-laravel-developer .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #medior-laravel-developer .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #medior-laravel-developer p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #medior-laravel-developer div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #medior-laravel-developer span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#medior-laravel-developer p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#medior-laravel-developer p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* junior-laravel-developer class and ids change */

#junior-laravel-developer div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #junior-laravel-developer div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #junior-laravel-developer div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #junior-laravel-developer div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #junior-laravel-developer div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #junior-laravel-developer div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #junior-laravel-developer div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #junior-laravel-developer div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#junior-laravel-developer .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#junior-laravel-developer .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#junior-laravel-developer p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#junior-laravel-developer div#soc-brands {
    display: flex;
}

#junior-laravel-developer i.fab.fa-facebook-f, #junior-laravel-developer i.fab.fa-linkedin-in, #junior-laravel-developer i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#junior-laravel-developer .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#junior-laravel-developer .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#junior-laravel-developer p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#junior-laravel-developer .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#junior-laravel-developer .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#junior-laravel-developer .job-offer-cards-share, #junior-laravel-developer .job-offer-cards-offices, #junior-laravel-developer .job-offer-cards-clients, #junior-laravel-developer .job-offer-cards-products, #junior-laravel-developer .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #junior-laravel-developer .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #junior-laravel-developer .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #junior-laravel-developer .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #junior-laravel-developer .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #junior-laravel-developer .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #junior-laravel-developer .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #junior-laravel-developer .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #junior-laravel-developer .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #junior-laravel-developer .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #junior-laravel-developer .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #junior-laravel-developer .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #junior-laravel-developer .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #junior-laravel-developer .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #junior-laravel-developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #junior-laravel-developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #junior-laravel-developer section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #junior-laravel-developer .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #junior-laravel-developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #junior-laravel-developer p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #junior-laravel-developer p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #junior-laravel-developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #junior-laravel-developer .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #junior-laravel-developer .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #junior-laravel-developer .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #junior-laravel-developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #junior-laravel-developer .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #junior-laravel-developer .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #junior-laravel-developer p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #junior-laravel-developer p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #junior-laravel-developer p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #junior-laravel-developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #junior-laravel-developer .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #junior-laravel-developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #junior-laravel-developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #junior-laravel-developer p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #junior-laravel-developer .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #junior-laravel-developer .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #junior-laravel-developer .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #junior-laravel-developer .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #junior-laravel-developer p.card-pox-position-p, #junior-laravel-developer p.card-pox-location-p, #junior-laravel-developer p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #junior-laravel-developer .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #junior-laravel-developer .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #junior-laravel-developer p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #junior-laravel-developer div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #junior-laravel-developer span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#junior-laravel-developer p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#junior-laravel-developer p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* medior-javascript-fe-developer class and ids change */

#medior-javascript-fe-developer div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #medior-javascript-fe-developer div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #medior-javascript-fe-developer div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior-javascript-fe-developer div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #medior-javascript-fe-developer div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #medior-javascript-fe-developer div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #medior-javascript-fe-developer div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #medior-javascript-fe-developer div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#medior-javascript-fe-developer .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#medior-javascript-fe-developer .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#medior-javascript-fe-developer p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#medior-javascript-fe-developer div#soc-brands {
    display: flex;
}

#medior-javascript-fe-developer i.fab.fa-facebook-f,#medior-javascript-fe-developer i.fab.fa-linkedin-in, #medior-javascript-fe-developer i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#medior-javascript-fe-developer .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#medior-javascript-fe-developer .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#medior-javascript-fe-developer p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#medior-javascript-fe-developer .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#medior-javascript-fe-developer .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#medior-javascript-fe-developer .job-offer-cards-share, #medior-javascript-fe-developer .job-offer-cards-offices, #medior-javascript-fe-developer .job-offer-cards-clients, #medior-javascript-fe-developer .job-offer-cards-products, #medior-javascript-fe-developer .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #medior-javascript-fe-developer .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior-javascript-fe-developer .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior-javascript-fe-developer .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior-javascript-fe-developer .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #medior-javascript-fe-developer .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #medior-javascript-fe-developer .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #medior-javascript-fe-developer .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #medior-javascript-fe-developer .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #medior-javascript-fe-developer .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #medior-javascript-fe-developer .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #medior-javascript-fe-developer .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #medior-javascript-fe-developer .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #medior-javascript-fe-developer .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #medior-javascript-fe-developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #medior-javascript-fe-developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #medior-javascript-fe-developer section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #medior-javascript-fe-developer .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #medior-javascript-fe-developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #medior-javascript-fe-developer p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #medior-javascript-fe-developer p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #medior-javascript-fe-developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #medior-javascript-fe-developer .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior-javascript-fe-developer .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #medior-javascript-fe-developer .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #medior-javascript-fe-developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #medior-javascript-fe-developer .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #medior-javascript-fe-developer .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #medior-javascript-fe-developer p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #medior-javascript-fe-developer p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #medior-javascript-fe-developer p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #medior-javascript-fe-developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #medior-javascript-fe-developer .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #medior-javascript-fe-developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #medior-javascript-fe-developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #medior-javascript-fe-developer p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #medior-javascript-fe-developer .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #medior-javascript-fe-developer .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #medior-javascript-fe-developer .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #medior-javascript-fe-developer .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #medior-javascript-fe-developer p.card-pox-position-p, #medior-javascript-fe-developer p.card-pox-location-p, #medior-javascript-fe-developer p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #medior-javascript-fe-developer .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #medior-javascript-fe-developer .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #medior-javascript-fe-developer p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #medior-javascript-fe-developer div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #medior-javascript-fe-developer span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#medior-javascript-fe-developer p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#medior-javascript-fe-developer p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* junior-qa-developer class and ids change */

#junior-qa-developer div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #junior-qa-developer div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #junior-qa-developer div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #junior-qa-developer div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #junior-qa-developer div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #junior-qa-developer div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #junior-qa-developer div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #junior-qa-developer div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#junior-qa-developer .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#junior-qa-developer .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#junior-qa-developer p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#junior-qa-developer div#soc-brands {
    display: flex;
}

#junior-qa-developer i.fab.fa-facebook-f, #junior-qa-developer i.fab.fa-linkedin-in, #junior-qa-developer i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#junior-qa-developer .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#junior-qa-developer .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#junior-qa-developer p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#junior-qa-developer .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#junior-qa-developer .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#junior-qa-developer .job-offer-cards-share, #junior-qa-developer .job-offer-cards-offices, #junior-qa-developer .job-offer-cards-clients, #junior-qa-developer .job-offer-cards-products, #junior-qa-developer .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #junior-qa-developer .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #junior-qa-developer .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #junior-qa-developer .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #junior-qa-developer .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #junior-qa-developer .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #junior-qa-developer .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #junior-qa-developer .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #junior-qa-developer .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #junior-qa-developer .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #junior-qa-developer .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #junior-qa-developer .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #junior-qa-developer .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #junior-qa-developer .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #junior-qa-developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #junior-qa-developer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #junior-qa-developer section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #junior-qa-developer .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #junior-qa-developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #junior-qa-developer p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #junior-qa-developer p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #junior-qa-developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #junior-qa-developer .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #junior-qa-developer .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #junior-qa-developer .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #junior-qa-developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #junior-qa-developer .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #junior-qa-developer .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #junior-qa-developer p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #junior-qa-developer p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #junior-qa-developer p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #junior-qa-developer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #junior-qa-developer .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #junior-qa-developer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #junior-qa-developer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #junior-qa-developer p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #junior-qa-developer .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #junior-qa-developer .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #junior-qa-developer .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #junior-qa-developer .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #junior-qa-developer p.card-pox-position-p, #junior-qa-developer p.card-pox-location-p, #junior-qa-developer p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #junior-qa-developer .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #junior-qa-developer .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #junior-qa-developer p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #junior-qa-developer div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #junior-qa-developer span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#junior-qa-developer p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#junior-qa-developer p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* creative-director-senior-designer class and ids change */

#creative-director-senior-designer div#graphic-design {
    padding: 0 17.2% 30px;
}

@media (max-width: 1800px) {
    #creative-director-senior-designer div#graphic-design {
        padding: 0 15.2% 30px;
    }}

@media (max-width: 1750px) {
    #creative-director-senior-designer div#graphic-design {
        padding: 0 14.2% 30px;
    }}

@media (max-width: 1650px) {
    #creative-director-senior-designer div#graphic-design {
        padding: 0 12.2% 30px;
    }}

@media (max-width: 1650px) {
    #creative-director-senior-designer div#graphic-design {
        padding: 0 11.2% 30px;
    }}

@media (max-width: 1550px) {
    #creative-director-senior-designer div#graphic-design {
        padding: 0 10.2% 30px;
    }}

@media (max-width: 1500px) {
    #creative-director-senior-designer div#graphic-design {
        padding: 0 8.2% 30px;
    }}

@media (max-width: 1400px) {
    #creative-director-senior-designer div#graphic-design {
        padding: 0 4.2% 30px;
    }}

#creative-director-senior-designer .job-offer-cards-child-left {
    border-right: 1px solid #ebebeb;
    padding: 10px 50px 10px 0;
}

#creative-director-senior-designer .job-offer-cards-child-right {
    padding: 0 0 10px 50px;
}

#creative-director-senior-designer p.address-title {
    color: #333;
    font-weight: 700;
    margin-bottom: 20px!important;
}

#creative-director-senior-designer div#soc-brands {
    display: flex;
}

#creative-director-senior-designer i.fab.fa-facebook-f, #creative-director-senior-designer i.fab.fa-linkedin-in, #creative-director-senior-designer i.fab.fa-twitter {
    margin-right: 15px;
    color: #666!important;
    font-size: 18px;
}

#creative-director-senior-designer .fa-linkedin-in {
    padding: 0 !important;
    border: none;
}

#creative-director-senior-designer .fa-map-marker-alt:before {
    content: "\f3c5";
    color: #0670b5;
    font-size: 18px;
}

#creative-director-senior-designer p.par-address-2 {
    font-size: 14px;
    color: #666;
    text-align: start;
    margin-bottom: 20px!important;
}

#creative-director-senior-designer .job-offer-cards-clients img {
    margin-bottom: 20px;
    display: block;
}

#creative-director-senior-designer .job-offer-cards-products img {
    margin-bottom: 20px;
    display: block;
}

#creative-director-senior-designer .job-offer-cards-share, #creative-director-senior-designer .job-offer-cards-offices, #creative-director-senior-designer .job-offer-cards-clients, #creative-director-senior-designer .job-offer-cards-products, #creative-director-senior-designer .job-offer-cards-contact {
    margin-bottom: 20px;
}
/* Responsive Jobs page */

@media (max-width: 1600px) {
    #creative-director-senior-designer .jobs-text {
        width: 50%;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #creative-director-senior-designer .jobs-text {
        width: 60%;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #creative-director-senior-designer .jobs-text {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #creative-director-senior-designer .jobs-image {
        width: 50% !important;
        margin-top: 0px;
    }
}

@media (max-width: 837px) {
    #creative-director-senior-designer .jobs-image {
        width: 40% !important;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    #creative-director-senior-designer .jobs-image {
        width: 100% !important;
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    #creative-director-senior-designer .ecommerce-header h1 {
        margin-left: 0px;
        width: auto;
    }
}

@media (max-width: 1300px) {
    #creative-director-senior-designer .ecommerce-header h1 {
        font-size: 36px;
    }
}

@media (max-width: 1060px) {
    #creative-director-senior-designer .office-address {
        display: none !important;
    }
}

@media (min-width: 1061px) {
    #creative-director-senior-designer .office-address-responsive {
        display: none !important;
        margin-left: 5%;
    }
}

@media (max-width: 1060px) {
    #creative-director-senior-designer .office-address-responsive {
        margin-top: 20px;
    }
}

@media (max-width: 1060px) {
    #creative-director-senior-designer .office-address-responsive .par-address {

        margin-left: 10%;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #creative-director-senior-designer .office-address-responsive .par-address {
        max-width: 70% !important;
        width: 70% !important;
        margin-left: 20%;
        margin-right: auto;
    }
}

@media (max-width: 1060px) {
    #creative-director-senior-designer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 980px) {
    #creative-director-senior-designer .office-address-responsive .address-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    #creative-director-senior-designer section.ecommerce-banner-wrapper {
        padding: 0px 10% !important;
    }
}

@media (max-width: 1600px) {
    #creative-director-senior-designer .card-box-position-img {
        display: -webkit-inline-box;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    #creative-director-senior-designer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 1600px) {
    #creative-director-senior-designer p.card-pox-position-p {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1600px) {
    #creative-director-senior-designer p.card-pox-location-p {
        margin-left: 5px;
    }
}

@media (max-width: 1600px) {
    #creative-director-senior-designer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 1199px) {
    #creative-director-senior-designer .card-box-btn {
        width: 100% !important;
        margin-top: -7px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #creative-director-senior-designer .card-box-time {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #creative-director-senior-designer .card-box-btn a {
        float: unset !important;
    }
}

@media (max-width: 1199px) {
    #creative-director-senior-designer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 1300px) {
    #creative-director-senior-designer .job-offer-cards-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 950px) {
    #creative-director-senior-designer .job-offer-cards-title {
        float: unset;
    }
}

@media (max-width: 1199px) {
    #creative-director-senior-designer p.card-box-title {
        font-size: 16px;
    }
}

@media (max-width: 430px) {
    #creative-director-senior-designer p.card-box-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .job-offer-cards-box {
        width: 85% !important;
        float: unset !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 950px) {
    #creative-director-senior-designer p.card-box-title {
        min-height: 55px;
    }
}


@media (max-width: 788px) {
    #creative-director-senior-designer p.card-box-title {
        min-height: 81px;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer p.card-box-title {
        min-height: 55px;
    }
}

@media (max-width: 950px) {
    #creative-director-senior-designer .job-offer-cards-child-left {
        border-right: none;
        padding: 10px 10px 10px 10px;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .job-offer-cards-title {
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .job-offer-cards-title h2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .card-box-info {
        text-align: start !important;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .card-box-position {
        display: -webkit-inline-box !important;
    }
}

@media (max-width: 585px) {
    #creative-director-senior-designer .card-box-position {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer span.span-card-pox-location-p {
        padding-left: 0px;
    }
}

@media (max-width: 585px) {
    #creative-director-senior-designer span.span-card-pox-location-p {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer p.card-pox-location-p {
        margin-left: 15px;
    }
}

@media (max-width: 585px) {
    #creative-director-senior-designer p.card-pox-location-p {
        margin-left: 5px;
    }
}


@media (max-width: 768px) {
    #creative-director-senior-designer .card-box-time {
        width: 49% !important;
        text-align: unset !important;
    }
}

@media (max-width: 500px) {
    #creative-director-senior-designer .card-box-time {
        width: 100% !important;
        text-align: unset !important;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .card-box-btn {
        width: 49% !important;
        text-align: right !important;
        margin-top: 0px;
        padding-top: 0px;
        float: right !important;
    }
}

@media (max-width: 500px) {
    #creative-director-senior-designer .card-box-btn {
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        padding-top: 50px;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #card-box-info {
        height: 40px;
    }
}

@media (max-width: 500px) {
    #card-box-info {
        height: 75px;
    }
}

@media (max-width: 585px) {
    #creative-director-senior-designer .card-box-position-img {
        text-align: start !important;
        display: flex;
    }
}

@media (max-width: 430px) {
    #creative-director-senior-designer p.card-pox-position-p, #creative-director-senior-designer p.card-pox-location-p, #creative-director-senior-designer p.card-box-time-p {
        font-size: 14px;
    }
}

@media (max-width: 356px) {
    #card-pox-position-p {
        padding-top: 25px;
    }
}

@media (max-width: 430px) {
    #creative-director-senior-designer .card-box-position-img {
        margin-bottom: 10px;
    }
}

@media (max-width: 950px) {
    #creative-director-senior-designer .job-offer-cards-child-right {
        padding: 0px 0px 10px 0px;
        width: 100% !important;
        float: unset !important;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .job-offer-cards-child-right {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    #creative-director-senior-designer p.address-title {
        margin-right: auto;
        margin-left: auto;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    .job-offer-cards-offices {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer p.par-address-2 {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer div#soc-brands {
        display: inline-flex;
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #soc-brands a {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .job-offer-cards-clients img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .job-offer-cards-products img {
        margin-bottom: 20px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer .job-offer-cards-child-left {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    #creative-director-senior-designer div#graphic-design {
        padding: 0px 10%;
    }
}

@media (max-width: 550px) {
    #creative-director-senior-designer span.span-card-pox-location-subjobs {
        margin-left: 5px;
    }
}

#creative-director-senior-designer p.card-pox-position-p {
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

#creative-director-senior-designer p.card-box-time-p {
    margin-bottom: 0!important;
    margin-left: 5px;
    color: #3e3e3e;
    font-size: 18px;
}

/**/

/* Font Awesome change for img */

#creative-director-senior-designer .office-position-icon {
    display: -webkit-inline-box;
}

#creative-director-senior-designer .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#creative-director-senior-designer p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#junior-laravel-developer .office-position-icon {
    display: -webkit-inline-box;
}

#junior-laravel-developer .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#junior-laravel-developer p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#junior_magento2_be_developer .office-position-icon {
    display: -webkit-inline-box;
}

#junior_magento2_be_developer .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#junior_magento2_be_developer p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#junior_magento2_fe_developer .office-position-icon {
    display: -webkit-inline-box;
}

#junior_magento2_fe_developer .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#junior_magento2_fe_developer p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#junior-qa-developer .office-position-icon {
    display: -webkit-inline-box;
}

#junior-qa-developer .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#junior-qa-developer p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#medior-javascript-fe-developer .office-position-icon {
    display: -webkit-inline-box;
}

#medior-javascript-fe-developer .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#medior-javascript-fe-developer p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#medior-laravel-developer .office-position-icon {
    display: -webkit-inline-box;
}

#medior-laravel-developer .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#medior-laravel-developer p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#medior_magento2_be_developer .office-position-icon {
    display: -webkit-inline-box;
}

#medior_magento2_be_developer .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#medior_magento2_be_developer p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#medior_magento2_fullstack_developer .office-position-icon {
    display: -webkit-inline-box;
}

#medior_magento2_fullstack_developer .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#medior_magento2_fullstack_developer p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#medior-project-mng .office-position-icon {
    display: -webkit-inline-box;
}

#medior-project-mng .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#medior-project-mng p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

#medior-wordpress-dev .office-position-icon {
    display: -webkit-inline-box;
}

#medior-wordpress-dev .office-position-icon img{
    margin-top: -5px;
    margin-right: 5px;
}

#medior-wordpress-dev p.par-address {
    font-size: 14px;
    color: #666666;
    text-align: start;
}

@media (min-width: 769px) {
#jobs .card-box-btn {
    margin-top: -7px;
    display: none;
}}

#jobs .card-box-btn #link-card-box {
     display: none;
 }
@media (max-width: 768px) {
    #jobs .job-offer-cards-box {
    pointer-events: none;
}
}
@media (max-width: 768px) {
    #jobs .card-box-btn #button-card-box {
        pointer-events: all;
    }
}

 #jobs .office-address-responsive p.par-address {
    width: 90%;
}

.ecommerce-banner-image.jobs-subjobs-image img {
    margin-top: 33px;
}


@media (max-width: 500px) {
#jobs p.par-address {
    width: 90%;
}}

#jobs .ecommerce-banner-wrapper {
    background:none;
}

#migration-background-none {
    background: none !important;
}


#medior-project-mng .job-offer-cards-contact a,
#medior-wordpress-dev .job-offer-cards-contact a,
#medior_magento2_be_developer .job-offer-cards-contact a,
#medior_magento2_fullstack_developer .job-offer-cards-contact a,
#junior_magento2_be_developer .job-offer-cards-contact a,
#junior_magento2_fe_developer .job-offer-cards-contact a,
#medior-laravel-developer .job-offer-cards-contact a,
#junior-laravel-developer .job-offer-cards-contact a,
#medior-javascript-fe-developer .job-offer-cards-contact a,
#junior-qa-developer .job-offer-cards-contact a,
#creative-director-senior-designer .job-offer-cards-contact a
{
    color: #666666;
}
.into-view {
    opacity: 1 !important;
}

/* Popup jobs page click on main banner fix */
/*.jobs-page-subjobs .ecommerce-banner-image {*/
/*    z-index: -1;*/
/*}*/

/*.blocker {*/
/*    z-index: 9999;*/
/*}*/

/* Popup jobs page click on main banner fix END */

@media (max-width: 500px) {
    .subjobs-content-3 {
        text-align: center;
    }
}

/* Countdown Timer START */
.countdown-timer-card {
    box-shadow: 0px 3px 6px #0000001C !important;
    padding: 10px 20px 0 20px !important;
    max-width: 514px;
    border-radius: 17px !important;
    border: none !important;
    overflow: hidden;
    position: relative;
}

.countdown-timer-card:before {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: opacity 200ms ease;
}

.countdown-timer-card.not-last-day:before {
    background-image: url(../img/jobs/career-days-cv-banner.png);
}

.countdown-timer-card.last-day:before {
    background-image: url(../img/jobs/career-days-banner-orange.png);
}

.countdown-timer-card:hover:before {
    opacity: 0.8;
}

.countdown-timer-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}

.countdown-timer-logo {
    margin-top: 10px;
}

.countdown-timer-bottom p {
    color: #fff;
    font-size: 18px;
}

.countdown-timer-title {
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.countdown-timer-subtitle {
    margin-bottom: 19px;
}

.countdown-timer-btn {
    font-family: 'Montserrat';
    background-color: #EFFAFF;
    color: #0670B5;
    display: inline-block;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    padding: 9px 30px;
    line-height: 1.3;
}

.countdown-timer-btn:hover {
    background-color: #36b8fc;
    color: #EFFAFF;
}

.countdown-timer-countdown {
    background: #fff;
}

.countdown-timer-countdown {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 5px 10px;
    border-radius: 7px;
}

.countdown-timer-units {
    text-align: center;
}

.countdown-timer-nums {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    background-color: #2257AC;
    border-radius: 7px;
    width: 48px;
    height: 48px;
}

.countdown-timer-units > span {
    font-size: 12px;
    font-weight: 400;
    color: #2257AC;
}

.countdown-timer-units:not(:last-child) {
    margin-right: 15px;
}

@media (max-width: 1200px) {
    .countdown-timer-units > span {
        line-height: 1;
    }
}

@media (max-width: 576px) {
    #jobs .job-offer-cards-box.countdown-timer-card {
        width: 100% !important;
    }

    .countdown-timer-top {
        flex-direction: column;
        align-items: center;
    }

    .countdown-timer-logo {
        margin-bottom: 10px;
    }

    .countdown-timer-countdown {
        max-width: 200px;
        padding-bottom: 5px;
    }

    .countdown-timer-units > span {
        line-height: 1;
        margin-bottom: 0;
    }

    .countdown-timer-subtitle {
        margin-top: 5px;
    }
}
/* Coundown Timer END */

/* Popup Card Form  START */

.popup.popup-with-form {
    position: relative;
    z-index: 101;
}

.popup form {
    max-width: 340px;
    margin: 0 15px;
}

.popup .contents form select,
.popup .contents form input {
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 11px;
    padding: 8px 0px 8px 15px;
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.popup-with-form input[type="file"]:hover {
    cursor: pointer;
}

#jobs .form-popup-card {
    position: relative;
    padding-top: 22px;
    padding-bottom: 0;
    border: none !important;
    border-radius: 17px !important;
    text-align: center;
    overflow: hidden;
    box-shadow: 0px 3px 6px #0000001C;
    display: block;
}

#jobs .form-popup-card:before {
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #5bbbff8a, #97d3ff12), url(../img/jobs/syncit-group-general-sponsor.png);
    /* background-image: url(../img/jobs/syncit-group-general-sponsor.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.7;
    filter: contrast(1.4);
    transition: opacity 200ms ease;
}

#jobs .form-popup-card:hover::before {
    opacity: 0.4;
}

.form-popup-card .form-popup-card-title {
    font-size: 25px;
    font-weight: 700;
    color: #3E3E3E;
    margin-bottom: 11px;
    line-height: 1.4;
}

.form-popup-card .form-popup-card-subtitle {
    color: #3E3E3E;
    font-weight: 700;
    margin-bottom: 10px !important;
    font-size: 16px;
}

.form-popup-card .form-popup-card-btn {
    font-size: 16px;
    border-radius: 24px !important;
    padding: 16px 56px;
    font-weight: 600;
}

#jobs .form-popup-card-btn:hover {
    color: #fff;
    background-color: #058BEB;
}

.popup.popup-with-form .contents {
    max-height: 577px;
    max-width: 560px;
}

.popup.popup-with-form .pop-up-form-title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
}

.popup.popup-with-form .pdf-upload {
    text-align: left;
}

.popup.popup-with-form .pdf-upload-left {
    margin: 0;
}

.popup.popup-with-form .pdf-upload-left p {
    margin-top: 0px;
    margin-bottom: 11px;
}

/*.popup.popup-with-form .pdf-upload #file::file-selector-button  {*/
/*    font-weight: 400;*/
/*    color: #0670B5;*/
/*    padding: 9px 22px;*/
/*    border: none;*/
/*    border-radius: 18px;*/
/*    background-color: #EFFAFF;*/
/*}*/

.popup.popup-with-form .subjobs-button {
    padding: 13px 65px;
    font-size: 17px;
    margin-top: 10px;
    font-weight: 700;
}

.popup #submit-button {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 768px) {
    .form-popup-card .form-popup-card-subtitle {
        text-align: center;
    }

    .popup.popup-with-form .pop-up-form-title {
        font-size: 27px;
    }
}

@media (max-width: 576px) {
    .form-popup-card .form-popup-card-title {
        font-size: 20px;
    }

    .form-popup-card .form-popup-card-subtitle {
        font-size: 16px;
    }

    .form-popup-card .form-popup-card-btn {
        padding: 10px 40px;
        font-size: 15px;
    }
}

@media (max-width: 410px) {
    .popup.popup-with-form .contents {
        max-height: 500px;

    }
}
/* Popup Card Form  END */

/* Jobs page */
.input.select,
.input.text.required {
    text-align: left;
}

#jobs div.message {
    width: 100%;
    top: 0;
}


@media (max-width: 768px) {
    #jobs .job-offer-cards-box.countdown-timer-card,
    #jobs .job-offer-cards-box.form-popup-card {
        pointer-events: initial;
    }

    #jobs div.message {
        margin-bottom: 15px;
    }

    .jobs-page-subjobs div.message {
        width: 100%;
    }
}

div.message.hidden {
    height: 0;
    display: none;
}

/* Jobs page END */

/* Global Notification Styling START*/
div.message {
    padding: 8px 48px;
    border-radius: 10px;
    text-align: left;
    font-size: 12px;
    color: #3E3E3E;
}

div.message.success {
    background-color: #A0FFE2;
}

div.message.success::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.6px' height='13.6px' viewBox='0 0 13.6 13.6' style='enable-background:new 0 0 13.6 13.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Benable-background:new ;%7D .st1%7Bfill:%233E3E3E;%7D%0A%3C/style%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M13.6,6.8c0,3.7-3,6.8-6.8,6.8S0,10.5,0,6.8S3,0,6.8,0S13.6,3,13.6,6.8z M1.3,6.8c0,3,2.4,5.5,5.5,5.5 c3,0,5.5-2.4,5.5-5.5S9.8,1.3,6.8,1.3C3.8,1.3,1.3,3.8,1.3,6.8z M10.6,5.3L5.9,10c-0.1,0.1-0.3,0.1-0.5,0L2.9,7.5 c-0.1-0.1-0.1-0.3,0-0.5l0.6-0.6c0.1-0.1,0.3-0.1,0.5,0l1.6,1.6l3.9-3.8c0.1-0.1,0.3-0.1,0.5,0l0.6,0.6C10.7,5,10.7,5.2,10.6,5.3z' /%3E%3C/g%3E%3C/svg%3E%0A");
}

div.message.error {
    background-color: #FFC2C2;
}

div.message.error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.6' height='13.6' viewBox='0 0 13.6 13.6' xml:space='preserve'%3E%3Cpath d='M13.6 6.8c0 3.7-3 6.8-6.8 6.8S0 10.5 0 6.8 3 0 6.8 0s6.8 3 6.8 6.8zm-1.4 0c0-3-2.4-5.5-5.5-5.5S1.3 3.8 1.3 6.8s2.4 5.5 5.5 5.5 5.4-2.5 5.4-5.5zm-4.3 0 1.7 1.7c.1.1.1.3 0 .5l-.7.6c-.1.1-.3.1-.5 0L6.8 7.9 5.1 9.6c-.1.1-.4.1-.5 0L4 8.9c-.1-.1-.1-.3 0-.4l1.7-1.7L4 5.1c-.1-.1-.1-.4 0-.5l.6-.6c.1-.1.4-.1.5 0l1.7 1.7L8.5 4c.1-.1.3-.1.5 0l.6.6c.1.1.1.3 0 .5L7.9 6.8z' fill='%233e3e3e'/%3E%3C/svg%3E%0A");
}

div.message::before,
div.message::after {
    position: absolute;
    top: 17px;
    margin-left: 20px;
    content: "";
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 14px;
    height: 14px;
    padding: 0;
}

div.message::before {
    left: 5px;
}

div.message::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='9.6px' height='9.6px' viewBox='0 0 9.6 9.6' style='enable-background:new 0 0 9.6 9.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Benable-background:new ;%7D .st1%7Bfill:%233E3E3E;%7D%0A%3C/style%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M9.4,7.5c0.3,0.3,0.3,0.9,0,1.2L8.8,9.4c-0.3,0.3-0.9,0.3-1.2,0L4.8,6.6L2.1,9.4c-0.3,0.3-0.9,0.3-1.2,0 L0.3,8.8c-0.3-0.3-0.3-0.9,0-1.2L3,4.8L0.3,2.1c-0.3-0.3-0.3-0.9,0-1.2l0.6-0.6c0.3-0.3,0.9-0.3,1.2,0L4.8,3l2.7-2.7 c0.3-0.3,0.9-0.3,1.2,0l0.6,0.6c0.3,0.3,0.3,0.9,0,1.2L6.6,4.8L9.4,7.5z'/%3E%3C/g%3E%3C/svg%3E%0A");
    margin-right: 8px;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
}

.form-messages {
    text-align: left;
}

.form-messages:hover {
    cursor: pointer;
}

@media (max-width: 768px) {
    div.message {
        padding: 15px 25px;
        line-height: 1.4 !important;
    }

    div.message::before {
        left: -14px;
    }

    div.message::after {
        right: 0;
    }

}

/* Global Notification Styling END */


/* Privacy Policy Language Switch Tabs*/

.flex-li-content {
    display: flex;
}

.flex-li-content p {
    margin-left: 15px;
}

.switch-tab-dropdown-wrap *,
.switch-tab-dropdown {
    padding: 0 !important;
    margin: 0 !important;
}

.switch-tab-wrap {
    padding-top: 0 !important;
    /*min-height: 540px;*/
}

.switch-tab-dropdown-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 0 !important;
}

.switch-tab-dropdown {
    width: 65px;
    padding-left: 10px !important;
    margin-left: 15px !important;
}

#privacy .switch-tab {
    padding-top: 0;
}

.switch-tab-rs,
.switch-tab-dropdown-wrap span {
    display: none;
}

@media (max-width: 460px) {
    #privacy div {
        padding-left: 15px;
        padding-right: 15px;
    }

    #privacy h1 {
        margin-top: 20px;
        margin-bottom: 40px;
        line-height: 1.4;
    }
}

/* ISO Certificates Start */
#isoCertificates {
    padding: 150px 30px 100px 30px;
}

#isoCertificates h1 {
    margin-bottom: 80px;
    font-size: 60px;
    font-weight: bold;
}

.iso-certificates-section {
    margin-bottom: 100px;
}

.iso-certificates-buttons {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    gap: 30px;
}

/*.iso-certificates-buttons a:first-child {*/
/*    margin-right: 30px;*/
/*}*/

@media (max-width: 1200px) {
    #isoCertificates h1 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .iso-certificates-buttons {
        flex-wrap: wrap;
    }

    .iso-certificates-buttons .button-link {
        flex-shrink: 0;
    }

    #isoCertificates h1 {
        font-size: 32px;
    }
}

@media (max-width: 610px) {
    .iso-certificates-buttons {
        flex-direction: column;
        align-items: center;
    }
}
/* ISO Certificates End */

@media only screen and (max-width: 1366px) {

    .menu-btn {
        margin-top: 70px;
    }
}

@media only screen and (max-width: 450px) {
  
  .rebranding-top-banner-inner {
        display: flex;
        flex-direction: column;
        gap: 15px;
        justify-content: flex-start;
    }

    .rebrand-btn {
        margin-left: 0;
    }
    
    .menu-btn {
        margin-top: 100px;
    }

}

/* Support Page */

#support {
    height: 185vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body #freshworks-frame-wrapper {
    bottom: 45px !important;
    top: 300px !important;
    left: 50% !important;
    transform: translateX(-50%);
    position: absolute !important;
    z-index: 99 !important;
    width: 500px;
    height: calc(100% + 50px) !important;
    max-height: unset !important;
    overflow: visible !important;
}


#launcher-frame {
    display: none !important;
}

@media only screen and (max-width: 667px) {

    #support {
        height: 180vh;

    }

    body #freshworks-frame-wrapper {
        width: 90% !important;
        height: 100% !important;
        top: 240px !important;
    }
}

@media only screen and (max-width: 450px) {

    #support {
        height: 190vh;
        padding-top: 200px;
    }

    body #freshworks-frame-wrapper {
        top: 290px !important;
    }
}