/*

@font-face{
    font-family: "Calibri";
    src: url('../fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
}
@font-face{
    font-family: "Calibri";
    src: url('../fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
}
@font-face{
    font-family: "Calibri";
    src: url('../fonts/Calibri-Italic.ttf')format('truetype');
    font-style: italic;
}
*/
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),  url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf')  format('truetype'), url('../fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Calibri-Bold.woff') format('woff'), url('../fonts/Calibri-Bold.ttf')  format('truetype'), url('../fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/Calibri-BoldItalic.woff') format('woff'), url('../fonts/Calibri-BoldItalic.ttf')  format('truetype'), url('../fonts/Calibri-BoldItalic.svg#Calibri-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Italic.eot?#iefix') format('embedded-opentype'),  url('../fonts/Calibri-Italic.woff') format('woff'), url('../fonts/Calibri-Italic.ttf')  format('truetype'), url('../fonts/Calibri-Italic.svg#Calibri-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face{
    font-family: "Charter";
    src: url('../fonts/Charter.ttc');
}
/*
@font-face{
    font-family: ""CharterBold"";
    src: url('../fonts/CharterC-BoldItalic.ttf') format('truetype');
}
*/
@font-face {
    font-family: 'CharterBold';
    src: url('../fonts/CharterC-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CharterC-BoldItalic.woff') format('woff'), url('../fonts/CharterC-BoldItalic.ttf')  format('truetype'), url('../fonts/CharterC-BoldItalic.svg#CharterC-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mayton';
    src: url('../fonts/mayton/Mayton.eot'); /* IE9 Compat Modes */
    src: url('../fonts/mayton/Mayton.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/mayton/Mayton.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/mayton/Mayton.ttf')  format('truetype'); /* Safari, Android, iOS */
}
/*
@font-face {
    font-family: 'Engineer regular';
    src: url('../fonts/LEngineer/LEngineer-Regular.otf')  format('opentype'); 
}
*/
@font-face {
    font-family: 'Engineer';
    src: url('../fonts/LEngineer/Engine-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/LEngineer/Engine-Regular.otf')  format('opentype'),
    url('../fonts/LEngineer/Engine-Regular.woff') format('woff'), url('../fonts/LEngineer/Engine-Regular.ttf')  format('truetype'), url('../fonts/LEngineer/Engine-Regular.svg#Engine-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpriteGraffitiShadow';
    src: url('../fonts/SpriteGraffitiShadow.eot?#iefix') format('embedded-opentype'),  url('../fonts/SpriteGraffitiShadow.otf')  format('opentype'),
    url('../fonts/SpriteGraffitiShadow.woff') format('woff'), url('../fonts/SpriteGraffitiShadow.ttf')  format('truetype'), url('../fonts/SpriteGraffitiShadow.svg#SpriteGraffitiShadow') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #0A246A;
    font-family: "Calibri";
    font-size: 18px;
    color: #000;
}

.text-red {
    color: #c20a11;
}
.text-bold {
    font-weight: bold;
}
.text-blue {
    color: #00458b;
}
.rel {
    position: relative;
}
/*
* Header
*/

header {
    padding: 10px;
    min-height: 196px;
}

header .fixed-wrap {
    width: 100%;
    background: #ffffff;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

header .fixed-wrap.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);;
}

header .fixed-wrap.fixed #logo a {
    padding-top: 10px;
    max-width: 75px;
    margin-left: 15px;
}
header .fixed-wrap.fixed #logo img{
    width: 100%;
}

header .fixed-wrap.fixed .main-nav-holder{
    display: none;
}

header .container {max-width: 1150px}

header .logo-holder{}

header #logo {}

header #logo a{
    display: block;
}

header .top-bar-container {
    padding: 5px;
    font-family: "Calibri";
    color: #525252;
    font-size: 16px;
    margin-top: 15px;
}

.top-bar-container .social-col,
.top-bar-container .app-col {
    padding-left: 15px;
    padding-right: 15px;
}

header .top-bar-container  .top-list{
    text-align: center;
    float: left;
    margin-left: 30px;
}

header .top-bar-container .title{
    line-height: 20px;
    margin-top: 2px;
    float: left;
}

header .top-bar-container ul{
    list-style: none;
    padding: 0;
    float: right;
}

header .top-bar-container ul li{
    display: inline-block;
}

header  ul.top-social {
    margin-top: 8px;
}

header ul.top-social a{
    display: block;
    background: url("../uploads/social.png") no-repeat;
    height: 28px;
    width: 30px;
}

header .top-bar-container ul li:first-child{
    margin-right: 15px;
}

header ul.top-social a.vk{
    -ms-background-position: -64px 0;
    background-position: -64px 0;
}
header ul.top-social a.in{
     background: url("../uploads/instagram.png") no-repeat;
}
header ul.top-social a.tw {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAIAAAACtmMCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHLSURBVHja7JWxi/owFMfr3SHBLLWoiIuE4mKrQ0EdFRRncRDcXRwc3d3FyVFwEf8BcRFcXBzs4FIQpCGDg1IcMhhwvKEQerl45/244Qe/33dKXl4/hPfetwl1u13lV/Wi/Lb+TeLbj7IBANlsVtM0jDEhhAfv97uciBBSFIWnCrIsq91uQwj9LSFkuVzmcrl0Oj0cDnnaa6FQ4Jt6vd5oNFzXpZQKOIRQr9cLh8M8Eo1GS6VSPB5fLBYAAP7JhzrGYjEIYb/fr9VqArFcLksvDiGsVqvn81nemev16i+azeZgMLAsCwDgRwzDkBIJIePx+GEdbduuVCr+OpFIdDodRVEcxzkej4wxXsGg9vt9ECcSdV0nhPj94TJN0zTNP5xHTdME3LfCGH9FtG37p/Mc7ImESAiZz+fP43a7nVBEiQsxxp7nPUncbDbf+/pyuTDGnsE5jiN1l+RPMZvNHhmRizE2nU6lRx9c6Ot2u223W0qprutB2wVxo9Hos1PFeVRVlVKaTCZTqVQ+ny8Wi49MMplMHuHECW+1Wtwz0qutVqv1ev11QULCy6WqqmEYmUwmEokghDzPY4ydTifXdQ+HwzMdC/1/C/9S4vsABn+1gPxILxAAAAAASUVORK5CYII=') no-repeat;
}
header ul.top-social a.ok {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAIAAAACtmMCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJ2SURBVHjazFa/a/JgEH7TJDZqagVFQ1NRUhTMYF2EiuAguLjo0MXNtVAEcREK8a9o17o46WAlIHSog6glSKkhqIs/NrtJBTH+qHR4Qb5BxZQM303Hc8nlvXvunjdIJpNZLBZAJTs9PcW+v7+BeibL8glBECpmJAjiBKhtR2XUarUURZEkeczD2OGwwWCIxWJer5cgiNVq1el0Xl5evr6+DryC+v3+9Xq9M3Z2dsZxHMMwGIYBAFAUpSgqGAyKojidTncfEMMOVX13d6fX66Hf6/XgVCAIkkwm4TeUVU3TtMPhAADMZrPHx8fRaEQQRDKZdDgcJEmyLCuKojJmaJqGjiAIo9EIzhrP8xC8uLhQzLUsy9ChKGoL2mw26BxYs71V9/t96Ljd7ng8/vHxQdN0JBKBYLfbVcz1arWSZZllWQCA3W6/ublhWRZFUQBAvV5vNpv7uD40PcPhEEEQp9P5L9hoNPL5/N6S9w3B9fV1LBar1Wo8z7++vno8HqvVOplMJEmaTqeBQCAUCrVarUqlcmwfSZK0Wq23t7c+n69arfZ6vc/PTxzHGYYJh8Mulwu2QgEzgiAwDOP3++12eyKR2MlboVBQwMxmsxFFERJqMplwHIf4z89Pv98vl8vFYnE+nyvoI7TBYDAej1mW1el024ylUmk4HP5RzSwWSzabNRqNAAAoDRqN5v7+/urq6i8ZzWbzw8ODwWAAAEiSxHGcIAhQK9PpNFx5ZRlDoRBsnyRJT09Py+Uyl8u9v7/DaDQaVbwzsixfXl6Kovj8/LwF2+02giA4jr+9ve3UXQzDkFQqtRWF//XmUvGAsFfY+fm5uv8UvwMAJar+C6/Y3LwAAAAASUVORK5CYII=') no-repeat;
}

header ul.top-app a{
    display: block;
    background: url("../uploads/app.png") no-repeat;
    height: 40px;
    width: 130px;
}
header ul.top-app a.googleplay{
    -ms-background-position: -150px 0;
    background-position:-150px 0;
}
.top-social li{
    margin-right: 10px!important;
}
    

.top-social li:last-child{
    margin-right: 0px!important;
}

header .main-nav-holder {
    margin-top: 25px;
    padding-left: 50px;
}

header nav.navbar {
    border: none;
	background: #fff;
}

header #topnav li{
margin-right: 5px;
}

header #topnav li:last-child{
    margin-right: 0px;
}

/*header #topnav li:first-child{
   // margin-right: 92px;
}

header #topnav li:nth-child(2){
  //  margin-right: 140px;
}*/

header #topnav li a {
    font-family: "Calibri";
    font-weight: bold;
    color: #00458b;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
}

#topnav li.menu-first-item a {
   color: #ff1420;
   border: 1px solid #ff1420;
   padding-top: 8px;
   padding-bottom: 8px;
   margin-top: 7px;
}

header {
    position: relative;
}

.menu-toggle-holder {
    position: relative;
}
.sidebar-menu-wrapper {
    margin-right: -440px;
    top: 0;
    right: 0;
    width: 440px;
    background: #fff;
    color: darkblue;
    position: fixed;
    padding: 50px 25px 50px 130px;
    min-height: 500px;
    overflow-y: scroll;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}

.sidebar-menu-wrapper.active {
    z-index: 1050;
    right: 440px;
    width: 440px;
    transition: all 0.2s ease-out 0.2s;
    -webkit-transition: all 0.2s ease-out 0.2s;
    -moz-transition: all 0.2s ease-out 0.2s;
    -ms-transition: all 0.2s ease-out 0.2s;
    -o-transition: all 0.2s ease-out 0.2s;
}

.sidebar-menu ul {
    padding: 0;
    margin: 0;
}

.sidebar-menu ul li, .sidebar-menu ul li > li{
    list-style: none;
    display: inline-block;
}
.sidebar-menu ul li a{}

.sidebar-menu .additional {
    margin-top: 20px;
}

.sidebar-menu .additional ul li{}

.sidebar-menu-wrapper .menu-toggle {
    position: absolute;
    margin-top: 0;
    top: 20px;
    right: 15px;
}

.sidebar-menu .search {
    margin-top: 15px;
}

.sidebar-menu .search  input{
    color: #999999;
    background: #f0f0f0;
}

header .menu-toggle {
    margin: 20px auto 0;

    width: 30px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.menu-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #00458b;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.menu-toggle span:nth-child(1) {
    top: 0px;
}

.menu-toggle span:nth-child(2),.menu-toggle span:nth-child(3) {
    top: 8px;
}

.menu-toggle span:nth-child(4) {
    top: 16px;
}

.menu-toggle.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.menu-toggle.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-toggle.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}


/*
*  Front-page
*/

.front-template {
    margin-top: 10px;
}
.front-template .age-groups-holder{
    overflow: hidden;
}

.front-template .group-block{
    overflow: hidden;
}

.front-template .col-xs-12 {min-height: 0px;}

/*
*   Hover
*/

.front-template .age-groups-holder:hover .img-top-layer{
    display: block;
}
.front-template .group-block:hover{
    overflow: visible;
    z-index: 1;
}
.front-template .group-block:hover .group-img{
    /*zoom: 102%;*/
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}
.front-template .group-block:hover .group-img > .img-top-layer{
    display: none;
}

.front-template .group-block .group-img{
    position: relative;
    margin-left: -50px;
    width: 500px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.53);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.53);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.53);
}

.front-template .group-block.first-block .group-img{
    margin-left:0;
}

.front-template .group-block.third-block .group-img{
    margin-left:-100px;
}

.front-template .group-block .group-img a{
    display: block;
}

.front-template .group-block .img-top-layer{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.front-template .group-block .group-name a{
    color: #fff;
}
.front-template .group-block .group-name {
    width: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    color: #fff;
    font-family: "CharterBold";
    font-style: italic;
    font-size: 18px;
    /*background: rgba(0, 78, 120, 0.51);
    */
    padding: 7px 0;
}

.age-groups-nav {
    min-height: 65px;
    background: #135690;
    text-align: center;
    color: #fff;
    font-family: "Calibri";
    text-transform: uppercase;
}

.age-groups-nav  >div {
    min-height: 65px;
}

.age-groups-nav .age-nav-col > ul{
    padding: 0;
    list-style:none;
    margin: 6px 0 4px;
    height: 55px;
    display: table;
    width: 100%;
}

.age-groups-nav .age-nav-col ul li{
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
    line-height: 15px;
}

.age-groups-nav .age-nav-col ul li.geolocation{
    max-width: 52%;
    text-align: left;
    padding-left: 30px;
    min-width: 150px;
    background: url("../uploads/icons.png") -3px 4px no-repeat;
    font-family: "Calibri";
    font-weight: bold;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

.age-groups-nav li.geolocation .region-select {
    position: absolute;
    top: -5px;
    left: 27px;
    width: 130px;
    max-height: 100px;
    box-shadow: rgba(0,0,0,0.20) -2px 0px 15px;
    z-index: 1;
    display: none;
}

.age-groups-nav li.geolocation .region-select .current {
    background: #c20a11;
    opacity: .8;
    height: 52px;
    width: 100%;
}

.age-groups-nav li.geolocation .region-select .list-holder {
    max-height: 110px;
    background: #c20a11;
    padding: 5px;
    overflow-y: scroll;
}

.age-groups-nav li.geolocation .region-select .arrow{
    background: #c20a11;
}
.age-groups-nav li.geolocation .region-select .arrow .icon-top{
    height: 13px;
    display: block;
    background: url("../uploads/icons.png") 35px -311px no-repeat;
}
.age-groups-nav li.geolocation .region-select .arrow .icon-bottom{
    height: 20px;
    display: block;
    background: url("../uploads/icons.png") 35px -352px no-repeat;
}


.age-groups-nav li.geolocation .region-select ul {
    font-family: Myriad Pro;
    padding: 0;
    margin: 6px 0 4px;
}

.age-groups-nav li.geolocation .region-select li{
    display: block;
    font-size: 10px;
    text-transform: none;
    padding: 2px 0 2px 5px;
}
.age-groups-nav li.geolocation .region-select li:hover{
    background: #d45459;
    cursor: pointer;
}

.age-groups-nav .age-nav-col ul li.working-hours{
    padding: 0;
    width: 48%;
    padding-left: 20px;
    font-size: 14px;
    background: url("../uploads/icons.png") -10px -47px no-repeat;
    line-height: 14px;
}

.age-groups-nav .middle-nav-col > .row {
    margin: 0;
   /*/ background: rgba(0, 78, 120, 0.51);*/
}

.age-groups-nav .middle-nav-col .message {
    font-family: "CharterBold";
    font-style: italic;
    z-index: 2;
    position: absolute;
    top:-150px;
    color: #fff;
    font-size: 20px;
    line-height: 21px;
    padding: 12px 17px;
    right: 0;
    width: 100%;
    background: rgba(0, 78, 120, 0.51);
    text-transform: none;
}

.age-groups-nav .middle-nav-col .main-phone{
    padding-top: 5px;
    min-height: 65px;
}

.age-groups-nav .middle-nav-col .main-phone a{
    font-size: 42px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.age-groups-nav .middle-nav-col .icon,
.age-groups-nav .right-nav-col .icon {
    margin-top: 17px;
    padding: 10px 5px 10px 30px;
    font-size: 12px;
}

.age-groups-nav .middle-nav-col .icon.anonymously,
.age-groups-nav .right-nav-col .icon.anonymously {
    background: url("../uploads/icons.png") -5px -115px no-repeat;
}

.age-groups-nav .right-nav-col .icon.free,
.age-groups-nav .middle-nav-col .icon.free{
    background: url("../uploads/icons.png") -7px -185px no-repeat;
    margin-left: 25px;
}


section.categories-block {
    margin: 55px 0 60px;
}

.categories-block .block-holder {
    padding-left: 6px;
    padding-right: 6px;
}

.categories-block .block {
    padding: 30px 10px 10px 70px;
    background: rgba(0,78,120,.7);
    color: #fff;
    text-align: left;
    background-position: 8px 15px;
    background-repeat: no-repeat;
    position: absolute;
    width: 240px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.categories-block .block-title {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    line-height: 1;
}
.categories-block .block.news-category {
    background-image: url(../uploads/icon-news.png);
}
.categories-block .block.shares-category {
    background-image: url(../uploads/icon-shares.png);
}
.categories-block .block.videos-category {
    background-image: url(../uploads/icon-videos.png);
}

.categories-block .block .title {
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: 5px;
}
.categories-block .block .title a{
    color: #fff;
}

.categories-block .block-img {
    text-align: center;
}

.categories-block .block .excerpt {
    margin-top: 8px;
    font-size: 12px;
    padding-right: 20px;
    position: relative;
    line-height: 1.2;
}
.categories-block .block .excerpt p {
    margin: 0;
}

.categories-block .block .arrow {
    position: absolute;
    right: 0;
    bottom: 3px;
}

.categories-block .block .arrow a{
    display: block;
    padding: 0;
    width: 22px;
    height: 11px;
    background: url("../uploads/icons.png") -7px -356px no-repeat;
}




/*
* Main Category page
*/

.categories-accordion {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.categories-accordion .accordion{
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
}
.accordion-header-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.accordion-header-wrapper:before {
    content: "";
    width: 15px;
    height: 28px;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAFkSURBVHjanNWxSxtxGMbxT2IJJVsgW+OWLIKLUFwKpcElINYODo7i1P8g2FXEvyB0ChRKS6FI6+KWQVyLXQuFQgmOgkvAFBuXN3AE7+7XvnDcvS98eZ/fvfe8V+n1erCOVbzDH4nxCE9wjho28QqzFLiKpbjgJY5SOy91Op0bTLERtWf4je8pneEYw0z9LbqpMLzGKJ5r+IR2KjzFDn5G3sQZGikwXKMXd9H5cygphUXnnVAizj7Ie9sP1X/hKkYHa7jFRQoMl3gco4MXMb4fRbKzcYDTeSN8DBVJ8Ay7+BZ5HV/RSoFhgm2MI2/hC+pV/xfV1M51nMylhoItTMrgCj7g6UNHKIOPMrNefHmF8B76OWMrhLthy3kMw7al33Y77Dg3wyjsWmqMRtiwmWOSXLgW9mvn2LMQHmRWz+JiKIT72M9ZSYXwMg4ztcVlWAjPcBf5Kd78yx9jjOdYwXv8TYXvBwCtNUnEROdhGQAAAABJRU5ErkJggg==') 0 0 no-repeat;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -14px;
    opacity: 1;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.accordion .cat-item:first-child .accordion-header-wrapper:before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAF2SURBVHjalNW/S1ZxFMfxlz75DG79GA0ewr9AGoMHxMXBH0EK0RDYkv+BkGOF/4DlYm6KJkQtbU4uQYIQBIIgyANN2iYkmC3nwhny+d77XS6fe++bc885n3PuQLfb1eAM4Tl+4NutBuAAdjGNSzwYbAC/DRBaaNWFF7CU9DJO68DjeJ/0B6xACR7FDtqh97BYPewH38FX3A19jLkoVl+4jY8RGc4xGVcl+F3kKiLNRWQleAkvkl6MXJXgabxJeiWqqwSPYSvd+4JX/VpRvTiCzxgOfYCn+FuChwMciXs9zOKi5J7BGv3uC19gKiJWKXxKKRQj9/A4fepDbMYYqlPt71Gk69AzMYY3nlan08n6CH8wEfoRTnFYxySVMTaSXktWVcfbL5Ml29hOQ1KELzGfhuFejOftOjCcxRj+TothNy2GojmO8SQtgHGs3lTt/50T/Eqbcyw6sl/XluvV0ovzGvebeHo5xhSucN3kj3EVHXiGn+j9GwBKhUg7P8i5sAAAAABJRU5ErkJggg==') 0 0 no-repeat;
    left: auto;
    right: 10px;
}
.accordion .cat-item:nth-child(2) .accordion-header-wrapper:after {
    content: "";
    width: 15px;
    height: 28px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAF2SURBVHjalNW/S1ZxFMfxlz75DG79GA0ewr9AGoMHxMXBH0EK0RDYkv+BkGOF/4DlYm6KJkQtbU4uQYIQBIIgyANN2iYkmC3nwhny+d77XS6fe++bc885n3PuQLfb1eAM4Tl+4NutBuAAdjGNSzwYbAC/DRBaaNWFF7CU9DJO68DjeJ/0B6xACR7FDtqh97BYPewH38FX3A19jLkoVl+4jY8RGc4xGVcl+F3kKiLNRWQleAkvkl6MXJXgabxJeiWqqwSPYSvd+4JX/VpRvTiCzxgOfYCn+FuChwMciXs9zOKi5J7BGv3uC19gKiJWKXxKKRQj9/A4fepDbMYYqlPt71Gk69AzMYY3nlan08n6CH8wEfoRTnFYxySVMTaSXktWVcfbL5Ml29hOQ1KELzGfhuFejOftOjCcxRj+TothNy2GojmO8SQtgHGs3lTt/50T/Eqbcyw6sl/XluvV0ovzGvebeHo5xhSucN3kj3EVHXiGn+j9GwBKhUg7P8i5sAAAAABJRU5ErkJggg==') 0 0 no-repeat;
    position: absolute;
    left: auto;
    right: 10px;
    top: 50%;
    margin-top: -14px;
    opacity: 1;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.accordion .cat-item {
    background: rgba(0, 0, 0, 0.16);
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 10%;
    height: 475px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 500ms ease;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
    z-index: 1;
}
.accordion .cat-item:nth-child(2) {
    z-index: 2;
}
.accordion .cat-item:first-child {
    z-index: 3;
}
.accordion .cat-item.active,
.accordion:hover .cat-item:hover {
    width: 80%;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
}

.accordion:hover .cat-item:hover{
    z-index: 11;
}

.accordion:hover .cat-item {
    width: 10%;
}

.accordion .page-header {
    position: absolute;
    top:20%;
    text-align: center;
    width: 100%;
    border: none;
    font-family: "CharterBold";
    min-width: 200px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 1;
}
.accordion .page-header .description {
    font-size: 16px;
}
.accordion .cat-item:first-child .page-header {
    width: auto;
    right: 80px;
    top: 0;
    white-space: nowrap;
    margin-top: 0;
}
.accordion .cat-item:first-child .page-header .title {
    text-align: left;
    padding-left: 20%;
}

.accordion .cat-item:nth-child(2) .page-header {
    width: auto;
    max-width: 400px;
    left: 10px;
    top: 0;
    margin-top: 0;
}
.accordion .cat-item:nth-child(2) .page-header .title {
    text-align: left;
    padding-left: 30px;
}

.accordion .cat-item:last-child .page-header {
    width: auto;
    max-width: 300px;
    left: 45%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    margin-top: 0;
}
.accordion .cat-item:last-child .page-header .description {
    padding: 50px 20px 0 20px;
}
.accordion .cat-item:last-child .page-header .title {
    text-align: left;
}




.accordion .cat-item .page-header {
    opacity: 0;
}
.accordion .cat-item .accordion-header-wrapper:before,
.accordion .cat-item .accordion-header-wrapper:after {
    opacity: 1;
}


.accordion .cat-item.active .page-header,
.accordion .cat-item:hover .page-header {
    opacity: 1;
}
.accordion .cat-item.active .accordion-header-wrapper:before,
.accordion .cat-item.active .accordion-header-wrapper:after,
.accordion .cat-item:hover .accordion-header-wrapper:before,
.accordion .cat-item:hover .accordion-header-wrapper:after {
    opacity: 0;
}



.accordion:hover .cat-item.active .page-header {
    opacity: 0;
}
.accordion:hover .cat-item.active .accordion-header-wrapper:before,
.accordion:hover .cat-item.active .accordion-header-wrapper:after {
    opacity: 1;
}


.accordion:hover .cat-item:hover .page-header {
    opacity: 1;
}
.accordion:hover .cat-item:hover .accordion-header-wrapper:after,
.accordion:hover .cat-item:hover .accordion-header-wrapper:before {
    opacity: 0;
}

.accordion .cat-item:nth-child(2) .accordion-header-wrapper:before {
    opacity: 0;
}
/*
.accordion .cat-item:hover:first-child + .cat-item .accordion-header-wrapper:after,
.accordion .cat-item.active:first-child + .cat-item .accordion-header-wrapper:after {
    opacity: 0;
}
.accordion .cat-item:hover:first-child + .cat-item .accordion-header-wrapper:before,
.accordion .cat-item.active:first-child + .cat-item .accordion-header-wrapper:before {
    opacity: 1;
}*/
.accordion .cat-item:nth-child(2):hover .accordion-header-wrapper:before,
.accordion .cat-item:nth-child(2):hover .accordion-header-wrapper:after {
    opacity: 0 !important;
}

.accordion .cat-item.active:first-child + .cat-item .accordion-header-wrapper:after {
    opacity: 0;
}
.accordion .cat-item.active:first-child + .cat-item .accordion-header-wrapper:before {
    opacity: 1;
}

.accordion:hover .cat-item:first-child + .cat-item .accordion-header-wrapper:after {
    opacity: 1;
}
.accordion:hover .cat-item:first-child + .cat-item .accordion-header-wrapper:before {
    opacity: 0;
}
.accordion:hover .cat-item:hover:first-child + .cat-item .accordion-header-wrapper:before {
    opacity: 1;
}
.accordion:hover .cat-item:hover:first-child + .cat-item .accordion-header-wrapper:after {
    opacity: 0;
}

.accordion .page-header .title {
    color: #bd0a10;
    font-weight: 800;
}

.accordion .page-header .page-description{
    max-width: 250px;
    margin: 0 auto;
}

.accordion .cat-item a.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

#category-header .main-phone{
    font-family: "Mayton";
    padding-top: 0;
}

#category-header .main-phone a {
    font-size: 50px;
    font-weight: normal;
    line-height: 65px;
    display: block;
}

.questions-wrap {}
.questions-wrap .side-icon{
    padding: 40px 0;
    padding-left: 10%;
}
.questions-wrap .header {
    padding-left: 15px;
    font-family: "Engineer";
    text-transform: uppercase;
    margin-bottom: 40px;
}
.page-template-left-category #category-header .main-phone {
    font-family: "Mayton";
}
.page-template-left-category .questions-wrap .header {
    font-family: "Engineer";
}
.page-template-center-category #category-header .main-phone a {
    font-size: 48px;
}
.page-template-center-category #category-header .main-phone {
    font-family: "SpriteGraffitiShadow";
}
.page-template-center-category .questions-wrap .header {
    font-family: "SpriteGraffitiShadow";
}
.page-template-right-category #category-header .main-phone {
    font-family: "Calibri";
    font-weight: bold;
}
.page-template-right-category .questions-wrap .header {
    font-family: "CharterBold";
    text-transform: none;
}
.page-template-right-category #category-header .main-phone a {
    font-size: 42px;
}
.page-template-right-category .questions-wrap .header h3 {
    font-size: 30px;
}
.questions-wrap .header h3{
    font-size: 36px;
    margin: 0;
}

.page-template-right-category .questions-wrap .header,
.page-template-center-category .questions-wrap .header {
    margin-top: 50px;
}
.page-template-right-category .questions-wrap .side-icon,
.page-template-center-category .questions-wrap .side-icon {
    display: none;
}
.page-template-right-category .red-header .icon-absolute,
.page-template-center-category .red-header .icon-absolute {
    display: none;
}
.page-template-right-category .coevals-questions .header,
.page-template-center-category .coevals-questions .header {
    padding-left: 0;
}

.questions-wrap .blue-header {
    color: #00458b;
}
.questions-wrap .red-header {
    color: #c20a11;
    text-align: center;
    position: relative;
    padding: 0;
    margin-top: 50px;
}

.red-header .icon-absolute {
    position: absolute;
    left: 0;
}

.questions-wrap .q-list-wrap ul {
    padding: 0;
    margin: 0;
    font-family: "Calibri";
    font-weight: bold;
    text-transform: uppercase;
    color: #004e78;
    font-size: 16px;
}

.questions-wrap .q-list-wrap ul li{
    list-style: none;
    line-height: 18px;
    margin-bottom: 25px;
}


.questions-wrap .q-grid {}
.questions-wrap .q-grid .block-wrap{
    position: relative;
    min-height: 200px;
}
.questions-wrap .q-grid .block{
    padding: 60px 30px 35px;
    cursor: pointer;
}
.questions-wrap .q-grid .solid-bg{
    background: #9ed1e9;
}
.questions-wrap .q-grid .image-bg{
    background-size: cover;
}
.questions-wrap .q-grid .icon-holder{
    text-align: right;
    float: left;
    width: 30%;
}
.questions-wrap .q-grid .icon-holder img {
    max-width: 40px;
    min-height: 40px;
}
.questions-wrap .q-grid .question {
    font-family: "Calibri";
    font-weight: bold;
    float: right;
    width: 67%;
    font-size: 16px;
    text-transform: uppercase;
    color: #00458b;
    cursor: pointer;
    min-height: 95px;
    line-height: 18px;
}
.questions-wrap .q-grid .question span {
    display: inline-block;
    max-width: 140px;
}

.questions-wrap .q-grid .image-bg img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
}

.questions-wrap .q-grid .solid-bg .question {
    color: #fff;
}
.questions-wrap .q-grid .chevron {
    display: block;
    padding: 7px 0;
    background: url("../uploads/chevron.png") -7px 2px no-repeat;
}
.questions-wrap .solid-bg  .chevron {
    background-position: -7px -20px;
}








/*
*   Footer
*/

footer {
    background: #c8c8c8;
    margin-top: 20px;
}

footer .footer-wrapper {
    padding: 35px 40px 25px;
}

footer .footer-info {}

footer #footer-logo {}

footer a#footer-logo{
    display: block;
}

footer .copyright,
footer .site-about
{
    margin-top: 75px;
    font-size: 10px;
}

footer .footer-col ul{
    padding: 0;
    font-size: 14px;
    font-family: "Calibri";
    font-weight: bold;
}

footer .footer-col ul li{
    list-style: none;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 16px;
}

footer .footer-col ul li a {
    color: #4f4f4f;
}




.js-desc-wrapper.is-opened {
    position: static;
}
.c-coevals-desc {
    position: absolute;
    z-index: 10;
    background: white;
    margin-top: -50px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    left: -90px;
    right: -90px;
    padding: 45px 90px;
    display: none;
}
.questions-wrap .q-grid {
    position: relative;
}
.c-coevals-question {
    position: relative;
}
.js-desc-wrapper.is-opened .c-coevals-desc {
    display: block;
}
.js-desc-wrapper.is-opened .c-coevals-question:before,
.js-desc-wrapper.is-opened .c-coevals-question:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    z-index: 11;
    bottom: -5px;
    right: 100%;
    margin-right: -19px;
}
.js-desc-wrapper.is-opened .c-coevals-question:before {
    z-index: 1;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    box-shadow: 0 0 3px rgba(0, 0, 0, .8);
}
.js-desc-wrapper.is-opened .c-coevals-question .chevron {
    opacity: 0;
}
.text-italic {
    font-style: italic;
}
.text-bold {
    font-weight: bold;
}
.no-padding {
    padding: 0 !important;
}
.small-text ,
.c-coevals-desc .small-text {
    font-size: 12px;
}
.blue-text,
.c-coevals-desc .blue-text {
    font-size: 18px;
    color: #00458b;
}
.sub-title ,
.c-coevals-desc .sub-title {
    font-size: 24px;
}
.red-text,
.c-coevals-desc .red-text {
    color: #c20a11;
}
.small-heading,
.c-coevals-desc .small-heading {
    font-size: 16px;
}
.c-coevals-desc .heading-img {
    margin: -45px -90px 90px -90px;
    position: relative;
}
.c-coevals-desc .heading-img img {
    max-width: 100%;
    height: auto;
}
.c-coevals-desc .heading-img div {
    position: absolute;
    left: 90px;
    right: 90px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
    text-shadow: 0 0 3px #000;
    color: #ffffff;
}
.coevals-questions .js-desc-wrapper {
    text-align: left;
}
.coevals-questions {
    text-align: center;
}
.coevals-questions .header {
    position: relative;
    display: inline-block;
    padding-left: 60px;
    min-height: 50px;

}
.c-coevals-desc .mobile-title {
    font-size: 24px;
    color: #00458b;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 60px;
    margin-bottom: 20px;
}
body.page-id-51 {
    background: #fffcf4;
}
body.page-id-51 header .fixed-wrap {
    background: #fffcf4;
}
body.page-id-51 header .fixed-wrap.fixed {
    z-index: 100;
}
/*

body.page-id-51 header .fixed-wrap.fixed {
    z-index: 100;
}
body.page-id-51:before {
    content: "";
    position: fixed;
    left: -100%;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    animation: shadowOut .5s;
    -webkit-animation: shadowOut .5s;
}
body.page-id-51.is-showing-coevals-desc:before {
    left: 0;
    opacity: 1;
    -webkit-animation: shadowIn .5s;
}

@keyframes shadowIn {
    0% {
        left: 0;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes shadowIn {
    0% {
        left: 0;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes shadowOut {
    0% {
        left: 0;
        opacity: 1;
    }
    100% {
        left: 0;
        opacity: 0;
    }
}
@-webkit-keyframes shadowOut {
    0% {
        left: 0;
        opacity: 1;
    }
    100% {
        left: 0;
        opacity: 0;
    }
}
*/


.age-groups-nav {
    position: relative;
}

.c-slider-substrate-text {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    z-index: 10;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: #ffffff;
    font-family: "CharterBold";
    min-height: 0 !important;
    text-transform: none;
}
.c-slider-substrate-text_bg {
    background: rgba(0, 78, 120, .5);
    padding-top: 15px;
    padding-bottom: 15px;
}

.icon {
    display: inline-block;
}
.icon-work-principe {
    width: 91px;
    height: 72px;
    background: url("../uploads/work-principe-icons.png") 0 0 no-repeat;
}
.icon-work-principe--phone {
    background-position: 0 0;
}
.icon-work-principe--area-detection {
    background-position: 0 -72px;
}
.icon-work-principe--redirect {
    background-position: 0 -144px;
}
.icon-work-principe--result {
    background-position: 0 -216px;
}



.l-content {
    font-size: 14px;
}
.l-content_block {
    padding-top: 60px;
}
.l-content h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}
.c-work-principe {
    margin-top: 20px;
}
.c-work-principe_desc {
    font-size: 10px;
    text-transform: uppercase;
    color: #00458b;
    text-align: center;
    font-weight: bold;
    padding: 10px 3px;
}
.c-work-principe_icon {
    text-align: center;
}
.c-work-principe_block {
    position: relative;
}
.c-work-principe_block:first-child:before {
    display: none;
}
.c-work-principe_block:before {
    content: "";
    position: absolute;
    right: 100%;
    width: 18px;
    height: 15px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADQSURBVHjapNIhS8NRFMbhx+1W2cC0D2CYsmoa7As4tdoGFkEMdmEDWdmyVRj/RRdMYhUMYjJoMlmGLAliE1fuYKzduxcO74GX8wvnnI2b1y8JqkWfrgYlaXrBO7bXBT2gijtU1gGd4xl1FMvzqaBftPEZvZcLghn28Y1LHELADnYzgLc4wQh7AY/Ykq8KioAuWhmAGpr4xyDgOlaKNvEU+z4mOcsuY4wG7heXywENcYAPHOMvB3SKC/zgKL5A1h9dxeV28LYchETQWfTJajAfAJfnJDe4XhTKAAAAAElFTkSuQmCC') 0 0 no-repeat;
    top: 86px;
    margin-right: -10px;
}

.c-waterfall {
    text-align: center;
}
.c-waterfall_item {
    position: relative;
    margin-bottom: 20px;
}
.c-waterfall_item:first-child:before {
    display: none;
}
.c-waterfall_item:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 15px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADQSURBVHjapNIhS8NRFMbhx+1W2cC0D2CYsmoa7As4tdoGFkEMdmEDWdmyVRj/RRdMYhUMYjJoMlmGLAliE1fuYKzduxcO74GX8wvnnI2b1y8JqkWfrgYlaXrBO7bXBT2gijtU1gGd4xl1FMvzqaBftPEZvZcLghn28Y1LHELADnYzgLc4wQh7AY/Ykq8KioAuWhmAGpr4xyDgOlaKNvEU+z4mOcsuY4wG7heXywENcYAPHOMvB3SKC/zgKL5A1h9dxeV28LYchETQWfTJajAfAJfnJDe4XhTKAAAAAElFTkSuQmCC') 0 0 no-repeat;
    -webkit-transform: rotate(90deg) translateX(-50%);
    -moz-transform: rotate(90deg) translateX(-50%);
    -ms-transform: rotate(90deg) translateX(-50%);
    -o-transform: rotate(90deg) translateX(-50%);
    transform: rotate(90deg) translateX(-50%);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    left: 50%;
    bottom: 100%;
    margin-bottom: 1px;
}
.c-region-map {
    position: relative;
    display: inline-block;
}
.c-region-map_conversation {
    position: absolute;
    left: -130px;
    top: 50%;
}

















/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
   /* .container {
        width: 1200px;
    } */

    .md-no-padding {
        padding: 0;
    }
    .md-no-padding-right {
        padding-right: 0;
    }
    .md-no-padding-left {
        padding-left: 0;
    }
   
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .container {
        width: auto;
    }

    .age-groups-nav .middle-nav-col .main-phone a {
        font-size: 38px;
    }

    .age-groups-nav .middle-nav-col .message {
        font-size: 17px;
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

    html, body {
        width: auto !important;
        overflow-x: hidden !important;
    }

    header{
        min-height: 138px;
    }

    .xs-no-padding {
        padding: 0;
    }
    .xs-no-padding-right {
        padding-right: 0;
    }
    .xs-no-padding-left {
        padding-left: 0;
    }

    #logo img{
        width: 100%;
    }

    .container {
        width: auto;
    }

    .categories-block .block-holder {
        margin-bottom: 10px;
    }

    .categories-block .block-holder:nth-child(odd) {
        padding-right: 5px;
        padding-left: 25px;
    }
    .categories-block .block-holder:nth-child(even) {
        padding-right: 25px;
        padding-left: 5px;
    }

    header .top-bar-container .title {
        line-height: 15px;
    }

    .mobile-message-holder {
        text-align: center;
        background: #85aabe;
        font-family: "Charter";
        font-weight: bold;
        font-style: italic;
        color: #fff;
        font-size: 20px;
        line-height: 21px;
        padding: 12px 17px;
        /*background: rgba(0, 78, 120, 0.51);*/
        text-transform: none;
    }
    .mobile-message-holder .content {
        max-width: 550px;
        margin: 0 auto;
    }

    .age-groups-nav .age-nav-col > ul {
        width: auto;
        border-collapse:separate;
        border-spacing: 60px 0;
        margin: 0 auto;

    }

    .age-groups-nav .middle-nav-col .icon {
        padding: 10px 5px 10px 40px;
    }
    .age-groups-nav .middle-nav-col .icon.anonymously {
        float: right;
    }
    .age-groups-nav .middle-nav-col .icon.free{
        float: left;
        margin-left: 0;
    }

    .free-push-6 {
        left: 50%;
    }

    .phone-pull-3 {
        right: 25%;
    }

    footer .copyright {
        margin-top: 35px;
    }
    footer .site-about {
        margin-top: 20px;
    }

    .c-coevals-desc .mfp-close {
        font-size: 50px;
        color: white;
        opacity: 1;
        top: 10px;
        right: 10px;
    }
    .c-coevals-desc {
        position: relative;
        display: block;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        left: 0;
        right: 0;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .js-desc-wrapper.is-opened .c-coevals-question:before, .js-desc-wrapper.is-opened .c-coevals-question:after {
        display: none;
    }
    .js-desc-wrapper.is-opened .c-coevals-question .chevron {
        opacity: 1;
    }
    .q-list-wrap {
        /*padding-left: 70px;*/
        /*padding-right: 40px;*/
    }
    .children-questions .side-icon, .parents-questions .side-icon {
        text-align: center;
        padding-left: 0;
    }
    .children-questions, .parents-questions {
        padding-left: 70px;
        padding-right: 40px;
    }
    .questions-wrap .q-grid .icon-holder {
        padding-right: 20px;
    }
    .categories-accordion {
        width: auto;
        margin: 0 -15px;
    }
    .c-work-principe_block {
        margin-top: 40px;
    }
    .c-work-principe_block:first-child {
        margin-top: 0;
    }
    .c-work-principe_block:before {
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotate(90deg) translateX(-50%);
        -moz-transform: rotate(90deg) translateX(-50%);
        -ms-transform: rotate(90deg) translateX(-50%);
        -o-transform: rotate(90deg) translateX(-50%);
        transform: rotate(90deg) translateX(-50%);
        left: 50%;
        top: auto;
        bottom: 100%;
        margin-bottom: 18px;
    }
    .accordion .cat-item:first-child .page-header {
        right: 30px;
    }
    .accordion .cat-item:first-child .page-header .title {
        text-align: center;
        padding-left: 0;
    }
   
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
header .top-bar-container ul li{
    margin-right: 0px!important;
}
    header .top-bar-container {
        margin-top: 15px;
        padding: 0;
    }

    header .fixed-wrap.fixed #logo a {
        padding-top: 10px;
        padding-left: 10px;
    }

    header .top-bar-container .app-col ul {
        margin-left: 10px;
    }

    header .top-bar-container ul {
        float: none;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .menu-toggle-holder {
        text-align: center;
    }

    .menu-toggle-holder button {
        float: none;
    }

    .menu-toggle-holder button span.icon-bar {
        background: #00458b;
        height: 4px;
        width: 30px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .front-template .group-block.first-block .group-img {
        margin-left: -90%;
    }

    .front-template .group-block.second-block .group-img {
        margin-left: -70%;
    }

    .front-template .group-block.third-block .group-img {
        margin-left: -40%;
    }

    .front-template .categories-block .block-holder {
        margin-bottom: 10px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .front-template .group-block:hover {
        overflow: hidden;
        z-index: 1;
    }

    .free-push-6 {
        left: 50%;
    }

    .phone-pull-3 {
        right: 25%;
    }

    .red-header .icon-absolute {
        position: static;
        margin-bottom: 20px;
    }

    .coevals-questions .header {
        padding-left: 0;
    }

    .questions-wrap .header h3 {
        font-size: 30px;
    }

    .children-questions, .parents-questions {
        padding-left: 20px;
        padding-right: 20px;
    }

    .questions-wrap .q-grid .icon-holder {
        padding-right: 20px;
    }

    .c-coevals-desc {
        padding: 10px;
    }

    .c-coevals-desc .small-text {
        font-size: 14px;
    }

    .c-coevals-desc .mfp-close {
        color: #00458b;
    }





    .accordion {
        height: 485px;
        position: relative;
        width: 100%;
        display: block;
    }
    .accordion .cat-item {
        display: block;
        position: absolute;
        overflow: hidden;
        height: 70px;
        z-index: 1;
        width: 100% !important;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.53);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.53);
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.53);
    }
    .accordion:hover .cat-item {
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.53);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.53);
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.53);
    }
    .accordion .cat-item.active, .accordion:hover .cat-item:hover {
        height: 345px;
        z-index: 20;
    }
    .accordion:hover .cat-item {
        height: 70px;
    }
    /*.accordion:hover .cat-item:nth-child(2) {*/
        /*top: 70px;*/
    /*}*/
    .accordion .cat-item:first-child {
        top: 0;
    }
    .accordion .cat-item:last-child {
        bottom: 0;
        z-index: 1;
    }
    .accordion .cat-item:nth-child(2) {
        top: 70px;
        z-index: 10;
    }
    .accordion:hover .cat-item.active:first-child + .cat-item {
        top: 70px;
    }
    .accordion .cat-item.active:first-child + .cat-item,
    .accordion:hover .cat-item:hover:first-child + .cat-item {
        top: 345px;
    }
    .accordion .cat-item.active .page-header {
        opacity: 1;
    }
    .accordion:hover .cat-item .page-header {
        opacity: 0;
    }
    .accordion .cat-item:hover .page-header {
        opacity: 1;
    }
    /*.accordion .page-header {*/
        /*margin: 0;*/
        /*top: 50%;*/
        /*-webkit-transform: translateY(-50%);*/
        /*-moz-transform: translateY(-50%);*/
        /*-ms-transform: translateY(-50%);*/
        /*-o-transform: translateY(-50%);*/
        /*transform: translateY(-50%);*/
        /*opacity: 0;*/
        /*-webkit-transition: all 500ms ease 0s;*/
        /*-moz-transition: all 500ms ease 0s;*/
        /*-ms-transition: all 500ms ease 0s;*/
        /*-o-transition: all 500ms ease 0s;*/
        /*transition: all 500ms ease 0s;*/
    /*}*/
    .accordion .cat-item:first-child .page-header {
        right: 0;
        left: 0;
        white-space: normal;
        top: auto;
        bottom: 0;
    }
    .accordion .accordion-header-wrapper:before {
        content: "";
        width: 27px;
        height: 14px;
        background: url('data:image/png;base64,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') 0 0 no-repeat;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 20px;
        opacity: 1;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

    .accordion .cat-item.active .accordion-header-wrapper:before {
        opacity: 0;
    }
    .accordion:hover .cat-item .accordion-header-wrapper:before {
        opacity: 1;
    }
    .accordion .cat-item:hover .accordion-header-wrapper:before {
        opacity: 0;
    }

    .c-region-map {
       /* padding-left: 130px; */
    }
    .c-region-map > img {
        max-width: 100%;
    }
    .c-region-map_conversation {
        left: 0;
    }
    .l-about-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
   
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
   header .top-bar-container ul li:first-child{
    margin-right: 0px!important;
}
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-12 {
        width: 100%;
    }

    header {
        min-height: 73px;
    }

    header .fixed-wrap.fixed #logo {
        margin: 10px;

    }
    header .fixed-wrap.fixed #logo a {
        padding: 0;
        margin: 0;
    }

    header .logo-holder {
        width: 25%;
    }

    header .social-holder {
        width: 58.33333333%;
    }

    .top-bar-container {
        display: none;
    }

    .sidebar-menu-wrapper {
        padding: 25px 15px 20px;
        overflow-y: scroll;
        display: none;
    }
    .sidebar-menu-wrapper.active {
        top: 0;
        right: 0;
        width: 100%;
        margin-right: 0;
        display: block;
    }

    .sidebar-menu-wrapper .menu-toggle {
        right: 15px;
        top: 20px;
    }

    .front-template .group-block {
        width: 100%;
        height: 150px;
    }

    .front-template .group-block img {
        width: 100%;
    }

    .front-template .age-groups-holder .group-block .group-img {
        margin-left: 0;
        margin-top: -80px;
        width: 100%;
    }

    .front-template .group-block .group-name {
        top: 39%;
    }

    .front-template .group-block:hover {
        overflow: hidden;
        z-index: 1;
    }

    .mobile-message-holder {
        font-size: 14px;
        padding: 15px 18px;
    }

    .age-groups-nav .age-nav-col > ul {
        margin-left: 0;
        border-collapse: inherit;
        border-spacing: inherit;
    }

    .free-push-6 {
        left: 0;
    }

    .phone-pull-3 {
        right: 0;
    }

    .footer-logo-holder {
        padding: 0;
    }

    #footer-logo img{
        width: 100%;
    }

    footer .copyright {
        margin-top: 5px;
    }
    .c-region-map {
        padding-left: 0;
    }
    .c-region-map_conversation {
        position: static;
        text-align: left;
    }
}
#post-249{
    width: 600px;
    margin: 0 auto;
}
.fixed1{
    height: 300px;
    left: 600px;
    margin-left: 0;
    position: fixed;
    top: 100px;
    width: 85px !important;
   
}
.fixed2{
     position: fixed;
      top: 100px;
    height: 300px;
   width: 85px !important;
    margin-left: 0px;
    left: 680px; 
}

.c-digest-popup span.digest_date {
    font-size: 12px;
    color: #656565;
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

#vk_widget,
#ok_group_widget,
#video_principle {margin-top: 15px;margin-bottom: 15px;}

/*
header #topnav li:last-child a {color: #fff; background: #ea1919; padding: 8px 15px 8px 15px;}  */