/*
    Theme Name:   Dy 2020
    Author:       Dyvelopment
    Author URI:   http://www.dyvelopment.com
    Version:      1.0.0
*/
body
{
    /*padding-top:70px;*/
    font-family: 'Muli', sans-serif;
    font-size:14px;
    color:#1b2636;
    color:#47576f;
    line-height:1.7;
}

b, strong{ font-weight: bold; }

h1, h2, h3, h4, h5, h6
{
    font-family: 'Tajawal', sans-serif;
    font-weight: bold;
}

img.responsive,
figure.responsive>img
{
    max-width:100%;
}

.Typewriter__cursor
{
    font-weight: 300;
    text-shadow: none;
    display:inline-block;
    width:3px;
}

.margin-top-xs{ margin-top:15px; }
.margin-top-s{ margin-top: 30px; }
.margin-top{ margin-top: 50px; }
.margin-top-l{ margin-top:80px; }
.margin-top-xl{ margin-top:100px; }
.margin-top-xxl{ margin-top:120px; }

.highlight-main
{
    color:#e64b57;
}

.color-white
{
    color:#fff;
}

.highlight-green
{
    color: #0be5a5;
}

*>.input-group
{
    margin-bottom: 30px;
}

*>.input-group:last-child
{
    margin-bottom:0;
}

input, textarea
{
    border:1px solid #d4dae4;
    background:#fff;
    padding: 10px 15px;
    display:block;
    width:100%;
}

label
{
    font-weight:bold;
    margin-bottom:2px;
}

.blue-bg
{
    /*background-color:#f9fbfe;*/
}

.blue-block {
    background-color: #f9fbfe;
    padding: 30px;
    border-radius:5px;
}


.blue-block h3 {
    font-size: 1.4em;
}

.blue-block h4 {
    font-size: 1.2em;
}

.blue-block span {
    line-height: 2;
    font-size: 0.9em;
}

.blue-block.dark
{
    color: #e5e2ea;
    background: #131d27;
}

.app-bar
{
    padding:50px;
}

.app-bar img
{
    max-width:100%;
    height:auto;
}

.blue-bar
{
    background:#f9fbfe;
}

.header
{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:70px;
    /*background:#fff;*/
    line-height: 70px;
    z-index:100;
    /*box-shadow:0 0 50px 0 rgba(0,0,30,0.2);*/
    transition: all 0.3s ease;
    background: rgba(0,0,10,.25);
    background: rgba(18,23,35,.8);
    background: rgba(18,23,35,.1);
    background: rgba(0,0,10,.2);
}

.page-template-page-home .header
{
    background: rgba(0,0,10,.15);
}

.header.scrolled
{
    background:#fff;
    box-shadow:0 0 50px 0 rgba(0,0,30,0.2);
}

.header .logo
{
    height:26px;
    display:inline-block;
}

.header .logo-scrolled
{
    display:none;
}

.header.scrolled .logo-scrolled
{
    display:inline-block;
}

.header.scrolled .logo-static
{
    display:none;
}

.header ul
{
    list-style: none;
    padding:0;
    margin:0;
    float:right;
}

.header .menu li
{
    display: inline-block;
    margin-right:25px;
}

.header .menu li.lang-switcher
{
    margin-right:10px;
}

.header .menu li:last-child
{
    margin-right:0;
}

.header .menu li a.active,
.header .menu li a.current-menu-parent
{
    font-weight:bold;
}

.header .menu a
{
    color:#fff;
    display:inline-block;
}

.header.scrolled .menu a,
.header .menu .sub a
{
    color:#263950;
}

.header .menu a.item-lightspeed
{
    position:relative;
    padding-left:15px;
    padding-right:14px;
}

.header .menu a.item-lightspeed:before
{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 16px;
    width: 11px;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 382.89 571.05'%3E%3Ctitle%3Elightspeed-icon%3C/title%3E%3Cg id='2762cabc-460f-4213-969f-9d447ef3ca4d' data-name='Layer 2'%3E%3Cg id='e815c6b7-a95f-422b-84a5-1a7daa52a8db' data-name='Layer 1'%3E%3Cpath d='M191.45,0l26.31,45.79a31.45,31.45,0,0,1,0,30.53L60.92,348.42l74.21,128.42a64.91,64.91,0,0,0,112.63,0L322,348.42,302.5,313.68,218.29,459.47A30.49,30.49,0,0,1,192,474.74a29.86,29.86,0,0,1-26.31-15.27l-64.74-111L246.71,95.79,273,141.58a31.51,31.51,0,0,1,0,30.53L171.45,348.42l20,34.74L302,191.58l72.64,125.79a63.31,63.31,0,0,1,0,62.63L300.92,507.89c-11.05,19.48-46.31,63.16-109.47,63.16S93.55,527.37,82,507.89L8.29,380a63.31,63.31,0,0,1,0-62.63L191.45,0' style='fill: %23ed5153'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.header .menu a.item-lightspeed:after
{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: 8px;
    width: 9px;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -3px;
    background-image: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='612px' height='612px' viewBox='0 0 612 612' style='enable-background:new 0 0 612 612;' xml:space='preserve'%3E%3Cg%3E%3Cg id='_x31_0_34_'%3E%3Cg%3E%3Cpath d='M604.501,134.782c-9.999-10.05-26.222-10.05-36.221,0L306.014,422.558L43.721,134.782 c-9.999-10.05-26.223-10.05-36.222,0s-9.999,26.35,0,36.399l279.103,306.241c5.331,5.357,12.422,7.652,19.386,7.296 c6.988,0.356,14.055-1.939,19.386-7.296l279.128-306.268C614.5,161.106,614.5,144.832,604.501,134.782z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-size:7px;
    opacity:0.5;
}

.header .menu a.item-app-login
{
    line-height: 36px;
    padding: 0 20px;
    border-radius: 3px;
    /*background: #e8edf5;*/
    background: rgba(168, 190, 226, 0.27);
    border-radius:50px;
}

.header .menu li>ul
{
    opacity:0;
    visibility: hidden;
    position:absolute;
    background:#fff;
    line-height: 1.5;
    border-top: 2px solid #e64b57;
    box-shadow: 0 20px 50px 0 rgba(0,0,30,0.18);
    margin-top: 10px;
    transition: all 0.2s ease;
}

.header .menu li:hover>ul
{
    display:block;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}

.header .menu li>ul li
{
    display: block;
}

.header .menu li>ul li a
{
    display: block;
    padding: 15px 30px;
}

.mobile-nav
{
    float:right;
    /*line-height:1em;*/
    position: relative;
}

.nav-icon
{
    width: 26px;
    position: relative;
    display: inline-block;
    cursor:pointer;
    height:15px;
}

.nav-icon > div
{
    width: 24px;
    height: 1px;
    background: #999;
    transition: 0.4s;
    position: absolute;
}

.nav-icon > div.bar1
{
    top: 0px;
}

.nav-icon > div.bar2
{
    top:7px;
}

.nav-icon > div.bar3
{
    top:14px;
}

.nav-icon.active > div.bar1
{
    top: 0px;
    transform: rotate(45deg);
}

.nav-icon.active > div.bar2
{
    opacity: 0;
    margin-left:-20px;
}

.nav-icon.active > div.bar3
{
    top: 0px;
    transform: rotate(-45deg);
}

.nav-icon.active > div.bar1,
.nav-icon.active > div.bar3
{
    top:7px;
}

.main-banner
{
    width:100%;
    height: calc(75vh);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 500px;
    position: relative;
    /*background-attachment: fixed;*/
    /*z-index:1*/
}

.main-banner.homepage
{
    /*height: calc(100vh - 70px);*/
    height: calc(103vh);
    min-height: 500px;
}

.main-banner .wrapper
{
    display: flex;
    flex-direction: column;
    width:100%;
    height: 100%;
    position:absolute;
    left: 0;
    top:0;
    z-index: 1;
    color:#fff;
    text-align: center;
    align-items: center;
    justify-content: center;
    overflow:hidden;
}

.main-banner .wrapper>*
{
    margin-bottom: 30px;
}

.main-banner .wrapper>*:last-child
{
    margin-bottom:0;
}

.main-banner .wrapper .description
{
    max-width:750px;
    font-size:1.1em;
}

.main-banner .wrapper .description>img
{
    max-height:24px;
}

.main-banner.homepage .wrapper>h1
{
    font-weight: normal;
    letter-spacing: 3px;
}

/*.main-banner.homepage .wrapper:after*/
.main-banner .wrapper:after
{
    content: "";
    display: block;
    width: 102%;
    background: #fff;
    height: 200px;
    bottom: -130px;
    position: absolute;
    transform: rotate(-3deg);
    left: 0;
}

.main-banner.homepage .wrapper:before,
.main-banner.page-about .wrapper:before,
.main-banner.page-default-banner .wrapper:before
{
    background: linear-gradient(45deg,  #3a163f 0%,#142e33 100%);
    background:#10202d;
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    content: "";
    display: block;
    opacity:0.95;
    z-index: -1;
}

.main-banner.page-default-banner .wrapper:before
{
    opacity:0.7;
}

.main-banner.page-contact .wrapper:before
{
    background: linear-gradient(45deg,  #3a163f 0%,#142e33 100%);
    background: linear-gradient(45deg, #62116d 0%,#0b3a63 100%);
    background: linear-gradient(45deg, #320938 0%,#083358 100%);
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    content: "";
    display: block;
    opacity:0.95;
    opacity:0.9;
    z-index: -1;
}

.contact-page-container
{
    margin-top: -30vh;
    z-index: 1;
    position: relative;
}

.page-template-page-contact .contact-form-block
{
    padding: 50px;
    background: #fff;
    /*border-radius: 30px;*/
    box-shadow: 0px 0px 50px 0 rgba(0,0,70,0.08);
    width: 100%;
    transform: skew(0, 3deg);
}

.page-template-page-contact .contact-form-block form
{
    transform: skew(0, -3deg);
}

.page-template-page-contact .contact-form-block textarea
{
    height:150px;
}

.page-template-page-contact .contact-form-block input,
.page-template-page-contact .contact-form-block select,
.page-template-page-contact .contact-form-block textarea
{
    box-shadow:none;
}

.page-template-page-contact .contact-form-block .col-md-6
{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.page-template-page-contact .contact-form-block form>.row>.col-md-6:nth-child(2)
{
    margin-top:30px;
}

.page-template-page-contact .usp
{
    max-width:550px;
    margin-left:auto;
    margin-right:auto;
}

.button-holder>.button
{
    margin-right:30px;
}

.button-holder>.button:last-of-type
{
    margin:0;
}

.button, .button:hover, .button:active, .button:visited
{

}

.button
{
    display:inline-block;
    padding:15px 36px;
    color:#fff !important;
    border-radius:3px;
    background: linear-gradient(to right, #e51f57 0%,#fa6e62 100%);
    text-decoration:none;
    font-weight:bold;
    width:auto;
    border-radius:50px;
}

.button-text
{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 1px;
    color: #0f5bab;
}

.button>i, .button-text>i
{
    margin-left:5px;
}

.button.button-small,
.button.button-small.lined
{
    padding: 10px 20px;
    font-size: 0.8em;
}

.button-large
{
    font-size: 1.1em;
    padding:20px 50px;

}

.button.button-large.lined
{
    padding:20px 50px;
}

.button-rounded
{
    border-radius: 50px;
}

.button-green
{
    background: linear-gradient(to right, #45dee5 0%,#0be5a5 100%);
}

.button.lined
{
    padding:14px 35px;
    border:1px solid #dd4855;
    background:none;
}

.button-green.lined
{
    border:1px solid #0be5a5;
}

.button.inverted
{
    color:#1b2636;
    color:#d44451!important;
}

.button.button-green.inverted
{
    color: #0acc93 !important;
}

.skew-block-holder
{
    transform: skew(0deg, -3deg);
}

.anti-skew-block
{
    transform: skew(0deg, 3deg);
}

.block
{
    padding:50px;
    min-height:400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:100%;
    border-radius: 5px;
}

.block>.textwidget, .block>.custom-html-widget
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.block>.textwidget>*:not(ul):not(div),
.block>.custom-html-widget>*:not(ul):not(div)
{
    align-self: stretch;
}

.block>div, .block>p
{
    width:100%;
}

.block.no-padding
{
    padding:0;
}

.block.with-label
{
    overflow:hidden;
    position:relative;
}

.block .label
{
    /*position: absolute;*/
    /*background: #dd4755;*/
    /*background:#211a4c;*/
    /*top: 47px;*/
    /*right: -50px;*/
    /*transform: rotate(45deg);*/
    /*padding: 10px;*/
    /*text-align: center;*/
    /*width: 240px;*/
    /*color: #fff;*/
    /*font-weight: bold;*/
    /*font-size: 1.1em;*/
    position: absolute;
    background: #dd4755;
    background: #211a4c;
    background: #f2505d;
    /* background: #16e3b1; */
    top: 50px;
    right: 50px;
    /* transform: rotate(45deg); */
    padding: 10px 20px;
    text-align: center;
    /* width: 240px; */
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    display: inline-block;
    width: auto;
}

.block.gradient-main
{
    background: linear-gradient(to right, #e51f57 0%,#fa6e62 100%);
    color:#fff;
}

.block.gradient-main.with-effect
{
    background: url(i/sections.png), url(i/sections.png), linear-gradient(to right, #e51f57 0%,#fa6e62 100%);
}

.block.gradient-soft
{
    background: linear-gradient(to right, #fff5f8 0%,#f0fdff 100%);
}

.block.homepage-callout
{
    font-size:24px;
    text-align:center;
    font-weight:200;
}

.usp-list .usp
{
    display:flex;
    align-items: center;
    margin-bottom:30px;
    width:100%;
    padding: 30px 50px;
    border-radius: 10px;
    background:#fff;
}

.usp-list .usp:nth-child(2)
{
    background: #f7fcff;
}

.usp-list.with-gradients .usp
{
    background: linear-gradient(45deg, #d8f8f9, #e0fff6);
    background: linear-gradient(45deg, #ffffff, #ffe8ec);
    box-shadow: 0 0 40px 0 rgba(0,0,90,0.08);
}

.usp-list.with-gradients .usp:nth-child(2)
{
    color: #fff;
    background: linear-gradient(45deg, #1a2937, #1b6e7a);
    background: linear-gradient(45deg, #3e2b63, #008598);
}

.usp-list.services .usp
{
    margin-bottom:50px;
}

.usp-list .usp:last-child
{
    margin-bottom:0;
}

.usp-list .usp .icon
{
    padding-right:50px;
    font-size: 28px;
}

.usp .icon>img {
    width: 54px;
    height:100%;
    /*height:auto;*/
}

.usp-list.services .usp .icon
{
    padding-right:50px;
}

.usp-list.services .usp .icon>img
{
    height:auto;
    width:100%;
    max-width:180px;
    border-radius:100%;
}

.usp-list .usp .text
{
    /*padding:30px;*/
    /*border-radius:5px;*/
    transition: all 0.2s ease;
    flex: 0 1 100%;
    font-size: 0.98em;
}

/*.usp-list .usp .text:hover*/
/*{*/
/*    background:#fff;*/
/*    box-shadow:0 0 50px -10px rgba(116, 145, 189, 0.26);*/
/*}*/

.usp-list .usp h3
{
    font-size: 20px;
    margin-bottom: 0.3rem;
}

.usp-list.with-gradients .usp:nth-child(2) h3
{
    color:#fff;
}

.usp-list .usp h4
{
    font-size:18px;
    margin-bottom:0px;
}

.usp-vert .icon
{
    font-size: 2em;
    margin-bottom: 10px;
}

.homepage-theme
{
    color:#fff;
    background: url(i/sections.png), linear-gradient(45deg, #323b6c, #028196);
    /*box-shadow:inset 0 0 60px 0px rgba(0,0,0,0.2);*/
}

.homepage-theme:before, .homepage-theme:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 30px 30px -30px rgba(0,0,0,0.4);
    z-index:-1;
    pointer-events: none;
}

.homepage-theme:after {
    box-shadow: inset 0px -30px 30px -30px rgba(0,0,0,0.4);
    top:0;
}

.homepage-theme h4.page-intro
{
    font-size:18px;
    font-size:1.4em;
    line-height:1.4;
    opacity: 0.6;
}

.homepage-theme .usps
{
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    padding:0;
    list-style: none;
}

.homepage-theme .usps li
{
    padding-left:30px;
    position:relative;
    margin-bottom:10px;
}

.homepage-theme .usps li:before
{
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f00c";
    color:#6bb925;
    position:absolute;
    left:0;
}

.theme-demo-holder form {
    display: flex;
    flex-wrap: wrap;
}

.theme-demo-holder form>div {
    width: 50%;
    padding: 0 15px;
    margin-top: 15px;
}

.theme-demo-holder form>.submit
{
    width:100%;
    text-align:center;
}

.page-impressions .impressions
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.homepage-impressions .impressions,
.page-impressions .impressions
{
    flex-direction: row;
    flex-wrap: wrap;
}

.homepage-impressions .impression,
.page-impressions .impression
{
    width:calc(33% - 60px);
    margin: 0 30px;
    text-align:center;
    padding:30px 15px;
}

.page-impressions .impression
{
    width:calc(25% - 90px);
    margin: 0 30px;
}

.homepage-impressions .impression img,
.page-impressions .impression img
{
    max-width:100%;
}

.block-contact
{
    padding: 80px;
    padding-bottom:50px;
}

form input, form textarea, form .fancy-select
{
    box-shadow: 0 0 13px 0px rgba(116, 145, 189, 0.1);
    border: 1px solid #edf1f5;
}

.block-contact input, .block-contact textarea
{
    border:0;
    box-shadow:0 0 40px -10px rgba(116, 145, 189, 0.4);
    box-shadow:0 0 50px -10px rgba(116, 145, 189, 0.15);
}

.block-contact textarea,
form textarea
{
    height:300px;
}

/*.page-template-page-services .service-blocks{
    margin-top:-80px;
    position: relative;
    z-index: 1;
}*/
.page-template-page-services .service-blocks>.row
{
    justify-content: space-between;
}


.page-template-page-services .service-blocks .col {
    max-width: 480px;
}

.service-block
{
    padding: 40px;
    /*background: #131d27;*/
    /*color: #99a8b7;*/
    height: 100%;
    border-radius: 5px;
    /*box-shadow:0 0 40px -10px #131d27;*/
}

.service-block h3 {
    /*color: #fff;*/
    font-size: 1.3em;
    margin-top: 30px;
}

h4.page-intro,
p.intro-text{
    /*color: #8da1bf;*/
    opacity: 0.75;
    font-weight: 400;
    font-size: 1.4em;
    font-size: 1.6em;
    max-width: 991px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0;
    line-height: 1.6;
    font-weight:300;
}

p.boxed
{
    max-width: 991px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0;
}

.theme-block
{
    text-align:center;
}

.theme-block img
{
    margin-bottom:15px;
}

.footer-contact-block, .footer-contact-block .skew-block-holder
{
    /*background:linear-gradient(to right, #360f46 0%,#024356 100%);*/
    /*color:#fff;*/
    background: linear-gradient(to right, #f8fcff 0%,#dbecf9 100%);
}

.footer-contact-block .skew-block-holder
{
    transform-origin: left;
}

.footer-contact-block .skew-block-holder:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 30px 40px -30px rgba(7, 19, 35, 0.20);
    z-index: -1;
    pointer-events: none;
}

footer
{
    background:#0b1422;
    padding:30px;
    color:#fff;
    position: relative;
    z-index: 1;
}

footer .logo
{
    height:22px;
}

.footer-links
{
    text-align:right;
}

.footer-links a
{
    color: #728198;
    margin-left: 20px;
    font-size: 12px;
}

.footer-slogan
{
    opacity:0.5;
    font-size:0.9em;
    letter-spacing:1px;
    margin-top:2px;
    font-weight:200;
}

.dimmed
{
    display: none;
    position: fixed;
    top:0;
    left:0;
    z-index:199;
    background:rgba(0,0,0,0.4);
    width:100%;
    height:100%;
}

.mobile-navigation {
    position: fixed;
    top: 0;
    background: #272d35;
    background: #252533;
    background: linear-gradient(45deg, #3a163f 0%,#142e33 100%);
    z-index: 200;
    right: 0px;
    margin-right:-500px;
    width: 100%;
    max-width: 350px;
    height: 100%;
    padding: 50px;
    box-shadow: 0 0 70px -30px #000;
    display:none;
    opacity:0;
}

.mobile-navigation.active
{
    margin-right: 0px;
}

.logo-mobile
{
    max-width: 100px;
    margin: 0 auto;
    display: block;
}

ul.mobile-nav-items
{
    list-style: none;
    padding:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}

.mobile-nav-items>li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.mobile-nav-items>li:last-child
{
    border:0;
}

.mobile-nav-items>li>.main-cat
{
    position: relative;
    padding-right:40px;
}

.mobile-nav-items>li .open-sub:after {
    position: absolute;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    right: -11px;
    top: 50%;
    margin-top: -15px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    z-index: 1;
    transition: transform .3s ease;
}

.mobile-nav-items>li .main-cat.active .open-sub:after
{
    transform: rotate(90deg);
}

.mobile-nav-items a {
    color: #f9fbfe;
    font-weight: bold;
}

.mobile-nav-items>li ul
{
    display:none;
    padding: 10px 0 0 30px;
}

.mobile-nav-items>li ul>li
{
    padding: 10px 0;
}

.mobile-nav-items>li ul>li a {
    font-weight: 300;
}

.mobile-navigation .mobile-lang{ text-align:center; }
.mobile-navigation .mobile-lang img
{
    max-width:30px;
}

.mobile-navigation .mobile-lang a
{
    margin-right: 25px;
}

.mobile-navigation .mobile-lang a:last-child
{
    margin:0;
}

.fancy-select {
    display: block;
    font-size: 13px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.14%205.05%22%3E%0A%20%20%3Ctitle%3EAsset%203%3C%2Ftitle%3E%0A%20%20%3Cg%20id%3D%22abe7e859-115e-4568-82e8-11152a3cdada%22%20data-name%3D%22Layer%202%22%3E%0A%20%20%20%20%3Cg%20id%3D%2265fd8162-9791-42c2-9ba6-6dade6f7f55e%22%20data-name%3D%22Layer%203%22%3E%0A%20%20%20%20%20%20%3Cpolyline%20points%3D%227.86%200.25%204.07%204.49%200.28%200.25%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23595959%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%200.75px%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E),linear-gradient(to bottom,#fff 0,#fff 100%);
    background-repeat: no-repeat,repeat;
    background-position: right 10px top 54%,0 0;
    background-size: 8px auto,100%;
    padding: 0 25px 0 15px;
    height: 40px;
    line-height: 40px;
    border:0;
    box-shadow: 0 0 40px -10px rgba(116, 145, 189, 0.4);
}

.fancy-select::-ms-expand {
    display: none
}

.fancy-select:hover {
    border-color: rgba(155,155,155,.8)
}

.fancy-select:focus {
    border-color: #aaa;
    color: #222;
    outline: 0
}

.fancy-select option {
    font-weight: 400
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .fancy-select {
        /*background-size: 60px auto,100%*/
        background-size:9px 9px
    }
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl
{
    padding-left:50px;
    padding-right:50px;
    max-width:1600px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,
.container
{
    padding-left:25px;
    padding-right:25px;
}

.row
{
    margin-right: -25px;
    margin-left: -25px;
}

.wpcf7-form-control-wrap
{
    display: block;
    width: 100%;
}

.wpml-ls-menu-item .wpml-ls-flag {
    display: inline;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.page-template-page-contact .grecaptcha-badge {
    visibility: visible !important;
}

span.codedirection {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.x {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    transition: transform .25s ease-in-out;
    cursor: pointer;
    top:15px;
    right:15px;
}

.x.relative {
    display: inline-block;
    position: relative;
    right: unset;
    top: unset
}

.x.x-small,.x.small {
    width: 17px;
    height: 17px;
    border: 0
}

.x.extra-small {
    width: 11px;
    height: 11px;
    border: 0
}

.x:hover {
    transform: rotate(180deg)
}

.x:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 0;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: center
}

.x:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 0;
    border-top: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: center
}

.x.x-small:before,.x.x-small:after,.x.small:before,.x.small:after {
    width: 17px
}

.x.extra-small:before,.x.extra-small:after {
    width: 11px
}

.x.dark:before,.x.dark:after {
    border-color: rgba(0,0,0,.7)
}

.linear-wipe {
    text-align: center;

    background: linear-gradient(to left, #e41b54 20%, #fa6e62 40%, #fa6e62 60%, #e41b54 80%);
    background-size: 200% auto;

    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: shine 2s linear infinite;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}
@media only screen and (max-width: 1400px) {
    .page-template-page-contact .block
    {
        padding: 50px 25px;
    }
}

@media only screen and (max-width: 1240px) {
    .page-template-page-contact .block
    {
        padding: 50px 0px;
    }
}

@media only screen and (max-width: 768px) {
    .footer-logo
    {
        text-align:center;
        margin-bottom:30px;
    }

    .footer-links
    {
        text-align:center;
    }

    .footer-links a
    {
        margin: 10px 0 0 0;
        display:block;
    }

    .block
    {
        padding:0;
        min-height:0;
    }

    .block .label
    {
        top:0;
        right:0;
    }

    .block.gradient-main,
    .block.with-effect,
    .page-template-page-contact .contact-form-block
    {
        padding:30px;
    }

    .button-holder>.button
    {
        display:block;
        margin:0;
        margin-bottom:15px;
        text-align:center;
    }

    .button-holder>.button:last-child
    {
        margin-bottom:0;
    }

    .container-fluid, .container-lg, .container-md, .container-sm, .container-xl
    {
        padding-left:15px;
        padding-right:15px;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,
    .container
    {
        padding-left:15px;
        padding-right:15px;
    }

    .row
    {
        margin-right: -15px;
        margin-left: -15px;
    }

    h1
    {
        font-size:2em;
    }

    .main-banner .wrapper
    {
        padding:15px;
    }

    .contact-page-container
    {
        margin-top: -20vh;
    }

    .block.homepage-callout,
    h4.page-intro,
    p.intro-text
    {
        font-size:1.4em;
    }

    .homepage-theme h4.page-intro
    {
        font-size:1.3em;
    }

    .page-template-page-services .service-blocks
    {
        margin-top:0;
    }

    .page-template-page-services .service-blocks .col
    {
        max-width: 100%;
        width: 100%;
        margin-top: 50px;
    }

    .page-template-page-services .service-blocks>.row
    {
        flex-direction: column;
    }
}

@media only screen and (max-width: 567px)
{
    .homepage-callout-col
    {
        margin-top:0 !important;
    }

    .button-holder
    {
        width:100%;
        display:block;
    }
    .button-holder>.button
    {
        display:block;
        width:100%;
        margin:0;
        margin-bottom:15px;
        text-align:center;
    }

    .usp-list .usp
    {
        flex-direction: column;
        padding: 25px;
        text-align: center;
    }

    .usp-list .usp .icon
    {
        width:100%;
        padding:0;
        margin-bottom:15px;
        text-align:center;
    }

    .usp-list .usp .icon>img
    {
        width:auto;
        max-width:36px;
    }

    .block-contact
    {
        padding: 30px 5px;
    }

    .main-banner.homepage .wrapper>h1
    {
        letter-spacing: 1px;
    }
}

@media only screen and (max-width: 1080px)
{
    ul.menu li.item-33
    {
        display:none;
    }
}

@media only screen and (max-width: 1140px)
{
    .homepage-impressions .impression {
        width: calc(50% - 60px);
        margin: 0 30px;
    }

    .page-impressions .impression {
        width: calc(50% - 60px);
        margin: 0 30px;
    }
}