@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700&display=swap');
/* 1280px */

body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#4A4A4A;
    font-size: 18px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-align: center;

    background-color:#245382;

    overflow-x: hidden;

}
#page
{
    background-color:#fff;
}

a,
a:visited
{
    color:#275480;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover,
a:focus
{
    color:#38A3FB;
}

h2
{
    color:#275480;
}

ul
{
    margin:0;
}

.button
{
    border: 1px solid #275480;
    display:inline-block;
    text-decoration: none;
    font-size:16px;
    padding:8px 15px;
    line-height: 16px;
    margin:2px 0;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button:hover,
.button:focus
{
    color:#fff;
    background-color: #275480;
}
.button.plain
{
    background-color: #0091FF;
    border-color: #0091FF;
    color:#fff;
}
.button.plain:hover,
.button.plain:focus
{
    background-color: #275480;
    border-color: #275480;
}
.light-behind
{
    color:#F4F4F4;
    font-family: 'Playfair Display', serif;
    font-weight:700;
    font-size:130px;
}


/* HEADER */
#masthead
{
    z-index: 9999;
    /*max-width:1280px;*/
    margin-left:auto;
    margin-right:auto;
    /*padding:0 114px 20px 114px;*/
    position:fixed;
    width:100%;
    background-color: #fff;
}
#masthead .logo-and-menus
{
    max-width:1280px;
    margin-left:auto;
    margin-right:auto;
    padding:0 114px 20px 114px;
}

/* modify header on scroll */
header#masthead .logo-and-menus,
header#masthead .logo-and-menus .site-branding,
header#masthead #primary-menu,
header#masthead .logo-and-menus .site-branding img
{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

header#masthead.scrolling .logo-and-menus
{
    padding-top:0;
    padding-bottom:0;
}
header#masthead.scrolling .logo-and-menus .site-branding
{
    padding-top:5px;
    padding-bottom:5px;
}
header#masthead.scrolling #primary-menu
{
    margin-top:0;
}


/* /modify header on scroll */

#masthead .logo-and-menus > div
{
    display:inline-block;
    vertical-align: top;
}
#masthead div.site-branding
{
    max-width:193px;
    line-height: 0;
    padding:21px 0 0 0;
}
#masthead div.site-navigation-container
{
    width:calc(100% - 193px);
    text-align: right;
    padding: 17px 0 0 0;
}
ul#customHeaderLinks
{
    margin:0;
    padding:0;
    list-style:none;
}
ul#customHeaderLinks li
{
    display:inline-block;
    vertical-align: top;
    margin: 0 0 0 30px;
}
ul#customHeaderLinks li a
{
    color:#4A4A4A;
    font-size:12px;
    text-decoration: none;
}
ul#customHeaderLinks li a:hover
{
    color:#38A3FB;
}
ul#primary-menu
{
    margin-top:22px;
}
ul#primary-menu li
{
    float:none;
    display:inline-block;
    margin:0 0 0 34px;
}
ul#primary-menu li a
{
    font-size:13px;
    font-weight: 400;
    color:#4A4A4A;
}
ul#primary-menu li.current-menu-item a
{
    color:#245382;
}
ul#primary-menu li a:hover
{
    color:#38A3FB;
}



header.entry-header
{
    height:160px;
    margin-bottom:60px;
}
header.entry-header
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+4 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 4%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 4%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 4%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
header.entry-header h1,
header.entry-header .home-banner
{
    /*max-width: 1280px;*/
    width:100%;
    background-size: cover;
    background-position-x: center;

    margin:0 auto;
    height:100%;
    font-weight:400;
    font-size:50px;
    line-height: 160px;
    color:#245382;
}
header.entry-header h1.with-image
{
    color:#fff;
}
/* /HEADER */


/******
CONTENT
*****/
#page > #content
{
    padding-top:100px;
}

.page-content,
.entry-content,
.entry-summary,
.post,
.page
{
    margin:0;
}

div.entry-content
{
    position:relative;
    max-width: 1048px;
    margin:0 auto;
    text-align: left;
}

div.entry-content .two-cols-block
{
    display:inline-block;
    padding:20px 40px;
    width:500px;
    vertical-align: top;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    position: relative;
}
div.entry-content .two-cols-block.padding-correction
{
    padding-top:30px;
    padding-bottom:30px;
}
div.entry-content .two-cols-block:first-child
{
    margin-right:43px;
}
div.entry-content .two-cols-block.grey
{
    background-color: #F7F7F7;
}
div.entry-content .two-cols-block ul
{
    margin:-20px 0 0 17px;
    padding:0 0 10px 0;
}


/* EXPANDABLES */
div.bg-margin-for-link
{
    margin-bottom: 20px;
}
div.bg-margin-for-link a.bg-showmore-plg-link
{
    width:100%;
    display:block;
    text-align: left;

    color:#215284 !important;
    text-decoration: none;

    border: 1px solid #215284;

    padding: 20px 35px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div.bg-margin-for-link a.bg-showmore-plg-link:hover
{
    color:#fff !important;
    background-color: #215284;
}
div.bg-margin-for-link div
{
    background-color:#F7F7F7;
    padding:26px 50px 26px 50px;
    font-size:16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.bg-margin-for-link ul
{
    margin:0;
    padding: 0 0 0 17px;
}
/* /EXPANDABLES */

/* HOME PAGE */
header.entry-header.homepage-header
{
    height:520px;
    margin-bottom:0;
    background: url("../images/home-header-bg.png") repeat-x;
}
header.entry-header.homepage-header .home-banner
{
    /*max-width: 1280px;*/
    background-position-y: 40%;
    background-position-x: 100%;
    color:transparent;
    height:100%;
    background-image: url("../images/home-header.jpg");
    position:relative;
}
header.entry-header.homepage-header .home-banner a.know-more
{
    display:none;
    /*position:absolute;
    bottom:80px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
}



/* FLIP */
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    /*width: 300px;
    height: 200px;
    border: 1px solid #f1f1f1;*/
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.5s;
    transform-style: preserve-3d;
}
body.browser-internet-explorer .flip-card-inner {
    transition: transform 0.1s;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-card:hover .flip-card-inner .flip-card-back
{
    display:block;
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.1);
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #FAFAFA;
}

/* Style the back side */
.flip-card-back {
    background-color: #38A3FB;
    color:#fff;
    transform: rotateY(180deg);
    font-size: 12px;
    line-height: 13px;
    padding:6px 10px;
    text-align: left;
    font-weight: 400;
}
body.browser-internet-explorer .flip-card-back {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    display:none;
}
/* /FLIP */



ul#home-blocks
{
    position:relative;
    margin: -37px 0 0 0;
    padding:0;
    list-style: none;
    width: 1049px;
    left:50%;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
ul#home-blocks li
{
    display:inline-block;
    margin-right: 51px;
    /*background-color: #FAFAFA;*/
    height:130px;
    width:224px;

    font-size: 14px;
    line-height: 18px;

    /*
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.1);*/

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}
ul#home-blocks li:last-child
{
    margin-right: 0;
}
ul#home-blocks li img
{
    height:38px;
    width:auto;
    display:block;
    margin: 18px auto 10px auto;
}
.light-behind.home
{
    font-size: 130px;
    margin:30px 0 -70px 0;
    line-height: normal;
}
body.page-template-page-home div.entry-content
{
    max-width:775px;
    margin:0 auto 100px auto;
    font-size:18px;
    line-height:32px;
    text-align: center;
}
/* /HOME PAGE */

/* MISSIONS PAGE V1 */
/*div.entry-content.missions > div
{
    display:inline-block;
}*/
div.entry-content.missions .left
{
    /*width:500px;*/
    background-color:#F7F7F7;
    border-radius: 4px;
    padding:30px 54px;

    vertical-align: top;

    font-size:16px;

    margin-bottom:60px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.entry-content.missions .right
{
    vertical-align: top;
    /*width:493px;
    margin-left:50px;*/
}
div.entry-content.missions .right div.bg-margin-for-link a.bg-showmore-plg-link
{
    text-align:center;
}
div.entry-content.missions .light-behind
{
    width:100%;
    text-align: right;
    margin-top:-40px;
}
div.entry-content.missions h2
{
    padding-top:120px;
}
/* /MISSIONS PAGE V1 */

/* MISSIONS PAGE V2 */
ul.missions-list
{
    list-style:none;
    margin:0;
    padding:0;
}
ul.missions-list li.mission
{
    background:#F7F7F7;
    padding:40px;
    margin-bottom:40px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
ul.missions-list li.mission > div
{
    display:inline-block;
    vertical-align: top;
}
ul.missions-list li.mission > div.mission-addit-content
{
    font-size:16px;
    width:500px;
}
ul.missions-list li.mission > div.mission-detail
{
    width:400px;
    border:1px solid #38A3FB;
    padding:20px;
    margin-left:63px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
ul.missions-list li.mission a.toggle
{
    outline: 0;
    width:100%;
    text-align:center;
    display:block;
    font-size:16px;
    font-weight:500;
    text-decoration: none;
}
ul.missions-list li.mission > div.mission-detail ul
{
    margin:0;
    padding:0 0 0 15px;
}
.light-behind.missions
{
    float:right;
    margin:0;

}
.entry-content.missions
{
    margin-bottom:100px;
}
/* /MISSIONS PAGE V2 */

/* CLIENTS PAGE */
p.light-behind.clients
{
    margin: -85px 0 0 100px;
    z-index: 1;
    position:absolute;
}
.entry-content.clients
{
    margin-bottom:300px;
}

div.client-cat
{
    overflow: hidden;
    height:0;
    max-height: 0;
    font-size:14px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
div.client-cat.open
{
    max-height: 500px;
    height:auto;
    padding-top:20px;

}
div.client-cat a.button
{
    display:block;
    text-align: center;
    margin-top:10px;
}
.clients-cats .client-cat-box
{
    display: block;
    text-decoration: none;
    border:1px solid #38A3FB;
    padding:20px;
    margin-bottom:20px;
    /*background:#fff;*/

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.clients-cats a.toggle
{
    display:block;
    text-decoration: none;
    text-align: center;
}
.clients-cats a.toggle:hover,
.clients-cats a.toggle:focus,
.clients-cats a.toggle:active
{
    color:#38A3FB;
    outline: 0;
}
.clients-cats a.toggle .cat-title
{
    font-weight:500;
    margin-bottom:10px;
}
.clients-cats a.toggle .cat-sub-title
{
    font-size:12px;
}
/* /CLIENTS PAGE */

/* DOMAINS PAGE */
div.entry-content.domains .additional-content .bg-margin-for-link
{
    display: inline-block;
    vertical-align: top;
    width :499px;
}
div.entry-content.domains .additional-content .bg-margin-for-link:nth-child(2n+1)
{
    margin-right:45px;
}
div.entry-content.domains .additional-content div.bg-margin-for-link a.bg-showmore-plg-link
{
    background-color:#F7F7F7;
    border:none;
    font-size: 16px;
    font-weight:500;
    text-align: center;
}
div.entry-content.domains .additional-content div.bg-margin-for-link a.bg-showmore-plg-link::after
{
    content: "Lire plus";
    display:block;
    border: 1px solid #38A3FB;
    width:138px;
    margin: 20px auto 0 auto;
    font-weight:400;
    font-size: 14px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
div.entry-content.domains .additional-content div.bg-margin-for-link a.bg-showmore-plg-link:hover,
div.entry-content.domains .additional-content div.bg-margin-for-link a.bg-showmore-plg-link.bg-close
{
    /*background-color: #215284;*/
    color:#215284 !important;
}
div.entry-content.domains .additional-content div.bg-margin-for-link a.bg-showmore-plg-link:hover::after
{
    background-color: #215284;
    color:#fff;
}
div.entry-content.domains .additional-content div.bg-margin-for-link a.bg-showmore-plg-link.bg-close::after
{
    content:"Fermer";
}
/* /DOMAINS PAGE */

/* TESIMONIES PAGE V1 */
figure.testimony
{
    margin: 0 0 0 -49px;
}
figure.testimony img,
figure.testimony figcaption
{
    display:inline-block;
}
figure.testimony img
{
    width:35px;
    height:35px;
}
figure.testimony figcaption
{
    vertical-align: top;
    margin: 0 0 0 14px;
    padding:0;
    font-size:22px;
    color:#0091FF;
    line-height: 35px;
}
p.testimony
{
    font-size:16px;
    font-style: italic;
    line-height:24px;
}
p.signature
{
    text-align: right;
    margin-top:0;
    font-size:16px;
}
/* /TESTIMONIES PAGE V1 */

/* TESTIMONIES PAGE V2 */
ul.types-list
{
    margin:0;
    padding:0;
    list-style: none;
}
ul.types-list li.type
{
    margin-bottom:100px;
    padding-top:100px;
}
ul.types-list li.type .type-title,
ul.types-list li.type .type-icon-container
{
    display:inline-block;
    vertical-align: top;
}
ul.types-list li.type .type-icon-container
{
    height:30px;
    width:30px;
    text-align: center;
    margin-top:3px;
    margin-left:-40px;
    margin-right:10px;
}
ul.types-list li.type .type-icon-container img
{
    display:block;
    width:30px;
    height:auto;
}
ul.types-list li.type .type-title
{
    font-size: 22px;
    color: #0091FF;
    line-height: 35px;
    margin-left:-2px;
}
ul.types-list .domains-link
{
    display:block;
    float:right;
    margin-top:3px;
}
ul.types-list .domains-link a
{
    font-size:12px;
    padding:5px 10px;
}
ul.types-list ul.testimonies-list
{
    margin:0;
    padding:0;
    list-style: none;
}
ul.types-list ul.testimonies-list li
{
    margin-bottom:70px;
}
ul.types-list ul.testimonies-list div.testimony-body
{
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
}
ul.types-list ul.testimonies-list div.testimony-title
{
    text-align: right;
    margin-top: 0;
    font-size: 16px;
}
body.page-template-page-testimonies footer.site-footer
{
    margin-top:300px;
}
/* single client-type testimonies listing page */
body.client-type-template footer.site-footer
{
    margin-top:100px;
}
/* /TESTIMONIES PAGE V2 */


/* TEAM PAGE */
ul.users
{
    margin:0 auto 50px auto;
    padding:0;
    list-style: none;
    max-width: 1280px;
}
ul.users li
{
    display: inline-block;
    vertical-align: top;
    width:290px;
    margin: 0 47px 52px 47px;

    font-weight: 400;
    font-size:14px;
}
ul.users li .name
{
    font-weight:700;
    font-size:16px;
}
ul.users li .fonction
{
    font-weight: 700;
}
ul.users li .email a
{
    color:#4A4A4A;
    text-decoration: none;
    border-bottom:1px solid transparent;
}
ul.users li .email a:hover
{
    color:#38A3FB;
    border-bottom: 1px solid #38A3FB;
}
ul.users li .experience
{
    margin-top:20px;
}
ul.users li .personal_description
{
    margin-top:20px;
    font-style: italic;
    color:#38A3FB;
    font-weight: 400;
}
/* /TEAM PAGE */

/* CONTACT PAGE */
div.entry-content.contact
{
    margin-bottom:72px;
}
div.entry-content.contact p
{
    width:500px;
    background-color: #F2F2F2;
    margin:0;
    padding: 52px 45px 41px 45px;
    float:left;

    vertical-align: top;

    font-size:16px;
    line-height: 24px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.entry-content.contact p img
{
    margin-bottom:20px;
}
div.entry-content.contact figure
{
    display:block;
    float:right;
    width:500px;
    margin:0;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
div.entry-content.contact figure img
{
    display:block;
}
/* /CONTACT PAGE */


/* FOOTER */
footer.site-footer
{
    background-color:#245382;
    color:#fff;
    font-size:12px;
    padding:20px 0;
    height:80px;
}
footer.site-footer a
{
    color:#fff;
    text-decoration: none;
    border-bottom:1px solid transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
footer.site-footer a:hover
{
    border-bottom:1px solid #fff;
}
footer.site-footer > div
{
    /*display:inline-block;*/
    vertical-align: top;
}
footer.site-footer .site-info
{
    /*margin-right:80px;*/
    display:block;
    position:absolute;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
footer.site-footer .site-info > div:first-child
{
    border-bottom: 1px solid #36628D;
    padding-bottom: 8px;
    margin-bottom:5px;
}
footer.site-footer .social
{
    position:absolute;
    left:50%;
    width:1280px;
    padding-right:120px;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    text-align: right;

}
footer.site-footer .social a
{
    display:inline-block;
    text-align: center;
    margin-left:22px;

    background-color: #6486A7;
    color:#245382;
    text-decoration: none;
    border:none;
    font-size:22px;

    width:40px;
    height:40px;

    padding-top:3px;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
footer.site-footer .social a:hover
{
    background-color: #fff;
}
/* /FOOTER */



/* IE DEBUG */
header#masthead img.custom-logo
{
    width:193px !important;
    height:59px !important;
}
/* /IE DEBUG */





/* MEDIA QUERIES */
/* toggle resp menu */
.menu-toggle {
    display: none;
}
.main-navigation ul {
    display: block;
}
/* /toggle */
@media screen and (max-width: 1140px)
{
    .menu-toggle {
        display: block;
        cursor: pointer;
        width:100%;

        background-color:#245382;
        border:none;
        color:#fff;
        padding:15px 10px;
        font-size: 24px;
        font-family: 'Montserrat', sans-serif;
        font-weight:400;

        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;

        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    button.menu-toggle:hover
    {
        background-color: #38A3FB;
    }
    #masthead.scrolling div.site-navigation-container
    {
        padding:0;
    }
    .main-navigation ul#primary-menu {
        margin:0;
        width:100%;
    }
    .main-navigation ul {
        display: none;
        overflow: hidden;
        position:absolute;
        left:0;
        background-color:#245382;
        border-bottom: 1px solid #38A3FB;
        z-index: 999;
    }
    .main-navigation ul#primary-menu li {
        width:100%;
        text-align: center;
        border-top: 1px solid #38A3FB;
        margin:0;
        /*padding: 20px 10px;*/
        font-size:18px;
        line-height: 18px;
    }
    .main-navigation ul#primary-menu li.current-menu-item,
    .main-navigation ul#primary-menu li:hover
    {
        background-color:#38A3FB;
    }
    .main-navigation ul#primary-menu li a
    {
        color:#fff;
        padding: 20px 10px;
    }
    .main-navigation ul#primary-menu li a img
    {
        margin:0 auto;
        height:100px;
        width:auto;
    }

    #masthead
    {
        padding:0;
    }
    #masthead .logo-and-menus
    {
        padding:0;
    }
    #masthead div.site-navigation-container
    {
        display:block;
        width:100%;
        text-align: center;
    }

    div.entry-content
    {
        padding-left:20px;
        padding-right:20px;
        margin:0;
        max-width: 1440px;
    }

    div.entry-content .two-cols-block,
    div.entry-content .two-cols-block:first-child
    {
        width:100%;
        margin:0 0 40px 0;
        padding:20px;
    }

    #page #content
    {
        padding-top:150px;
    }

    header.entry-header h1
    {
        font-size:30px;
        line-height: normal;
        padding-top:40px;
    }


    /* home */
    ul#home-blocks
    {
        width:auto;

    }
    ul#home-blocks li
    {
        margin:0 10px 20px 10px;
    }
    /* /home */

    /* missions v1 */
    div.entry-content.missions .left,
    div.entry-content.missions .right
    {
        width:100%;
        margin:0 0 40px 0;
    }
    div.entry-content.missions .light-behind
    {
        font-size:42px;
        text-align: center;
        margin-bottom:40px;
    }
    /* /missions v1 */

    /* missions v2 */
    ul.missions-list li.mission > div.mission-addit-content,
    ul.missions-list li.mission > div.mission-detail
    {
        display:block;
        width:100%;
        margin:0;
        text-align: center;
    }
    ul.missions-list li.mission > div.mission-detail
    {
        max-width:400px;
        text-align: left;
        margin:20px auto 0 auto;
    }
    /* /missions v2 */

    /* clients */
    p.light-behind.clients
    {
        font-size:42px;
        width:100%;
        text-align: center;
        margin:0;
        position:relative;
    }
    /* /clients */

    /* testimonies v1 */
    figure.testimony
    {
        margin-left:0;
        text-align: center;
    }
    p.signature
    {
        margin-bottom:80px;
    }
    /* /testimonies v1 */

    /* testimonies v2 */
    ul.types-list li.type .type-icon-container,
    ul.types-list li.type .type-title
    {
        display:block;
        margin:0;
        width:100%;
        text-align: center;
    }
    ul.types-list li.type .type-icon-container img
    {
        display:inline-block;
    }
    ul.types-list .domains-link
    {
        float:none;
        width:100%;
        text-align: center;
    }
    /* /testimonies v2 */

    /* contact */
    div.entry-content.contact p
    {
        width:100%;
        margin: 0 0 40px 0;
    }
    div.entry-content.contact figure
    {
        float:none;
        margin:0 auto;
    }
    /* /contact */

    /* domains */
    div.entry-content.domains .additional-content .bg-margin-for-link,
    div.entry-content.domains .additional-content .bg-margin-for-link:nth-child(2n+1)
    {
        width:100%;
        margin:0 0 20px 0;
    }
    /* /domains */



    footer.site-footer .social,
    footer.site-footer .site-info
    {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin:0;
        padding:0;
        width:100%;
        left:0;
        position:relative;
        text-align:center;
    }
    footer.site-footer .social a
    {
        margin: 10px;
    }
}

@media screen and (max-width: 900px)
{
    header.entry-header.homepage-header
    {
        height:300px;
    }
    header.entry-header.homepage-header .home-banner
    {
        background-position-x: center;
        background-size: 100%;
    }
}
@media screen and (max-width: 800px)
{

    /* home */
    .light-behind.home
    {
        font-size:42px;
        margin:60px 0 0 0;
        color:#245382;
    }
}

@media screen and (max-width: 600px)
{
    header.entry-header.homepage-header
    {
        height:200px;
    }
    ul.users li
    {
        width:100%;
        margin:0 0 80px 0;
        padding:0 10px;
    }
}
@media screen and (max-width: 400px)
{
    header.entry-header.homepage-header
    {
        height:150px;
    }
}