﻿.static-page-content {

    -webkit-font-smoothing: antialiased;
    
    h3 {
        font-size: 16px;
        font-weight: bold;
    }
    
    h4 {
        font-size: 14px;
        font-weight: bold;
    }       
    
    p {
        text-align: justify;
        text-justify: inter-word;
        margin: 0 0 30px;
    }
    
    ul {
        list-style-type: none;
        margin-left: 0px;
    }
    .content {

        background: #fff;
        border-radius: 5px;
        padding: 20px 40px 20px 0px;
        margin-bottom: 30px;
        margin-top: 30px;
        -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.5);
        -moz-box-shadow:    0 0 5px 0 rgba(50, 50, 50, 0.5);
        box-shadow:         0 0 5px 0 rgba(50, 50, 50, 0.5);

    }


}


//FEATURES
.loginFeatures{
  font-size: 14px !important;
  line-height: 14px !important;
  font-weight: bold !important;
  text-transform: none !important;
  border: 1px solid #4d4747;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 7px 16px !important;
  margin: 19px 0px 0px; 

  @media(max-width: 768px){
    border:0;
    margin: 0 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    line-height: 18px !important;
  }
}


//The Team Page
.static-page-header{
    background-color: #f3f3f3;
    border-bottom: 1px solid #bfbfbf;
    ul{
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        li{
            display: inline-block;
            a{
                display: block;
                color: #3c3c3c;
                font-size: 12px;
                padding: 10px 25px;
                text-decoration: none;
                line-height: 2.5;
                &:hover{
                    color: #FFF;
                    background-color: #0083fb;
                }
            }
        }
    }
}

#team-page{

  background-image: url('../img/team_background.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 13%;
  padding-bottom: 40px;
  @media
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
    background-image: url('../img/team_background@2x.png');
  } }//zamykam #
.teamSubHeader,
.teamHeader{
  /*text-align: center; add class*/
  margin: 5.5% 0;

  h1{
    font-size: 64px;
    color: #4d4747;
    line-height: 32px;
    /*font-weight: bold; ?? why*/
  }
  h3{
    font-size: 24px;
    color: #4d4747;
    /*font-weight: 400; Lato - 500*/
  }
  @media(max-width: 768px){
    h1{
      font-size: 50px;
    }
    h3{
      font-size: 18px;
    }
  }
}
.teamSubHeader {
  margin: 0 0 4% 0;
}

    /*.teamPeople{ remove in html*/
       /* width: 100%;
        margin: 0 auto; remove*/
        /*text-align: center; add class*/

        /*.top-teamPpl{
            display: inline-block;
            max-width: 170px;
            width: 100%;
            text-align: center;

            &:first-child{
                margin: 0px 0px 0px 55px;
            }

            &:last-child{
                margin: 0px 55px 0px 0px;
            }

            @media(max-width: 530px){
                &:first-child,
                &:last-child{
                    margin: 0px 0px 0px 0px;
                }
            }

        }*/
.top-teamPpl,
.pplBox{
  max-width: 170px;
  width: 100%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  max-height: 190px;
  margin-bottom: 50px;
 } //zamykam1
.pplImage{
  width: 121px;
  height: 121px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  overflow: hidden;
  margin: 0 auto 2px auto;

    /*img{
      max-width: 100%;
      height: auto;
    }*/
}
.pplName{

  color: #0083fb;
  font-size: 14px;
  line-height: 18px;

}
.pplPos{
  color: #4d4747;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 2px;

}
.pplSocial{

  span{

    .fa-stack-2x{
      font-size: 24px;
    } 
    .fa-stack-1x{
      top: -1px;
    }
  }
}//zamykam2
.socLinkedin{
  /*color: red; remove*/
  .fa-stack-2x{
    color: #0874b3;
  }


}
.socTwitter{
  .fa-stack-2x{
    color: #45b0e3;
  }

}
.socFacebook{
  .fa-stack-2x{
    color: #3c569c;
  }

}
.socIconCivilHub{
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 0 4px 0 3px;
  position: relative;
  top: 5px;
  background-image: url(../img/icon-civilhub1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  @media
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi){
    background-image: url(../img/icon-civilhub1@2x.png);
  }
}
        //}zamykam2
      //}zamykam1

   /* } remove teamppl*/
    /*.team_tooltip_heading {
        color: #0083fb;
    } edit class*/
a.team_tooltip {
  position: relative;
  display: inline;
}
a.team_tooltip span {
  color: #4d4747;
  position: absolute;
  width: 300px;
  background: white;
  border: 1px solid #bfbfbf;
  /*height: auto; remove*/
  visibility: hidden;
  border-radius: 4px;
  /*text-align: left; add class*/
  padding: 10px;
}
a.team_tooltip span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-top: 12px solid #bfbfbf;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
a.team_tooltip span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0; height: 0;
  border-top: 10px solid #FFFFFF;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
a:hover.team_tooltip span {
  visibility: visible;
  bottom: 145px;
  left: -38%;
  z-index: 100;
}

.team_browserstack_logo {
  display: inline-block;
  width: 170px;
  height: 37px;
  background-image: url("https://civilhub.org/media/filer_public/79/ed/79ed5145-9d5d-4192-aa92-6c1ebee64d76/browserstack_logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  @media 
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
    background-image: url("https://civilhub.org/media/filer_public/66/44/6644e6a3-06eb-4aa5-b158-2b0ed4d50c4b/browserstack_logo2x.png");
  }
}
//} #

.body-register{
  background-image:url('../img/register_bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 100;


  background-color: #000;
  position: fixed;
  width: 100%;
 /* height: 100%; remove*/

  @media 
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
    background-image: url('../img/register_bg@2x.jpg');
  }
  @media(max-width: 450px) and (max-height:580px) {
    position: relative;
    overflow-x: hidden;
    height: auto;
  }
}
#footer-register{
  @media(max-width: 450px){
    position: relative;
    bottom: 0;
    margin: 0;
  }
}
#register-Page{


  .features-Home,
  .login-Home{
    a{
      color: #FFF;
      text-decoration: none;
    }
    p{
      margin-bottom: 0;
    }
  }

  .register-box{
    width: 300px;
    min-height: 320px;

    position: absolute;
    top: 50%;
    left: 50%;
    //margin-top: -160px;
    margin-top: -219px;
    margin-left: -150px;
    @media(max-width: 450px){
    position: relative;
    top: 0;
    margin-top: 0px;
    }

    h1{
      color: #FFF;
      font-size: 24px;
      /*font-weight: bold; remove*/
      /*text-align: center; add class*/
    } }//zamykam rg
}//zamykam #
  .formRegister{
    /*.popover{
      color: #000;
    } remove */
    .col-xs-6{
      &:first-child{
        /*padding-left: 0; add class*/
        padding-right: 5px;
      }
    }
    .col-xs-6{
      &:last-child{
        padding-left: 5px;
        /*padding-right: 0; add class*/
      }
    }
    .form-group{
      margin-bottom: 10px;
    }
    .terms{
      /*text-align: center;*/
      font-size: 10px;
      /*a{
        font-weight: bold;
      }*/
    }
    }//zamykam rf
  .registerButtons{
    /*text-align: center; add class*/
    .facebook-btn,
    .twitter-btn,
    .linkedin-btn,
    .google-btn{
      background: #fff;
      border: 0 none;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      color: #000;
      width: 30px;
      height: 30px;
      margin: 0 8px;
      font-size: 20px;
      display: inline-block;
      padding: 2px 7px;
      cursor: pointer;
    }
  }
  .registerButtonSubmit{
    margin: 10px 0;
    /*text-align: center; add class*/

    button{
      /*color: #FFF;
      background-color: #84bd00;
      border: 1px solid #000;
      border-radius: 25px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      line-height: 18px;
      font-size: 14px; add class*/
      padding: 10px 65px;
    }
  }

    //} zamykam rf
  /*} zamykam rg*/
/*} zamykam #*/

//Confirm-register
#confirmReg{
    color: #50616D;
    margin-top: 50px;
    text-align: center;
}
small.green{
  color: #84bd00;
  vertical-align: top;
  margin-left: 5px;
}

/**
 * Dla formularzy wykorzystywanych jak linki,
 * które nie mają wyglądać jak formularze.
 */
.custom-inline-form {
  display: inline;
  button[type=submit] {
    display: inline;
    border: none;
    background-color: transparent;
  }
}

//projects + ngo style
.loc-box-project{ .locBoxCat{ background-color: #202020; } }

/*
* Brief - Featuers
*/
@bg_people: url(../img/brief/pl_slide_1.png);
@bg_slide3: url(https://civilhub.org/media/filer_public/0c/c4/0cc4023b-8294-4d06-b801-aafe382f02c4/pl_slide_3.png);
@bg_slide4: url(https://civilhub.org/media/filer_public/eb/3e/eb3e6aa8-22bb-4317-8fc5-4e04d40548fe/pl_slide_4.png);
@bg_slide5: url(https://civilhub.org/media/filer_public/83/3c/833cb4eb-cb75-4bf0-b7dd-e443709a24d4/pl_slide_5.png);
@bg_slide6: url(https://civilhub.org/media/filer_public/de/4c/de4cf2a2-5ad8-4c56-8fd6-e16a96b865ba/fix_pl_slide_6.png);
@bg_slide7: url(https://civilhub.org/media/filer_public/db/d0/dbd057b7-1308-4a25-a1f0-3b7b02bbbf4d/pl_slide_7.png);
@bg_slide8: url(https://civilhub.org/media/filer_public/2f/d2/2fd2fa32-a8a9-4528-9d9e-9ef5f2d88f74/pl_slide_8.jpg);

@bg_people_retina: url(../img/brief/pl_slide_1@2x.png);
@bg_slide3_retina: url(https://civilhub.org/media/filer_public/44/2f/442f3476-d991-4caa-8ef1-b974ed2aefb2/pl_slide_32x.png);
@bg_slide4_retina: url(https://civilhub.org/media/filer_public/7b/a9/7ba958ef-cea7-41b7-ac4b-db04383ed67d/pl_slide_42x.png);
@bg_slide5_retina: url(https://civilhub.org/media/filer_public/82/a8/82a8f0b5-f0b1-47ad-8f05-a3e569344fdd/pl_slide_52x.png);
@bg_slide6_retina: url(https://civilhub.org/media/filer_public/54/41/54410b5e-a386-454e-ac10-f58c9797be2e/fix_pl_slide_62x.png);
@bg_slide7_retina: url(https://civilhub.org/media/filer_public/fb/d6/fbd68e08-1c6a-4d8c-98ba-37c1be7c1787/pl_slide_72x.png);
@bg_slide8_retina: url(https://civilhub.org/media/filer_public/17/b1/17b1f295-369e-4bd8-b3e6-7ce28c6536d0/pl_slide_82x.jpg);

/*bg_slide en*/
@bg_slide3_en: url(https://civilhub.org/media/filer_public/24/10/2410926b-33b7-4cf9-9d95-d3cd39a38c70/en_slide_3.png);
@bg_slide4_en: url(https://civilhub.org/media/filer_public/cb/bf/cbbfcb62-f8cf-4a0c-8a88-2d1d9c4b19d2/en_slide_4.png);
@bg_slide5_en: url(https://civilhub.org/media/filer_public/27/81/27812b78-1a01-4ce1-bf0c-dd525b4bc730/en_slide_5.png);
@bg_slide6_en: url(https://civilhub.org/media/filer_public/5b/4a/5b4a0ffc-f700-4c24-8e3e-517f32bfe549/fix_en_slide_6.png);
@bg_slide7_en: url(https://civilhub.org/media/filer_public/9a/17/9a17d82e-8690-46c7-97ff-ebb4a9960e16/en_slide_7.png);
@bg_slide8_en: url(https://civilhub.org/media/filer_public/39/02/39029b8c-9c25-45f5-bfa2-7523325bac8d/en_slide_8.jpg);

@bg_slide3_en_retina: url(https://civilhub.org/media/filer_public/ec/2c/ec2ca581-1770-4a87-bab5-330b0a6c9446/en_slide_32x.png);
@bg_slide4_en_retina: url(https://civilhub.org/media/filer_public/13/fe/13fea3c6-ec1a-47bf-ba04-f903476e2598/en_slide_42x.png);
@bg_slide5_en_retina: url(https://civilhub.org/media/filer_public/3d/e8/3de8b707-a39c-4ff5-b888-5b01cd35402e/en_slide_52x.png);
@bg_slide6_en_retina: url(https://civilhub.org/media/filer_public/a0/04/a004cabd-8b02-4271-b51b-1658ff414e98/fix_en_slide_62x.png);
@bg_slide7_en_retina: url(https://civilhub.org/media/filer_public/56/00/560052cf-5110-4844-b809-aa117d1df20f/en_slide_72x.png);
@bg_slide8_en_retina: url(https://civilhub.org/media/filer_public/17/df/17df056e-e5de-48ae-8893-d0d64c0938dc/en_slide_82x.jpg);

/*inner cities_pl*/
@bg_gdansk: url(../img/brief/cities_pl/gdansk.png);
@bg_krakow: url(../img/brief/cities_pl/krakow.png);
@bg_lodz: url(../img/brief/cities_pl/lodz.png);
@bg_lublin: url(../img/brief/cities_pl/lublin.png);
@bg_poznan: url(../img/brief/cities_pl/poznan.png);
@bg_warszawa: url(../img/brief/cities_pl/wwa.png);
@bg_wroclaw: url(../img/brief/cities_pl/wroclaw.png);
/*indicators cities_pl*/
@bg_mini_gdansk: url(../img/brief/cities_pl/mini_gdansk.jpg);
@bg_mini_krakow: url(../img/brief/cities_pl/mini_krakow.jpg);
@bg_mini_lodz: url(../img/brief/cities_pl/mini_lodz.jpg);
@bg_mini_lublin: url(../img/brief/cities_pl/mini_lublin.jpg);
@bg_mini_poznan: url(../img/brief/cities_pl/mini_poznan.jpg);
@bg_mini_warszawa: url(../img/brief/cities_pl/mini_warsaw.jpg);
@bg_mini_wroclaw: url(../img/brief/cities_pl/mini_wroclaw.jpg);
/*inner @2x Retina cities_pl*/
@bg_gdansk_retina: url(../img/brief/cities_pl/gdansk@2x.png);
@bg_krakow_retina: url(../img/brief/cities_pl/krakow@2x.png);
@bg_lodz_retina: url(../img/brief/cities_pl/lodz@2x.png);
@bg_lublin_retina: url(../img/brief/cities_pl/lublin@2x.png);
@bg_poznan_retina: url(../img/brief/cities_pl/poznan@2x.png);
@bg_warszawa_retina: url(../img/brief/cities_pl/wwa@2x.png);
@bg_wroclaw_retina: url(../img/brief/cities_pl/wroclaw@2x.png);
/*indicators @2x Retina cities_pl*/
@bg_mini_gdansk_retina: url(../img/brief/cities_pl/mini_gdansk@2x.jpg);
@bg_mini_krakow_retina: url(../img/brief/cities_pl/mini_krakow@2x.jpg);
@bg_mini_lodz_retina: url(../img/brief/cities_pl/mini_lodz@2x.jpg);
@bg_mini_lublin_retina: url(../img/brief/cities_pl/mini_lublin@2x.jpg);
@bg_mini_poznan_retina: url(../img/brief/cities_pl/mini_poznan@2x.jpg);
@bg_mini_warszawa_retina: url(../img/brief/cities_pl/mini_warsaw@2x.jpg);
@bg_mini_wroclaw_retina: url(../img/brief/cities_pl/mini_wroclaw@2x.jpg);
/*inner cities_int*/
@bg_chicago: url(../img/brief/cities_int/chicago.png); 
@bg_london: url(../img/brief/cities_int/london.png);
@bg_nyc: url(../img/brief/cities_int/nyc.png);
@bg_paris: url(../img/brief/cities_int/paris.png);
@bg_sydney: url(../img/brief/cities_int/sydney.png);
@bg_tokyo: url(../img/brief/cities_int/tokyo.png);
@bg_warsaw: url(../img/brief/cities_int/warsaw.png);
/*indicators cities_int*/
@bg_mini_chicago: url(../img/brief/cities_int/mini_chicago.jpg);
@bg_mini_london: url(../img/brief/cities_int/mini_london.jpg);
@bg_mini_nyc: url(../img/brief/cities_int/mini_nyc.jpg);
@bg_mini_paris: url(../img/brief/cities_int/mini_paris.jpg);
@bg_mini_sydney: url(../img/brief/cities_int/mini_sydney.jpg);
@bg_mini_tokyo: url(../img/brief/cities_int/mini_tokyo.jpg);
@bg_mini_warsaw: url(../img/brief/cities_int/mini_warsaw.jpg);
/*inner @2x Retina cities_int*/
@bg_chicago_retina: url(../img/brief/cities_int/chicago@2x.png); 
@bg_london_retina: url(../img/brief/cities_int/london@2x.png);
@bg_nyc_retina: url(../img/brief/cities_int/nyc@2x.png);
@bg_paris_retina: url(../img/brief/cities_int/paris@2x.png);
@bg_sydney_retina: url(../img/brief/cities_int/sydney@2x.png);
@bg_tokyo_retina: url(../img/brief/cities_int/tokyo@2x.png);
@bg_warsaw_retina: url(../img/brief/cities_int/warsaw@2x.png);
/*indicators @2x Retina cities_int*/
@bg_mini_chicago_retina: url(../img/brief/cities_int/mini_chicago@2x.jpg);
@bg_mini_london_retina: url(../img/brief/cities_int/mini_london@2x.jpg);
@bg_mini_nyc_retina: url(../img/brief/cities_int/mini_nyc@2x.jpg);
@bg_mini_paris_retina: url(../img/brief/cities_int/mini_paris@2x.jpg);
@bg_mini_sydney_retina: url(../img/brief/cities_int/mini_sydney@2x.jpg);
@bg_mini_tokyo_retina: url(../img/brief/cities_int/mini_tokyo@2x.jpg);
@bg_mini_warsaw_retina: url(../img/brief/cities_int/mini_warsaw@2x.jpg);
/*inner communities*/
@bg_community_one: url(https://civilhub.org/media/filer_public/64/8c/648c44c9-0d1a-4e48-966e-6b114e083d31/pl_wspolnota_1.png);
@bg_community_two: url(https://civilhub.org/media/filer_public/21/15/21156cac-7a79-46bb-a72d-d6a3a1d76e9a/pl_wspolnota_2.png); 
@bg_community_three: url(https://civilhub.org/media/filer_public/b6/8c/b68c69d2-18f6-47b5-b6f0-761363011d88/pl_wspolnota_3.png); 
@bg_community_four: url(https://civilhub.org/media/filer_public/05/bb/05bb1b1a-2933-435b-a534-0e4d51e4757e/pl_wspolnota_4.png); 
@bg_community_five: url(https://civilhub.org/media/filer_public/7f/94/7f940a08-aba0-4fe2-b022-611a657362fb/pl_wspolnota_5.png); 
@bg_community_six: url(https://civilhub.org/media/filer_public/b5/91/b5916fc4-bbf1-4625-9126-883ff475eda9/pl_wspolnota_6.png); 
@bg_community_seven: url(https://civilhub.org/media/filer_public/0d/4b/0d4bbc33-f02d-4e1c-a3fe-059e846db8d4/pl_wspolnota_7.png); 
/*indicators communities*/
@bg_mini_community_one: url(https://civilhub.org/media/filer_public/0e/75/0e75f775-b561-4b4b-9ca2-7270858d4da2/osiedle1.jpg);
@bg_mini_community_two: url(https://civilhub.org/media/filer_public/0e/ed/0eed46f9-ce79-4076-b693-2aebdde8224a/osiedle2.jpg);
@bg_mini_community_three: url(https://civilhub.org/media/filer_public/eb/c9/ebc92f29-3321-4eb0-b6e9-229ea160b4d1/osiedle3.jpg);
@bg_mini_community_four: url(https://civilhub.org/media/filer_public/30/24/3024a7d1-8505-48e7-83e3-9edcddb2b836/osiedle4.jpg);
@bg_mini_community_five: url(https://civilhub.org/media/filer_public/18/ca/18cadaab-9b11-4449-8a9c-3111aace76ce/osiedle5.jpg);
@bg_mini_community_six: url(https://civilhub.org/media/filer_public/5a/87/5a878589-1a48-4ea9-a710-c1f3a45fcd08/osiedle6.jpg);
@bg_mini_community_seven: url(https://civilhub.org/media/filer_public/ae/48/ae488cab-de9b-4e92-bbf8-00cad8e75f62/osiedle7.jpg);
/*inner @2x Retina communities*/
@bg_community_one_retina: url(https://civilhub.org/media/filer_public/08/40/084065c4-90af-4d6e-8d67-b36500c2f1fa/pl_wspolnota_12x.png);
@bg_community_two_retina: url(https://civilhub.org/media/filer_public/c5/b6/c5b68676-faaa-41a5-9b5d-80a3111f66e7/pl_wspolnota_22x.png); 
@bg_community_three_retina: url(https://civilhub.org/media/filer_public/a9/67/a9676cdb-0e67-49ab-b17b-0662cb15bf12/pl_wspolnota_32x.png); 
@bg_community_four_retina: url(https://civilhub.org/media/filer_public/15/d4/15d4213a-9f93-4f89-b72c-f3e99966ad01/pl_wspolnota_42x.png); 
@bg_community_five_retina: url(https://civilhub.org/media/filer_public/3d/88/3d887f80-f985-4c75-b269-9cd3e40d124f/pl_wspolnota_52x.png); 
@bg_community_six_retina: url(https://civilhub.org/media/filer_public/44/4b/444b44a2-854e-42cf-a7a8-8fe3d94a7045/pl_wspolnota_62x.png); 
@bg_community_seven_retina: url(https://civilhub.org/media/filer_public/2d/1a/2d1ab06c-145a-4897-b9b5-6d5350127430/pl_wspolnota_72x.png); 
/*indicators @2x Retina communities*/
@bg_mini_community_one_retina: url(https://civilhub.org/media/filer_public/0a/5f/0a5f4e41-2bf1-48aa-856e-511a72669ec6/osiedle12x.jpg);
@bg_mini_community_two_retina: url(https://civilhub.org/media/filer_public/ba/8d/ba8d25ce-b48c-4059-ac29-4e53a3c0b0c1/osiedle22x.jpg);
@bg_mini_community_three_retina: url(https://civilhub.org/media/filer_public/a0/01/a00159a2-3aec-4b4a-a96e-9a3e16fa484a/osiedle32x.jpg);
@bg_mini_community_four_retina: url(https://civilhub.org/media/filer_public/40/c9/40c997f7-3d5d-403e-9840-0dfdd43ee368/osiedle42x.jpg);
@bg_mini_community_five_retina: url(https://civilhub.org/media/filer_public/c1/53/c153556f-051f-4bec-8c7d-0c7e9d6e723e/osiedle52x.jpg);
@bg_mini_community_six_retina: url(https://civilhub.org/media/filer_public/f3/85/f385e95c-a33a-4612-921e-a3fd311403fd/osiedle62x.jpg);
@bg_mini_community_seven_retina: url(https://civilhub.org/media/filer_public/8f/09/8f0969fb-613d-4368-9526-410a4dd866ab/osiedle72x.jpg);
/*en inner communities*/
@en_bg_community_one: url(../img/brief-communities/en_wspolnota_1.png);
@en_bg_community_two: url(../img/brief-communities/en_wspolnota_2.png); 
@en_bg_community_three: url(../img/brief-communities/en_wspolnota_3.png); 
@en_bg_community_four: url(../img/brief-communities/en_wspolnota_4.png); 
@en_bg_community_five: url(../img/brief-communities/en_wspolnota_5.png); 
@en_bg_community_six: url(../img/brief-communities/en_wspolnota_6.png); 
@en_bg_community_seven: url(../img/brief-communities/en_wspolnota_7.png); 
/*en indicators communities*/
@en_bg_mini_community_one: url(../img/brief-communities/en_osiedle1.jpg);
@en_bg_mini_community_two: url(../img/brief-communities/en_osiedle2.jpg);
@en_bg_mini_community_three: url(../img/brief-communities/en_osiedle3.jpg);
@en_bg_mini_community_four: url(../img/brief-communities/en_osiedle4.jpg);
@en_bg_mini_community_five: url(../img/brief-communities/en_osiedle5.jpg);
@en_bg_mini_community_six: url(../img/brief-communities/en_osiedle6.jpg);
@en_bg_mini_community_seven: url(../img/brief-communities/en_osiedle7.jpg);
/*en inner @2x Retina communities*/
@en_bg_community_one_retina: url(../img/brief-communities/en_wspolnota_1@2x.png);
@en_bg_community_two_retina: url(../img/brief-communities/en_wspolnota_2@2x.png); 
@en_bg_community_three_retina: url(../img/brief-communities/en_wspolnota_3@2x.png); 
@en_bg_community_four_retina: url(../img/brief-communities/en_wspolnota_4@2x.png); 
@en_bg_community_five_retina: url(../img/brief-communities/en_wspolnota_5@2x.png); 
@en_bg_community_six_retina: url(../img/brief-communities/en_wspolnota_6@2x.png); 
@en_bg_community_seven_retina: url(../img/brief-communities/en_wspolnota_7@2x.png); 
/*en indicators @2x Retina communities*/
@en_bg_mini_community_one_retina: url(../img/brief-communities/en_osiedle1@2x.jpg);
@en_bg_mini_community_two_retina: url(../img/brief-communities/en_osiedle2@2x.jpg);
@en_bg_mini_community_three_retina: url(../img/brief-communities/en_osiedle3@2x.jpg);
@en_bg_mini_community_four_retina: url(../img/brief-communities/en_osiedle4@2x.jpg);
@en_bg_mini_community_five_retina: url(../img/brief-communities/en_osiedle5@2x.jpg);
@en_bg_mini_community_six_retina: url(../img/brief-communities/en_osiedle6@2x.jpg);
@en_bg_mini_community_seven_retina: url(../img/brief-communities/en_osiedle7@2x.jpg);

/*for organizations */
/*@for_organizations_bg_people: url(https://civilhub.org/media/filer_public/de/2b/de2b47ff-c0d2-4269-9139-fb8ac5a12eca/pl_org_slide_1.png);
@for_organizations_bg_slide2: url(https://civilhub.org/media/filer_public/33/c4/33c4927d-3152-40a6-89b4-88fc0a56431e/pl_org_slide_2.png);
@for_organizations_bg_slide3: url(https://civilhub.org/media/filer_public/cf/4e/cf4e2582-4654-4590-9d28-a6313ea300aa/pl_org_slide_3.png);
@for_organizations_bg_slide4: url(https://civilhub.org/media/filer_public/bd/f5/bdf5d8de-597c-4ea6-acec-ed125c24abb0/pl_org_slide_4.png);
@for_organizations_bg_slide5: url(https://civilhub.org/media/filer_public/0b/63/0b63d914-3808-413e-ae5c-30e005c7f7ee/pl_org_slide_5.png);
@for_organizations_bg_slide6: url(https://civilhub.org/media/filer_public/ae/eb/aeeb9712-ef0f-499c-b622-729c90b31de2/pl_org_slide_6.png);
@for_organizations_bg_slide7: url(https://civilhub.org/media/filer_public/e9/b9/e9b97c46-9bee-423e-a62a-6e688546b2c1/pl_org_slide_7.png);
@for_organizations_bg_slide8: url(https://civilhub.org/media/filer_public/db/d0/dbd057b7-1308-4a25-a1f0-3b7b02bbbf4d/pl_slide_7.png);
@for_organizations_bg_slide9: url(https://civilhub.org/media/filer_public/43/e6/43e6d6d1-a824-4802-9ae5-8b509c47e2e4/pl_org_slide_9.png);
*/
/*for organizations @2x Retina */
/*@for_organizations_bg_people_retina: url(https://civilhub.org/media/filer_public/05/30/0530f424-c694-4fa1-a58b-f77187a8fb01/pl_org_slide_12x.png);
@for_organizations_bg_slide2_retina: url(https://civilhub.org/media/filer_public/90/b9/90b98a76-b252-4dba-9d34-e5a654751ecd/pl_org_slide_22x.png);
@for_organizations_bg_slide3_retina: url(https://civilhub.org/media/filer_public/43/0d/430d1b1b-b2b4-4080-aca8-f7e4a8e5e631/pl_org_slide_32x.png);
@for_organizations_bg_slide4_retina: url(https://civilhub.org/media/filer_public/1c/fd/1cfd6de6-c69a-4270-8d62-0430c59ed4e6/pl_org_slide_42x.png);
@for_organizations_bg_slide5_retina: url(https://civilhub.org/media/filer_public/39/0f/390f2993-77d9-4c4e-ba4d-74a218aea18c/pl_org_slide_52x.png);
@for_organizations_bg_slide6_retina: url(https://civilhub.org/media/filer_public/32/fc/32fcea6b-3236-46c2-a02f-3bf881b28c86/pl_org_slide_62x.png);
@for_organizations_bg_slide7_retina: url(https://civilhub.org/media/filer_public/44/92/4492044f-2416-40de-839e-b38f8ba0918e/pl_org_slide_72x.png);
@for_organizations_bg_slide8_retina: url(https://civilhub.org/media/filer_public/fb/d6/fbd68e08-1c6a-4d8c-98ba-37c1be7c1787/pl_slide_72x.png);
@for_organizations_bg_slide9_retina: url(https://civilhub.org/media/filer_public/5d/95/5d95e319-5a8a-42c5-a32e-e129f62bcd9d/pl_org_slide_92x.png);
*/
/*en for organizations */
/*@en_for_organizations_bg_people: url(https://civilhub.org/media/filer_public/a0/69/a0697301-0dc2-4ea9-8841-c47637f81b0c/en_org_slide_1.png);
@en_for_organizations_bg_slide2: url(https://civilhub.org/media/filer_public/d1/02/d1027184-3eb5-4799-9fb3-5f43e5e8881c/en_org_slide_2.png);
@en_for_organizations_bg_slide3: url(https://civilhub.org/media/filer_public/d6/87/d687acba-09ad-4dd4-9725-84acc60715de/en_org_slide_3.png);
@en_for_organizations_bg_slide4: url(https://civilhub.org/media/filer_public/68/84/68849df6-f8c6-46ba-b25b-e6279d96a443/en_org_slide_4.png);
@en_for_organizations_bg_slide5: url(https://civilhub.org/media/filer_public/26/76/2676f39c-b5d3-46e0-b3d8-e0438ddf45e2/en_org_slide_5.png);
@en_for_organizations_bg_slide6: url(https://civilhub.org/media/filer_public/25/e6/25e640e0-3bed-4461-bb6f-b624024e0f95/en_org_slide_6.png);
@en_for_organizations_bg_slide7: url(https://civilhub.org/media/filer_public/cc/2f/cc2f1119-d8ec-4ca8-ba8e-400cda41e0d5/en_org_slide_7.png);
@en_for_organizations_bg_slide8: url(https://civilhub.org/media/filer_public/9a/17/9a17d82e-8690-46c7-97ff-ebb4a9960e16/en_slide_7.png);
@en_for_organizations_bg_slide9: url(https://civilhub.org/media/filer_public/d6/65/d665a8dc-2dc3-446e-9367-1b8fd6c58f30/en_org_slide_9.png);
*/
/*en for organizations @2x Retina */
/*@en_for_organizations_bg_people_retina: url(https://civilhub.org/media/filer_public/1a/34/1a346643-ea66-4806-a827-a438b7b4e79c/en_org_slide_12x.png);
@en_for_organizations_bg_slide2_retina: url(https://civilhub.org/media/filer_public/40/f3/40f36548-3cca-425a-99a9-a6b85d487fd1/en_org_slide_22x.png);
@en_for_organizations_bg_slide3_retina: url(https://civilhub.org/media/filer_public/62/66/62660a65-63ca-4c05-8490-34e8765f6e3b/en_org_slide_32x.png);
@en_for_organizations_bg_slide4_retina: url(https://civilhub.org/media/filer_public/00/2e/002e706a-00a4-4a73-811c-a94725c078f4/en_org_slide_42x.png);
@en_for_organizations_bg_slide5_retina: url(https://civilhub.org/media/filer_public/4b/f4/4bf4dab5-9f1a-4ec4-98fe-f1448e369f7b/en_org_slide_52x.png);
@en_for_organizations_bg_slide6_retina: url(https://civilhub.org/media/filer_public/da/1a/da1a6126-d197-475f-9de8-85b5f44c0ac0/en_org_slide_62x.png);
@en_for_organizations_bg_slide7_retina: url(https://civilhub.org/media/filer_public/3d/0e/3d0e955f-ac93-4357-bc23-27c786c7db28/en_org_slide_72x.png);
@en_for_organizations_bg_slide8_retina: url(https://civilhub.org/media/filer_public/56/00/560052cf-5110-4844-b809-aa117d1df20f/en_slide_72x.png);
@en_for_organizations_bg_slide9_retina: url(https://civilhub.org/media/filer_public/e3/6f/e36f34d8-ec0e-478b-9f88-ab6ef54faee2/en_org_slide_92x.png);
*/
/*for city administration */
@for_city_administration_bg_people: url(https://civilhub.org/media/filer_public/40/f7/40f7a45d-4696-4edf-a5ee-ab4b44c8e968/pl_urzedy_slide1.png);
@for_city_administration_bg_slide2: url(https://civilhub.org/media/filer_public/37/30/3730626e-1b69-4507-86bf-c1528344526a/pl_urzedy_slide2.png);
@for_city_administration_bg_slide4_5: url(https://civilhub.org/media/filer_public/54/36/5436c65b-5be6-4775-aff7-ccf8dfa35765/pl_urzedy_slide5.png);
@for_city_administration_bg_slide5: url(https://civilhub.org/media/filer_public/35/65/3565ebd0-65bf-4216-ac11-bd0f8fb1ef07/pl_urzedy_slide6.png);
@for_city_administration_bg_slide6: url(https://civilhub.org/media/filer_public/46/43/46438f5f-be9f-413e-883d-508a11dcdafd/pl_urzedy_slide7.png);

/*for city administration @2x Retina*/
@for_city_administration_bg_people_retina: url(https://civilhub.org/media/filer_public/d4/39/d4393158-dac5-4346-af3f-19c983f85495/pl_urzedy_slide12x.png);
@for_city_administration_bg_slide2_retina: url(https://civilhub.org/media/filer_public/7d/23/7d239919-3446-4390-bcd6-e52ec9eb3558/pl_urzedy_slide22x.png);
@for_city_administration_bg_slide4_5_retina: url(https://civilhub.org/media/filer_public/93/16/9316179c-5652-4e0a-8a7e-bc8460346ba5/pl_urzedy_slide52x.png);
@for_city_administration_bg_slide5_retina: url(https://civilhub.org/media/filer_public/ba/ca/bacac810-0c71-469f-9281-a12784e08f6b/pl_urzedy_slide62x.png);
@for_city_administration_bg_slide6_retina: url(https://civilhub.org/media/filer_public/b5/59/b5595f4f-7477-473b-bca3-b623b0954e9d/pl_urzedy_slide72x.png);

/*en for city administration */
@en_for_city_administration_bg_people: url(https://civilhub.org/media/filer_public/fd/70/fd70bfb7-26e8-4b67-9f94-dba7fa22f3b0/en_urzedy_slide1.png);
@en_for_city_administration_bg_slide2: url(https://civilhub.org/media/filer_public/6c/4e/6c4e85a5-1034-406f-ae08-315072160d1d/en_urzedy_slide2.png);
@en_for_city_administration_bg_slide4_5: url(https://civilhub.org/media/filer_public/81/0d/810d94ee-c818-4c52-af9d-772b4d8e55af/en_urzedy_slide5.png);
@en_for_city_administration_bg_slide5: url(https://civilhub.org/media/filer_public/8c/ec/8cec28ca-704c-44ef-bd17-bae32b2f1343/en_urzedy_slide6.png);
@en_for_city_administration_bg_slide6: url(https://civilhub.org/media/filer_public/d3/eb/d3eb8a6c-19ab-432a-a3c4-f41a3c475455/en_urzedy_slide7.png);

/*en for city administration @2x Retina*/
@en_for_city_administration_bg_people_retina: url(https://civilhub.org/media/filer_public/ba/88/ba889cce-3b57-486d-b368-61ffddd5bf40/en_urzedy_slide12x.png);
@en_for_city_administration_bg_slide2_retina: url(https://civilhub.org/media/filer_public/13/8f/138f6cd4-7300-4f9c-84e9-b94eeaba2b53/en_urzedy_slide22x.png);
@en_for_city_administration_bg_slide4_5_retina: url(https://civilhub.org/media/filer_public/18/1c/181cb26f-7246-4bff-898b-1233ab1a8402/en_urzedy_slide52x.png);
@en_for_city_administration_bg_slide5_retina: url(https://civilhub.org/media/filer_public/68/8b/688bf8dc-7903-40a0-b823-88a676cc4ab6/en_urzedy_slide62x.png);
@en_for_city_administration_bg_slide6_retina: url(https://civilhub.org/media/filer_public/7d/97/7d9726b3-09bc-4530-bfbe-4535d5341014/en_urzedy_slide72x.png);

#for_city_administration,
/*#for_organizations-page,*/
#brief-page{
    .divider{
        border-bottom: 1px solid #c2c2c2;
        width: 100%;
    }
}
/*.for_organizations-container,*/
.brief-container{
    h1{
        color: #3c3c3c;
        font-size: 50px;
        line-height: 54px;
        font-weight: 300;
    }
    p{
        color: #666666;
        font-size: 18px;
        line-height: 28px;
    }
}
.brief-s1{
    padding: 30px 0;
    max-height: 465px;
    h1{
        margin-bottom: 25px;
        @media(max-width: 991px){
            margin-top: 10px;
        }
        @media(max-width: 768px){
            margin-top: 0;
        }
    }
    p{
        max-width: 580px;
        margin: 0 auto 30px;
    }
    a.btn-greenBig{
        display: inline-block;
        color: #FFF;
        font-size: 18px;
        padding: 4px 23px;
        text-decoration: none;
    }
    > .col-sm-6:first-child{
        > div{
            padding: 9.5% 0;
            @media(max-width: 991px){
                padding: 0;
            }
            @media(max-width: 768px){
                display: inline-block;
                width: 100%;
                text-align: center;
            }
        }
    }
    .bg-people{
    padding-bottom: 68%;
    margin-left: -15px;
    background-image: @bg_people;
    background-repeat: no-repeat;
    background-size: contain;
        @media 
        (-webkit-min-device-pixel-ratio: 2), 
        (min-resolution: 192dpi) { 
            background-image: @bg_people_retina;
        }
        @media(max-width: 991px){
            padding-bottom: 69%;
            margin-top: 10px;
        }
        @media(max-width: 768px){ display: none;}
    }
}
.brief-s2{
    max-height: 465px;
    margin: 5.64% auto;

    h1{
        margin-bottom: 25px;
        margin-top: 0;
    }
    p{
        max-width: 580px;
        margin: 0 auto 30px;
    }
}
/*.btn-for_organizations_projects,
.btn-brief-show,
.btn-blborder{
    color: #0083fb;
    font-size: 18px;
    border: 1px solid #0083fb;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    padding: 3px 27px;
    display: inline-block;
    text-decoration: none;
} going for buttons.less*/
.brief-s3{
    max-height: 615px;
    padding-top: 5.255%;
    overflow: hidden;
    h1{
        margin-bottom: 25px;
    }
    > p{
        max-width: 580px;
        margin: 0 auto 30px;
    }
    h2{
        color: #3c3c3c;
        font-size: 32px;
        font-weight: 300;
    }
    .col-sm-2{
        padding: 4% 0 0;
        p{
            font-size: 14px;
            line-height: 21px;
        }
    }
    @media(max-width: 991px){
        .col-sm-2{ padding: 0; width: 100%; }
        .col-sm-10{ width: 100%; }
    }
    @media(max-width: 768px){
        .col-sm-2,
        .col-sm-10{
            margin-left: 15px;
            margin-right: 15px;
        }
    }
    .bg-slide3{
    padding-bottom: 32%;
    margin-left: -15px;
    background-image: @bg_slide3;
    background-repeat: no-repeat;
    background-size: contain;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide3_retina;
        }
        @media(max-width: 1200px){
            padding-bottom: 33%;
        }
        /*@media(max-width: 991px){}*/
    }
    .bg-slide3_en {
    padding-bottom: 32%;
    margin-left: -15px;
    background-image: @bg_slide3_en;
    background-repeat: no-repeat;
    background-size: contain;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide3_en_retina;
        }
        @media(max-width: 1200px){
            padding-bottom: 33%;
        }
        /*@media(max-width: 991px){}*/
    }
}
.brief-s4{
    max-height: 615px;
    > .col-sm-6:first-child{
        padding: 13.5% 0;
        @media(max-width: 1200px){ padding: 10.5% 0;}
        @media(max-width: 991px){ padding: 7.5% 0;}
        @media(max-width: 768px){ padding: 4% 0;}
    }
    h1{
        margin-bottom: 25px;
    }
    p{
        max-width: 460px;
        @media(max-width: 768px){
            max-width: none;
        }
    }
    @media(max-width: 768px){
        text-align: center;
        overflow: hidden;
    }
    .bg-slide4{
    padding-bottom: 100%;
    background-image: @bg_slide4;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide4_retina;
        }
    }
    .bg-slide4_en{
    padding-bottom: 100%;
    background-image: @bg_slide4_en;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide4_en_retina;
        }
    }
}
.brief-s5{
    /*max-height: 615px;*/
    padding: 3.5% 0;
    h1{
        margin-bottom: 25px;
    }
    p{
        max-width: 460px;
        @media(max-width: 768px){ max-width: none; }
    }
    .col-sm-5{
        padding: 11% 0;
        @media(max-width: 1200px){ padding: 9% 0; }
        @media(max-width: 991px){ padding: 3.5% 0; }
        @media(max-width: 768px){ padding: 0; }
    }
    @media(max-width: 768px){ text-align: center; }
    .bg-slide5{
    padding-bottom: 74%;
    background-image: @bg_slide5;
    background-repeat: no-repeat;
    background-size: contain;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide5_retina;
        }
        @media(max-width: 768px){
            background-position: center;
            padding-bottom: 61%;
        }
    }
    .bg-slide5_en{
    padding-bottom: 74%;
    background-image: @bg_slide5_en;
    background-repeat: no-repeat;
    background-size: contain;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide5_en_retina;
        }
        @media(max-width: 768px){
            background-position: center;
            padding-bottom: 61%;
        }
    }
}
.brief-s6{
    /*max-height: 615px;*/
    h1{
        margin-bottom: 25px;
    }
    p{
        max-width: 460px;
        @media(max-width: 768px){ max-width: none; }
    }
    .col-sm-5{
        padding: 16.5% 0;
        @media(max-width: 1200px){ padding: 14% 0; }
        @media(max-width: 991px){ padding: 8% 0; }
        @media(max-width: 768px){ padding: 4% 0; }
    }
    .col-sm-7{
        @media(min-width: 768px) and (max-width: 991px){ padding-left: 30px; padding-right: 0;}
    }
    @media(max-width: 768px){ text-align: center; }
    .bg-slide6{
    padding-bottom: 94%;
    background-image: @bg_slide6;
    background-repeat: no-repeat;
    background-size: contain;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide6_retina;
        }
        @media(max-width: 768px){ padding-bottom: 74%; background-position: center;}
    }
    .bg-slide6_en{
    padding-bottom: 94%;
    background-image: @bg_slide6_en;
    background-repeat: no-repeat;
    background-size: contain;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide6_en_retina;
        }
        @media(max-width: 768px){ padding-bottom: 74%; background-position: center;}
    }
}
.brief-s7{
    /*max-height: 670px;*/
    padding-top: 5%;
    @media(max-width: 768px){ padding: 5% 0; }
    h1{
        margin-bottom: 25px;
    }
    > p{
        max-width: 460px;
        margin: 0 auto;
    }
    .bg-slide7{
        position: relative;
        h2{
            color: #3c3c3c;
            font-size: 32px;
            margin: 0;
            font-weight: 300;
        }
        p{
            color: #666666;
            max-width: 210px;
            font-size: 14px;
            line-height: 21px;
        }
        .bs7-left{
            position: absolute;
            top: 0;
            left: 25px;
            @media(max-width: 1200px){ left: 10px; p{ max-width: 170px; } }
            @media(max-width: 991px){
                position: relative;
                left: 0;
                background-image: @bg_slide7;
                background-size: cover;
                background-position: -50%;
                background-repeat: no-repeat;
                padding-bottom: 40%;
                @media
                (-webkit-min-device-pixel-ratio: 2),
                (min-resolution: 192dpi){
                    background-image: @bg_slide7_retina;
                }
                p{
                    max-width: 420px;
                }
            }
        }
        .bs7-right{
            position: absolute;
            top: 30px;
            right: 25px;
            @media(max-width: 1200px){ top:60px; right: 10px; p{ max-width: 200px; } }
            @media(max-width: 991px){
                margin-top: 50px;
                position: relative;
                top: 0;
                right: 0;
                background-image: @bg_slide7;
                background-size: cover;
                background-position: 105%;
                background-repeat: no-repeat;
                padding-bottom: 40%;
                @media
                (-webkit-min-device-pixel-ratio: 2),
                (min-resolution: 192dpi){
                    background-image: @bg_slide7_retina;
                }
                h2, p{
                    padding-left: 55%;
                    max-width: none;
                }
            }

        }                
        @media(max-width: 768px){
            .bs7-right,
            .bs7-left{
                background: none;
                padding-bottom: 0; 
                text-align: center; 
                h2{
                    margin-bottom: 25px;
                }
                h2, p{
                    padding-left: 0;
                    max-width: none;
                } 
            }
        }
    }
    .bg-slide7{
    padding-bottom: 39%;
    background-image: @bg_slide7;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide7_retina;
        }
        @media(max-width: 1200px){ padding-top: 6%; }
        @media(max-width: 991px){ background: none; padding-bottom: 0;}
    }
    .bg-slide7_en{
    padding-bottom: 39%;
    background-image: @bg_slide7_en;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide7_en_retina;
        }
        @media(max-width: 1200px){ padding-top: 6%; }
        @media(max-width: 991px){ background: none; padding-bottom: 0;}
    }
}
.brief-s8{
    max-height: 620px;
    overflow: hidden;
    @media(max-width: 768px){ max-height: none; }
    h1{
        margin-bottom: 25px;
    }
    p{
        max-width: 460px;
    }
    .col-sm-6:last-child{
        padding: 6.5% 0 0 3%;
        @media(max-width: 991px){ padding-top: 4.5%;}
        @media(max-width: 768px){
            padding: 0 15px;
            text-align: center;
            margin-bottom: 30px;
            p{
                max-width: none;
            }
        }
    }
    .bg-slide8{
    padding-bottom: 66%;
    background-image: @bg_slide8;
    /*background-repeat: no-repeat;*/
    background-repeat: repeat-x;
    background-size: contain;
    background-position: right center;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide8_retina;
        }
        @media(max-width: 1200px){ padding-bottom: 69%; }
        @media(max-width: 991px){ padding-bottom: 86%; }
        @media(max-width: 768px){ padding-bottom: 60%; background-position: center center;}
    }
    .bg-slide8_en{
    padding-bottom: 66%;
    background-image: @bg_slide8_en;
    /*background-repeat: no-repeat;*/
    background-repeat: repeat-x;
    background-size: contain;
    background-position: right center;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_slide8_en_retina;
        }
        @media(max-width: 1200px){ padding-bottom: 69%; }
        @media(max-width: 991px){ padding-bottom: 86%; }
        @media(max-width: 768px){ padding-bottom: 60%; background-position: center center;}
    }
}
.brief-s9{
    /*max-height: 790px;*/
    padding: 3% 0;
    h1{
        margin-bottom: 25px;
    }
    p{
        max-width: 460px;
        margin: 0 auto;
    }
    .brief-slide-container{
        margin-top: 25px;
    }
    .brief-slide-content{

        .brief-slider-img{
            padding-bottom: 33%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

    }
    .brief-slide-controls{
        .carousel-indicators{
            position: static;
            margin: 0;
            width: 100%;
        }
        .bg-control{
            width: 80px;
            height: 80px;
            display: inline-block;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            border: 2px solid #FFF;
            border-radius: 4px;
            margin: 10px 15px 15px;
            box-shadow: 0 7px 15px rgba(0,0,0,0.35);
            @media(max-width: 991px){ margin: 10px 10px 15px; }
        }
    }
}
/*.for_organizations-s11,*/
.brief-s10{
    padding-top: 3%;
    h1{
        margin-bottom: 25px;
    }
    > p{
        color: #666666;
        font-size: 20px;
        line-height: 28px;
        max-width: 460px;
        margin: 0 auto;
    }
    .brief-thumb-container{
        margin: 50px 0;
    }
    .brief-thumb-s10{
        max-width: 200px;
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
        margin-bottom: 15px;
        span{
            font-size: 40px;
            line-height: 50px;
        }
        h3{
            color: #666666;
            font-size: 18px;
            line-height: 26px;
            font-weight: 700;
            margin: 0;
        }
        p{
            color: #666666;
            font-size: 14px;
            line-height: 21px;
        }
    }
}
/*.for_organizations-s12,*/
.brief-s11{
    padding: 4% 0;
    h1{
        margin-bottom: 25px;
    }
    p{
        max-width: 460px;
        margin: 0 auto 25px;
    }
    a{
        color: #FFF;
        font-size: 18px;
        padding: 4px 23px;
        text-decoration: none;
    }
}
 /*
 #   For_organization
 */
 /*
.for_organizations-s1 {
    .brief-s1;
    .for_organizations_bg-people {
        .bg-people;
        background-image: @for_organizations_bg_people;
        background-size: contain;
            @media 
            (-webkit-min-device-pixel-ratio: 2), 
            (min-resolution: 192dpi) { 
                background-image: @for_organizations_bg_people_retina;
            }
            @media(max-width: 991px){
                padding-bottom: 69%;
                margin-top: 10px;
            }
            @media(max-width: 768px){ display: none;}
    }
    .en_for_organizations_bg-people {
        .for_organizations_bg-people;
        background-image: @en_for_organizations_bg_people;
        background-size: contain;
            @media 
            (-webkit-min-device-pixel-ratio: 2), 
            (min-resolution: 192dpi) { 
                background-image: @en_for_organizations_bg_people_retina;
            }
    }
}
.for_organizations-s2 {
    .brief-s3;
    max-height: 700px;
    .for_organizations_margin_top {
        margin-top: 100px;
    }
    .for_organizations-bg-slide2 {
        .bg-slide3;
        background-image: @for_organizations_bg_slide2;
        background-size: contain;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @for_organizations_bg_slide2_retina;
            }
            @media(max-width: 1200px){
                padding-bottom: 33%;
            }
    }
    .en_for_organizations-bg-slide2 {
        .for_organizations-bg-slide2;
        background-image: @en_for_organizations_bg_slide2;
        background-size: contain;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @en_for_organizations_bg_slide2_retina;
            }
    }
    .for_organizations-s2-right {
        float: right;
        margin-right: 12%;
        bottom: 110px;
        @media(max-width: 1200px){
            bottom: 135px;
            margin-right: 11%;
        }
        @media(max-width: 991px){
            text-align: center;
            bottom: 185px;
            margin-right: 0;
        }
        @media(max-width: 500px){
            bottom: 220px;
        }
    }
}
.for_organizations-s3 {
    .brief-s5;
    > .col-sm-6:nth-child(2){
        padding: 8% 0;
        @media(max-width: 1200px){ padding: 10.5% 0;}
        @media(max-width: 991px){ padding: 5% 0;}
        @media(max-width: 768px){ padding: 4% 0;}
    }
    .for_organizations-bg-slide3 {
        .bg-slide5;
        background-image: @for_organizations_bg_slide3;
        background-size: contain;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @for_organizations_bg_slide3_retina;
            }
            @media(max-width: 1200px){
                padding-bottom: 74%;
            }
        }
    .en_for_organizations-bg-slide3 {
        .for_organizations-bg-slide3;
        background-image: @en_for_organizations_bg_slide3;
        background-size: contain;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @en_for_organizations_bg_slide3_retina;
            }
        }
}
.for_organizations-s4 {
    .brief-s4;
    > .col-sm-6:first-child{
        padding: 8% 0;
        @media(max-width: 1200px){ padding: 10.5% 0;}
        @media(max-width: 991px){ padding: 7.5% 0;}
        @media(max-width: 768px){ padding: 4% 0;}
    }
    max-height: 400px;
        @media(max-width: 991px){
            max-height: 615px;
        }
    .for_organizations-bg-slide4 {
        .bg-slide4;
        padding-bottom: 70%;
        background-image: @for_organizations_bg_slide4;
        background-size: contain;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @for_organizations_bg_slide4_retina;
            }
            @media(max-width: 1200px){
                padding-bottom: 74%;
            }
            @media(max-width: 991px){
                padding-bottom: 50%;
                margin-top:  70px;
            }
            @media(max-width: 767px){
                padding-bottom: 60%;
                margin-top:  0px;
            }
        }
    .en_for_organizations-bg-slide4 {
        .for_organizations-bg-slide4;
        background-image: @en_for_organizations_bg_slide4;
        background-size: contain;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @en_for_organizations_bg_slide4_retina;
            }
        }
}

.for_organizations-s5 {
    .brief-s7;
    @media(max-width: 767px){
        padding-bottom: 0;
    }
    .for_organizations-bg-slide5 {
        .bg-slide7;
        background-image: @for_organizations_bg_slide5;
        background-size: contain;
            @media(max-width: 1200px){
                padding-bottom: 33%;
            }
            @media(max-width: 991px){
                background-image: @for_organizations_bg_slide5;
                background-size: 100%;
                background-repeat: no-repeat;
                padding-bottom: 30%;
            }
            @media(max-width: 767px){
                padding-top: 3%;
            }
            @media
                (-webkit-min-device-pixel-ratio: 2),
                (min-resolution: 192dpi){
                    background-image: @for_organizations_bg_slide5_retina;
            }
    }
    .en_for_organizations-bg-slide5 {
        .for_organizations-bg-slide5;
        background-image: @en_for_organizations_bg_slide5;
        background-size: contain;
            @media(max-width: 991px){
                background-image: @en_for_organizations_bg_slide5;
            }
            @media
                (-webkit-min-device-pixel-ratio: 2),
                (min-resolution: 192dpi){
                    background-image: @en_for_organizations_bg_slide5_retina;
            }
    }
    .for_organizations-s5-text-left {
        text-align: left;
        float: left;
        max-width: 45%;
        margin-top: 1%;
        margin-left: 1%;
        @media(max-width: 1200px){
            margin-top: -1%;
        }
        @media(max-width: 991px){
            float: none;
            max-width: 100%;
        }
    }
}

.for_organizations-s6 {
    .brief-s7;
    @media(max-width: 766px) {
        padding-bottom: 0;
    }
    .for_organizations-bg-slide6 {
        .bg-slide7;
        background-image: @for_organizations_bg_slide6;
        background-size: contain;
            @media(max-width: 1200px){
                padding-bottom: 33%;
            }
            @media(max-width: 991px){
                background-image: @for_organizations_bg_slide6;
                background-size: 100%;
            }
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @for_organizations_bg_slide6_retina;
            }
    }
    .en_for_organizations-bg-slide6 {
        .for_organizations-bg-slide6;
        background-image: @en_for_organizations_bg_slide6;
        background-size: contain;
            @media(max-width: 991px){
                background-image: @en_for_organizations_bg_slide6;
            }
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @en_for_organizations_bg_slide6_retina;
            }
    }
}

.for_organizations-s7 {
    .brief-s7;
    @media(max-width: 766px) {
        padding-bottom: 0;
    }
    .for_organizations-bg-slide7 {
        margin-top: 4%;
        .bg-slide7;
        background-image: @for_organizations_bg_slide7;
        background-size: contain;
            @media(max-width: 1200px){
                padding-bottom: 33%;
            }
            @media(max-width: 991px){
                background-image: @for_organizations_bg_slide7;
                background-size: 100%;
            }
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @for_organizations_bg_slide7_retina;
            }
    }
    .en_for_organizations-bg-slide7 {
        .for_organizations-bg-slide7;
        background-image: @en_for_organizations_bg_slide7;
        background-size: contain;
            @media(max-width: 991px){
                background-image: @en_for_organizations_bg_slide7;
            }
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @en_for_organizations_bg_slide7_retina;
            }
    }
}

.for_organizations-s8 {
    .brief-s7;
    .for_organizations_more_info {
        font-weight: bold;
        padding: 20px 0;
    }
    & ul {
        text-align: center;
    }
    & ul li {
        display: inline-block;
        list-style: none;
        margin: 0 10px;
    }
    @media(min-width: 992px) and (max-width: 1200px){
        & ul li {
            display: block;
            margin: 0 0 20px 0;
        }
        & ul li:nth-last-child(1){
            margin-bottom: -80px;
        }
    }
    @media(max-width: 991px){
        & ul li {
            display: block;
            margin: 0 0 20px 0;
        }
        margin-bottom: 0;
    }
    @media(max-width: 768px){
        margin-bottom: -10%;
    }
}

.for_organizations-s9 {
    .brief-s7;
    .for_organizations-bg-slide9 {
        .bg-slide7;
        background-position: 0;
        background-image: @for_organizations_bg_slide9;
        background-size: contain;
            @media(max-width: 1200px){
                padding-bottom: 33%;
            }
            @media(max-width: 991px){
                background-image: @for_organizations_bg_slide9;
                background-repeat: no-repeat;
                background-size: 100%;
                padding-bottom: 30%;
                margin-top: 5%;
            }
            @media(max-width: 767px){
                padding-bottom: 23%;
            }
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @for_organizations_bg_slide9_retina;
            }
    }
    .en_for_organizations-bg-slide9 {
        .for_organizations-bg-slide9;
        background-image: @en_for_organizations_bg_slide9;
        background-size: contain;
            @media(max-width: 991px){
                background-image: @en_for_organizations_bg_slide9;
            }
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @en_for_organizations_bg_slide9_retina;
            }
    }
}
.for_organizations-s10 {
    .brief-s2;
}*/

/*#for_organizations-page,*/
/*#for_city_administration{
    .for_organizations-text-center-mobile {
        @media(max-width: 991px){
            text-align: center;
        }
    }
}*/
/*
#   For City Administration
*/
/*.for_city_administration-s1 {
    //.for_organizations-s1;
    .for_city_administration_bg-people {
        //.for_organizations_bg-people;
            background-image: @for_city_administration_bg_people;
            background-size: contain;
                @media 
                (-webkit-min-device-pixel-ratio: 2), 
                (min-resolution: 192dpi) { 
                    background-image: @for_city_administration_bg_people_retina;
                }
    }
    .en_for_city_administration_bg-people {
        //.for_city_administration_bg-people;
            background-image: @en_for_city_administration_bg_people;
            background-size: contain;
                @media 
                (-webkit-min-device-pixel-ratio: 2), 
                (min-resolution: 192dpi) { 
                    background-image: @en_for_city_administration_bg_people_retina;
                }
    }
}
.for_city_administration-s2 {
    //.for_organizations-s2;
    .for_city_administration-bg-slide2 {
        //.for_organizations-bg-slide2;
            background-image: @for_city_administration_bg_slide2;
            background-size: contain;
                @media
                (-webkit-min-device-pixel-ratio: 2),
                (min-resolution: 192dpi){
                    background-image: @for_city_administration_bg_slide2_retina;
                }
    }
    .en_for_city_administration-bg-slide2 {
        //.for_city_administration-bg-slide2;
            background-image: @en_for_city_administration_bg_slide2;
            background-size: contain;
                @media
                (-webkit-min-device-pixel-ratio: 2),
                (min-resolution: 192dpi){
                    background-image: @en_for_city_administration_bg_slide2_retina;
                }
    }
}
.for_city_administration-s4_5 {
    //.for_organizations-s5;
        .for_city_administration-bg-slide4_5 {
        //.for_organizations-bg-slide5;
            background-image: @for_city_administration_bg_slide4_5;
            background-size: contain;
                @media(max-width: 991px){
                    background-image: @for_city_administration_bg_slide4_5;
                }
                @media
                    (-webkit-min-device-pixel-ratio: 2),
                    (min-resolution: 192dpi){
                        background-image: @for_city_administration_bg_slide4_5_retina;
                }
        }
    .en_for_city_administration-bg-slide4_5 {
        //.for_city_administration-bg-slide4_5;
            background-image: @en_for_city_administration_bg_slide4_5;
            background-size: contain;
                @media(max-width: 991px){
                    background-image: @en_for_city_administration_bg_slide4_5;
                }
                @media
                    (-webkit-min-device-pixel-ratio: 2),
                    (min-resolution: 192dpi){
                        background-image: @en_for_city_administration_bg_slide4_5_retina;
                }
    }
}

.for_city_administration-s5 {
    //.for_organizations-s5;
        .for_city_administration-bg-slide5 {
        //.for_organizations-bg-slide5;
            background-image: @for_city_administration_bg_slide5;
            background-size: contain;
                @media(max-width: 991px){
                    background-image: @for_city_administration_bg_slide5;
                }
                @media
                    (-webkit-min-device-pixel-ratio: 2),
                    (min-resolution: 192dpi){
                        background-image: @for_city_administration_bg_slide5_retina;
                }
        }
        .en_for_city_administration-bg-slide5 {
        //.for_city_administration-bg-slide5;
            background-image: @en_for_city_administration_bg_slide5;
            background-size: contain;
                @media(max-width: 991px){
                    background-image: @en_for_city_administration_bg_slide5;
                }
                @media
                    (-webkit-min-device-pixel-ratio: 2),
                    (min-resolution: 192dpi){
                        background-image: @en_for_city_administration_bg_slide5_retina;
                }
        }
}

.for_city_administration-s6 {
    //.for_organizations-s6;
    .for_city_administration-bg-slide6 {
        //.for_organizations-bg-slide6;
        background-image: @for_city_administration_bg_slide6;
        background-size: contain;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @for_city_administration_bg_slide6_retina;
            }
            @media(max-width: 991px){
                background-image: @for_city_administration_bg_slide6;
            }
    }
    .en_for_city_administration-bg-slide6 {
        //.for_city_administration-bg-slide6;
        background-image: @en_for_city_administration_bg_slide6;
        background-size: contain;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){
                background-image: @en_for_city_administration_bg_slide6_retina;
            }
            @media(max-width: 991px){
                background-image: @en_for_city_administration_bg_slide6;
            }
    }
}*/

/*
#   Cities_pl - brief
*/
#cities_pl{
    .slide-s1{ 
        background-image: @bg_gdansk; 
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_gdansk_retina;
        }
    }
    .slide-s2{ 
        background-image: @bg_krakow; 
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_krakow_retina;
        }
    }
    .slide-s3{ 
        background-image: @bg_lodz; 
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_lodz_retina;
        }
    }
    .slide-s4{ 
        background-image: @bg_lublin; 
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_lublin_retina;
        }
    }
    .slide-s5{ 
        background-image: @bg_poznan; 
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_poznan_retina;
        }
    }
    .slide-s6{ 
        background-image: @bg_warszawa; 
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_warszawa_retina;
        }
    }
    .slide-s7{ 
        background-image: @bg_wroclaw; 
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_wroclaw_retina;
        }
    }
    .bg-control-s1{ 
        background-image: @bg_mini_gdansk;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_gdansk_retina;
        }
    }
    .bg-control-s2{ 
        background-image: @bg_mini_krakow;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_krakow_retina;
        }
    }
    .bg-control-s3{
        background-image: @bg_mini_lodz;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_lodz_retina;
        }
    }
    .bg-control-s4{
        background-image: @bg_mini_lublin;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_lublin_retina;
        }
    }
    .bg-control-s5{
        background-image: @bg_mini_poznan;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_poznan_retina;
        }
    }
    .bg-control-s6{
        background-image: @bg_mini_warszawa;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_warszawa_retina;
        }
    }
    .bg-control-s7{
        background-image: @bg_mini_wroclaw;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_wroclaw_retina;
        }
    }
}
/*
#   Cities_int - brief
*/
#cities_int{
    .slide-s1{ 
        background-image: @bg_chicago; 
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_chicago_retina;
        }
    }
    .slide-s2{
        background-image: @bg_london;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_london_retina;
        }
    }
    .slide-s3{
        background-image: @bg_nyc;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_nyc_retina;
        }
    }
    .slide-s4{
        background-image: @bg_paris;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_paris_retina;
        }
    }
    .slide-s5{
        background-image: @bg_sydney;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_sydney_retina;
        }
    }
    .slide-s6{
        background-image: @bg_tokyo;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_tokyo_retina;
        }
    }
    .slide-s7{
        background-image: @bg_warsaw;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_warsaw_retina;
        }
    }
    .bg-control-s1{
        background-image: @bg_mini_chicago;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_chicago_retina;
        }
    }
    .bg-control-s2{
        background-image: @bg_mini_london;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_london_retina;
        }
    }
    .bg-control-s3{
        background-image: @bg_mini_nyc;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_nyc_retina;
        }
    }
    .bg-control-s4{
        background-image: @bg_mini_paris;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_paris_retina;
        }
    }
    .bg-control-s5{
        background-image: @bg_mini_sydney;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_sydney_retina;
        }
    }
    .bg-control-s6{
        background-image: @bg_mini_tokyo;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_tokyo_retina;
        }
    }
    .bg-control-s7{
        background-image: @bg_mini_warsaw;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_warsaw_retina;
        }
    }
}
/*
#   Communities - brief
*/
#communities-brief {
    .slide-s1{
        background-image: @bg_community_one;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_community_one_retina;
        }
    }
    .slide-s2{
        background-image: @bg_community_two;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_community_two_retina;
        }
    }
    .slide-s3{
        background-image: @bg_community_three;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_community_three_retina;
        }
    }
    .slide-s4{
        background-image: @bg_community_four;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_community_four_retina;
        }
    }
    .slide-s5{
        background-image: @bg_community_five;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_community_five_retina;
        }
    }
    .slide-s6{
        background-image: @bg_community_six;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_community_six_retina;
        }
    }
    .slide-s7{
        background-image: @bg_community_seven;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_community_seven_retina;
        }
    }
    .bg-control-s1{
        background-image: @bg_mini_community_one;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_community_one_retina;
        }
    }
    .bg-control-s2{
        background-image: @bg_mini_community_two;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_community_two_retina;
        }
    }
    .bg-control-s3{
        background-image: @bg_mini_community_three;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_community_three_retina;
        }
    }
    .bg-control-s4{
        background-image: @bg_mini_community_four;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_community_four_retina;
        }
    }
    .bg-control-s5{
        background-image: @bg_mini_community_five;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_community_five_retina;
        }
    }
    .bg-control-s6{
        background-image: @bg_mini_community_six;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_community_six_retina;
        }
    }
    .bg-control-s7{
        background-image: @bg_mini_community_seven;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @bg_mini_community_seven_retina;
        }
    }
}
#en_communities-brief {
    .slide-s1{
        background-image: @en_bg_community_one;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_community_one_retina;
        }
    }
    .slide-s2{
        background-image: @en_bg_community_two;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_community_two_retina;
        }
    }
    .slide-s3{
        background-image: @en_bg_community_three;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_community_three_retina;
        }
    }
    .slide-s4{
        background-image: @en_bg_community_four;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_community_four_retina;
        }
    }
    .slide-s5{
        background-image: @en_bg_community_five;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_community_five_retina;
        }
    }
    .slide-s6{
        background-image: @en_bg_community_six;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_community_six_retina;
        }
    }
    .slide-s7{
        background-image: @en_bg_community_seven;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_community_seven_retina;
        }
    }
    .bg-control-s1{
        background-image: @en_bg_mini_community_one;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_mini_community_one_retina;
        }
    }
    .bg-control-s2{
        background-image: @en_bg_mini_community_two;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_mini_community_two_retina;
        }
    }
    .bg-control-s3{
        background-image: @en_bg_mini_community_three;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_mini_community_three_retina;
        }
    }
    .bg-control-s4{
        background-image: @en_bg_mini_community_four;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_mini_community_four_retina;
        }
    }
    .bg-control-s5{
        background-image: @en_bg_mini_community_five;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_mini_community_five_retina;
        }
    }
    .bg-control-s6{
        background-image: @en_bg_mini_community_six;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_mini_community_six_retina;
        }
    }
    .bg-control-s7{
        background-image: @en_bg_mini_community_seven;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_mini_community_seven_retina;
        }
    }
}
/*
# Page Creed
* in tpl
*/


/*#
#   Page Mission
#*/
.headerBGa{
    &.headerBGMission{
        background-image: url('../img/headers/header_mission.jpg');
        @media 
        (-webkit-min-device-pixel-ratio: 2), 
        (min-resolution: 192dpi) { 
            background-image: url('../img/headers/header_mission@2x.jpg');
        }
    }
}
.mission-staticpage{
  .mission-content{
    max-width: 740px;
    margin: 0 auto;
    padding: 4% 0;
  }
  .mission-section{
    h1{
      color: #3c3c3c;
      font-size: 32px;
      line-height: 38px;
      font-weight: 400;
      margin: 0;
    }
  }
  .mission-entry{
    margin-top: 50px;
    h2{
      color: #0083fb;
      font-size: 28px;
      line-height: 28px;
    }
  }
  p{
    color: #666666;
    font-size: 16px;
    line-height: 24px;
  }
  .mission-avatar{ margin-right: 15px; }
}

/*#
#   Page Press
#*/
.headling32{
    font-size: 32px;
    line-height: 32px;
    color: #50616d;
}
.press-staticpage{
    .press-article{
        position: relative;
        padding-bottom: 25px;
        margin-bottom: 25px;
        &:after{
            content: "";
            position: absolute;
            display: block;
            width: 70px;
            border-bottom: 1px solid #bfbfbf;
            padding-top: 25px;
        }
        &:last-child{
            &:after{
                display: none;
            }
        }
        h2{
            font-size: 21px;
            line-height: 30px;
            color: #0083fb;
            margin: 0;
        }
        p{
            margin-bottom: 0;
        }
        .press,
        .press-date{
            font-size: 16px;
            line-height: 30px;
            color: #4d4747;
        }
        .press-date{
            font-weight: 300;
        }
        .press-content{
            font-size: 16px;
            line-height: 30px;
            color: #4d4747;
        }
        a{
            color: #0083fb;
            text-decoration: none;
        }
    }
}

.press-coverage-staticpage{
    .coverage-month{
        &:last-child{
            margin-bottom: 50px;
        }
        .month{
            max-width: 690px;
            border-bottom: 1px solid #bfbfbf;
            text-align: center;
            margin: 0 auto;
            h2{
                color: #4d4747;
                font-size: 24px;
                line-height: 30px;
                margin: 40px 0;
            }   
        }
        .coverage-content{
          max-width: 970px;
          margin: 40px auto 0;
          font-size: 16px;
          @media(max-width: 768px){
              text-align: center;
          }
          a{
              color: #0083fb;
              text-decoration: none;
          }
        }
    }
}

/*#
#   Page Project Features
#*/
/*background project*/
.bg-nor-cen-con{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.bg-f9{
    background-color: #F9F9F9;
}
.bg-ff{
    background-color: #FFFFFF;
}
@bg_project_s1: url(../img/project-features/bg-s1.png);
@bg_project_s2: url(../img/project-features/bg-s2.png);
@bg_project_s3: url(../img/project-features/bg-s3.png);
@bg_project_s4: url(../img/project-features/bg-s4.png);
@bg_project_s5: url(../img/project-features/bg-s5.png);
@bg_project_s6: url(../img/project-features/bg-s6.png);
@bg_project_s7: url(../img/project-features/bg-s7.png);
@bg_project_s8: url(../img/project-features/bg-s8.png);
@bg_project_s9: url(../img/project-features/bg-s9.png);
@bg_project_s10: url(../img/project-features/bg-s10.png);

@editor1: url(../img/project-features/editor1.png);
@editor2: url(../img/project-features/editor2.png);
@editor3: url(../img/project-features/editor3.png);

/*background project en*/
@en_bg_project_s1: url(../img/project-features/en/en_bg-s1.png);
@en_bg_project_s2: url(../img/project-features/en/en_bg-s2.png);
@en_bg_project_s3: url(../img/project-features/en/en_bg-s3.png);
@en_bg_project_s4: url(../img/project-features/en/en_bg-s4.png);
@en_bg_project_s5: url(../img/project-features/en/en_bg-s5.png);
@en_bg_project_s6: url(../img/project-features/en/en_bg-s6.png);
@en_bg_project_s7: url(../img/project-features/en/en_bg-s7.png);
@en_bg_project_s8: url(../img/project-features/en/en_bg-s8.png);
@en_bg_project_s9: url(../img/project-features/en/en_bg-s9.png);
@en_bg_project_s10: url(../img/project-features/en/en_bg-s10.png);

/*background project retina*/
@bg_project_s1_retina: url(../img/project-features/bg-s1@2x.png);
@bg_project_s2_retina: url(../img/project-features/bg-s2@2x.png);
@bg_project_s3_retina: url(../img/project-features/bg-s3@2x.png);
@bg_project_s4_retina: url(../img/project-features/bg-s4@2x.png);
@bg_project_s5_retina: url(../img/project-features/bg-s5@2x.png);
@bg_project_s6_retina: url(../img/project-features/bg-s6@2x.png);
@bg_project_s7_retina: url(../img/project-features/bg-s7@2x.png);
@bg_project_s8_retina: url(../img/project-features/bg-s8@2x.png);
@bg_project_s9_retina: url(../img/project-features/bg-s9@2x.png);
@bg_project_s10_retina: url(../img/project-features/bg-s10@2x.png);

@editor1_retina: url(../img/project-features/editor1@2x.png);
@editor2_retina: url(../img/project-features/editor2@2x.png);
@editor3_retina: url(../img/project-features/editor3@2x.png);

/*background project retina en*/
@en_bg_project_s1_retina: url(../img/project-features/en/en_bg-s1@2x.png);
@en_bg_project_s2_retina: url(../img/project-features/en/en_bg-s2@2x.png);
@en_bg_project_s3_retina: url(../img/project-features/en/en_bg-s3@2x.png);
@en_bg_project_s4_retina: url(../img/project-features/en/en_bg-s4@2x.png);
@en_bg_project_s5_retina: url(../img/project-features/en/en_bg-s5@2x.png);
@en_bg_project_s6_retina: url(../img/project-features/en/en_bg-s6@2x.png);
@en_bg_project_s7_retina: url(../img/project-features/en/en_bg-s7@2x.png);
@en_bg_project_s8_retina: url(../img/project-features/en/en_bg-s8@2x.png);
@en_bg_project_s9_retina: url(../img/project-features/en/en_bg-s9@2x.png);
@en_bg_project_s10_retina: url(../img/project-features/en/en_bg-s10@2x.png);

.project-features-page{
    .divider{ width: 100%; border-bottom: 1px solid #C2C2C2;}
    p{color: #3C3C3C;}
    h1{ font-size: 46px; color: #3C3C3C; font-weight: 300;}
    h2{ font-size: 32px; color: #3C3C3C; font-weight: 300;}
}
.project-s1{
  padding: 2% 0 0;
  h1{ margin-bottom: 30px; }
  .bg-project-s1{
    margin-top: 25px;
    padding-bottom: 34%;
    background-image: @bg_project_s1;
    .bg-nor-cen-con;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      background-image: @bg_project_s1_retina;
    }
    &.en_bg-project-s1{
      background-image: @en_bg_project_s1;
      .bg-nor-cen-con;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        background-image: @en_bg_project_s1_retina;
      }
    }
  }
}
.project-s2{
  padding: 4% 0;
  p{
    font-size: 16px;
    line-height: 24px;
  }
  /*h2{
    margin-top: 0;
  }*/
  .bg-project-s2{
    padding-bottom: 13%;
    background-image: @bg_project_s2;
    .bg-nor-cen-con;
    margin-top: 30px;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      background-image: @bg_project_s2_retina;
    }
    &.en_bg-project-s2{
      background-image: @en_bg_project_s2;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        background-image: @en_bg_project_s2_retina;
      }
    }
  }
}
.project-s3{
  padding: 4% 0 0;
  /*h2{margin-top: 0;}*/
  p{
    line-height: 24px;
    font-size: 16px;
  }
  .col-sm-6{
    padding: 0;
    /*h2,p{
        margin: 0;
    }*/
    p{ color:  #747474;}
  }
  .project-box{
    text-align: left;
    padding-left: 20px;
    p{
      font-size: 14px;
    }
  }
  .project-box:nth-child(1){
    padding-top: 15%;
    @media(max-width: 768px){
      margin-top: 25px;
      background-image: url(../img/project-features/bg-s3-mini1.png);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain;
      padding-top: 34%;
      text-align: center;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        background-image: url(../img/project-features/bg-s3-mini1@2x.png);
      }
      &.en1{
        background-image: url(../img/project-features/en/en_bg-s3-mini1.png);
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
          background-image: url(../img/project-features/en/en_bg-s3-mini1@2x.png);
        }
      }
    }
  }
  .project-box:nth-child(2){
    padding-top: 5%;
    @media(max-width: 768px){
      background-image: url(../img/project-features/bg-s3-mini2.png);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 269px 81px; 
      padding-top: 12%;
      text-align: center;
      margin-top: 25px;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
          background-image: url(../img/project-features/bg-s3-mini2@2x.png);
      }
      &.en2{
        background-image: url(../img/project-features/en/en_bg-s3-mini2.png);
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
          background-image: url(../img/project-features/en/en_bg-s3-mini2@2x.png);
        }
      }
    }
  }
  .project-box:nth-child(3){
    padding-top: 4.5%;
    @media(max-width: 768px){
      background-image: url(../img/project-features/bg-s3-mini3.png);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain; 
      padding-top: 26%;
      text-align: center;
      margin-top: 25px;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        background-image: url(../img/project-features/bg-s3-mini3@2x.png);
      }
      &.en3{
        background-image: url(../img/project-features/en/en_bg-s3-mini3.png);
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
          background-image: url(../img/project-features/en/en_bg-s3-mini3@2x.png);
        }
      }
    }
  }
  .project-box:nth-child(4){
    padding-top: 5.5%;
    @media(max-width: 768px){
      background-image: url(../img/project-features/bg-s3-mini4.png);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain; 
      padding-top: 46%;
      text-align: center;
      margin-top: 25px;
      margin-bottom: 4%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        background-image: url(../img/project-features/bg-s3-mini4@2x.png);
      }
      &.en4{
        background-image: url(../img/project-features/en/en_bg-s3-mini4.png);
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
          background-image: url(../img/project-features/en/en_bg-s3-mini4@2x.png);
        }
      }
    }
  }
  /*.en_project-box{
      text-align: left;
      padding-left: 20px;
      p{
          font-size: 14px;
      }
  } why?? */
  /*.en_project-box:nth-child(1){
      padding-top: 15%;
      @media(max-width: 768px){
          margin-top: 25px;
          background-image: url(../img/project-features/en/en_bg-s3-mini1.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: contain;
          padding-top: 34%;
          text-align: center;
          @media
          (-webkit-min-device-pixel-ratio: 2),
          (min-resolution: 192dpi){
              background-image: url(../img/project-features/en/en_bg-s3-mini1@2x.png);
          }
      }
  }
  .en_project-box:nth-child(2){
      padding-top: 5%;
      @media(max-width: 768px){
          background-image: url(../img/project-features/en/en_bg-s3-mini2.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 269px 81px; 
          padding-top: 12%;
          text-align: center;
          margin-top: 25px;
          @media
          (-webkit-min-device-pixel-ratio: 2),
          (min-resolution: 192dpi){
              background-image: url(../img/project-features/en/en_bg-s3-mini2@2x.png);
          }
      }
  }
  .en_project-box:nth-child(3){
      padding-top: 4.5%;
      @media(max-width: 768px){
          background-image: url(../img/project-features/en/en_bg-s3-mini3.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: contain; 
          padding-top: 26%;
          text-align: center;
          margin-top: 25px;
          @media
          (-webkit-min-device-pixel-ratio: 2),
          (min-resolution: 192dpi){
              background-image: url(../img/project-features/en/en_bg-s3-mini3@2x.png);
          }
      }
  }
  .en_project-box:nth-child(4){
      padding-top: 5.5%;
      @media(max-width: 768px){
          background-image: url(../img/project-features/en/en_bg-s3-mini4.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: contain; 
          padding-top: 46%;
          text-align: center;
          margin-top: 25px;
          margin-bottom: 4%;
          @media
          (-webkit-min-device-pixel-ratio: 2),
          (min-resolution: 192dpi){
              background-image: url(../img/project-features/en/en_bg-s3-mini4@2x.png);
          }
      }
  }*/
  .bg-project-s3{
    padding-bottom: 98%;
    background-image: @bg_project_s3;
    .bg-nor-cen-con;
    background-position: bottom center;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_project_s3_retina; }
    /*@media(max-width: 768px){
        display: none;
    }*/
    &.en_bg-project-s3{
      background-image: @en_bg_project_s3;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_project_s3_retina; }
    }
  }
}
.project-s4{
  padding: 4% 0;
  /*h2{margin-top: 0;}*/
  p{ font-size: 16px; line-height: 24px;}
  .bg-project-s4{
    margin-top: 20px;
    padding-bottom: 22%;
    background-image: @bg_project_s4;
    .bg-nor-cen-con;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_project_s4_retina; }
    &.en_bg-project-s4{
      background-image: @en_bg_project_s4;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_project_s4_retina; }
    }
  }
}
.project-s5{
  padding: 4% 0;
  .box-text{
    margin-left: 8%;
    padding-top: 6%;
    @media(max-width: 991px){
      margin-left: 0;
    }
    @media(max-width: 768px){
      margin-left: 4%;
      max-width: 35%;
       /* padding-top: 11%;*/
      padding-top: 0;
    }
    h2{
      line-height: 36px;
      margin-top: 25px;
      @media(max-width: 1200px){
        margin-top: 20px;
      }
    }
    p{
      font-size: 16px;
      line-height: 24px;
    }
  }
  .bg-project-s5{
    padding-bottom: 18.9%;
    background-image: @bg_project_s5;
    .bg-nor-cen-con;
    background-position: 75% 50%;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_project_s5_retina;
    }
    @media(max-width: 991px){
      background-position: right center;
      padding-bottom: 8%;
    }
    &.en_bg-project-s5{
      background-image: @en_bg_project_s5;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_project_s5_retina; }
    }
  }
}
.project-s6{
  padding: 4% 0;
  .col-sm-6:last-child{
    @media(max-width: 768px){
      background-image: @bg_project_s6;
      background-size: contain;
      background-repeat: no-repeat;
      padding-bottom: 55%;
      &.en{ background-image: @en_bg_project_s6; }
    }
  }
  .box-text{
    padding: 12% 25% 0 0;
    p{
      font-size: 16px;
      line-height: 24px;
    }
    @media(max-width: 991px){ padding: 8% 25% 0 0;}
    @media(max-width: 768px){
      max-width: 35%;
      padding: 8% 0 0;
      float: right;
    }
  }
  .bg-project-s6{
    padding-bottom: 72%;
    background-image: @bg_project_s6;
    .bg-nor-cen-con;
    background-position: 75% 50%;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_project_s6_retina; }
    /*@media(max-width: 768px){
      display: none;
    }*/
    &.en_bg-project-s6{
      background-image: @en_bg_project_s6;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_project_s6_retina; }
    }
  }
}
/*.en_project-s6{
    padding: 4% 0;
    .col-sm-6:last-child{
        @media(max-width: 768px){
            background-image: @en_bg_project_s6;
            background-size: contain;
            background-repeat: no-repeat;
            padding-bottom: 55%;
        }
    }
    .box-text{
        padding: 12% 25% 0 0;
        p{
            font-size: 16px;
            line-height: 24px;
        }
        @media(max-width: 991px){ padding: 8% 25% 0 0;}
        @media(max-width: 768px){
            max-width: 35%;
            padding: 8% 0 0;
            float: right;
        }
    }
    .en_bg-project-s6{
        padding-bottom: 72%;
        background-image: @en_bg_project_s6;
        .bg-nor-cen-con;
        background-position: 75% 50%;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
            background-image: @en_bg_project_s6_retina;
        }
        @media(max-width: 768px){
            display: none;
        }
    }
} WHY??*/
.project-s7{
  padding: 4% 0;
  /*h2{
      margin-top: 0;
  }*/
  p{
    font-size: 16px;
    line-height: 24px;
  }
  /*.left-box-text,*/
  .box-text{
    /*text-align: left;*/
    padding-left: 0;
    padding-right: 0;
    padding-top: 5%;
    h2{
      margin-top: 20px;
    }
    p{
      font-size: 14px;
      color: #666666;
    }
  }
  /*.right-box-text{
      text-align: left;
      padding-left: 0;
      padding-right: 0;
      padding-top: 5%;
      h2{
          margin-top: 20px;
      }
      p{
          font-size: 14px;
          color: #666666;
      }
  }*/

  .bg-project-s7{
    margin-top: 50px;
    padding-bottom: 17.6%;
    background-image: @bg_project_s7;
    .bg-nor-cen-con;
    background-position: 41% 50%;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_project_s7_retina; }
    &.en_bg-project-s7{
      background-image: @en_bg_project_s7;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_project_s7_retina; }
    }
  }
}
/*.project-s8{
  padding: 4% 0 0;
  p{
    font-size: 16px;
    line-height: 24px;
  }
  .bg-project-s8{
    margin-top: 50px;
    padding-bottom: 33.99%;
    background-image: @bg_project_s8;
    .bg-nor-cen-con;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_project_s8_retina; }
    &.en_bg-project-s8{
      background-image: @en_bg_project_s8;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_project_s8_retina; }
    }
  }
}*/
/*.project-s9{
  padding: 4% 0 0;
  p{ font-size: 16px; line-height: 24px;}
  .project-box-right{
    text-align: left;
    padding-left: 35px;
    p{
      font-size: 14px;
      color: #747474;
    }
    &:first-child{
      padding-top: 22%;
      margin-bottom: 25px;
    }
  }
  .project-box-left{
    text-align: left;
    padding-left: 75px;
    padding-right: 25px;
    font-size: 16px;
    min-height: 62px;
    font-weight: 300;
      background-repeat: no-repeat;
      background-position: 0% 100%;
      background-size: 62px 62px;
    &:nth-child(1){
      background-image: @editor1;
      padding-top: 22%;
      padding-bottom: 3%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @editor1_retina; }
    }
    &:nth-child(2){
      background-image: @editor2;
      padding-top: 17%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @editor2_retina; }
    }
    &:nth-child(3){
      background-image: @editor3;
      padding-top: 22%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @editor3_retina; }
    }
  }
  .bg-project-s9{
    margin-top: 30px;
    padding-bottom: 34.79%;
    background-image: @bg_project_s9;
    .bg-nor-cen-con;
    background-position: 33% 100%;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_project_s9_retina; }
    &.en_bg-project-s9{
      background-image: @en_bg_project_s9;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_project_s9_retina; }
    }
  }
}*/
.project-s10{
  padding: 4% 0 0;
  /*h2{ margin-top: 0;}*/
  p{
    font-size: 16px;
    line-height: 24px;
  }
  .box-text{
    text-align: left;
    padding-left: 20px;
    padding-top: 1%;
    p{ font-size: 14px; }
  }
  .box-text:nth-child(1){
    padding-top: 23.5%;
  }
  /*.box-text:nth-child(2){
    padding-top: 1%;
  }
  .box-text:nth-child(3){
    padding-top: 1%;
  }*/
    /*.col-sm-6{
        padding: 0;
    }*/
  .bg-project-s10{
    padding-bottom: 88.4%;
    background-image: @bg_project_s10;
    .bg-nor-cen-con;
    background-position: bottom center;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_project_s10_retina; }
    &.en_bg-project-s10{
      background-image: @en_bg_project_s10;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_project_s10_retina; }
    }
  }
}
.project-s11{
  padding: 4% 0;
  p{
    font-size: 16px;
    line-height: 24px;
  }
  /*h2{
    margin-top: 0;
  }*/
  .project-features-box{
    text-align: center;
    max-width: 195px;
    margin: 35px auto 0;
    span{
      font-size: 24px;
      color: #333;
    }
    p{ line-height: 21px; }
  }
}

/*#
# idea-to-law Page
#*/

/* background */
@bg_idealaw_s1_idea: url(../img/idea-to-law/bg-idealaw-s1-idea.png);
@bg_idealaw_s1_project: url(../img/idea-to-law/bg-idealaw-s1-project.png);
@bg_idealaw_s1_document: url(../img/idea-to-law/bg-idealaw-s1-document.png);
@bg_idealaw_s2: url(../img/idea-to-law/bg-idealaw-s2.png);
@bg_idealaw_s3: url(../img/idea-to-law/bg-idealaw-s3.png);
@bg_idealaw_s4: url(../img/idea-to-law/bg-idealaw-s4.png);
@bg_idealaw_s5: url(../img/idea-to-law/bg-idealaw-s5.png);
@bg_idealaw_s6_left: url(../img/idea-to-law/bg-idealaw-s6-left.png);
@bg_idealaw_s6_right: url(../img/idea-to-law/bg-idealaw-s6-right.png);
@bg_idealaw_s7: url(../img/idea-to-law/bg-idealaw-s7.png);
@bg_idealaw_s8: url(../img/idea-to-law/bg-idealaw-s8.png);
@bg_idealaw_s9: url(../img/idea-to-law/bg-idealaw-s9.png);
@bg_idealaw_s10: url(../img/idea-to-law/bg-idealaw-s10.png);
@bg_idealaw_s11: url(../img/idea-to-law/bg-idealaw-s11.png);

@idealaw_editor1: url(../img/idea-to-law/editor1.png);
@idealaw_editor2: url(../img/idea-to-law/editor2.png);
@idealaw_editor3: url(../img/idea-to-law/editor3.png);
@idealaw_editor4: url(../img/idea-to-law/editor4.png);
@idealaw_editor5: url(../img/idea-to-law/editor5.png);

@green_arrow: url(../img/idea-to-law/arrow.png);

/* background eng */
@en_bg_idealaw_s1_idea: url(../img/idea-to-law/en/en_bg-idealaw-s1-idea.png);
@en_bg_idealaw_s1_project: url(../img/idea-to-law/en/en_bg-idealaw-s1-project.png);
@en_bg_idealaw_s1_document: url(../img/idea-to-law/en/en_bg-idealaw-s1-document.png);
@en_bg_idealaw_s2: url(../img/idea-to-law/en/en_bg-idealaw-s2.png);
@en_bg_idealaw_s3: url(../img/idea-to-law/en/en_bg-idealaw-s3.png);
@en_bg_idealaw_s4: url(../img/idea-to-law/en/en_bg-idealaw-s4.png);
@en_bg_idealaw_s5: url(../img/idea-to-law/en/en_bg-idealaw-s5.png);
@en_bg_idealaw_s6_left: url(../img/idea-to-law/en/en_bg-idealaw-s6-left.png);
@en_bg_idealaw_s6_right: url(../img/idea-to-law/en/en_bg-idealaw-s6-right.png);
@en_bg_idealaw_s7: url(../img/idea-to-law/en/en_bg-idealaw-s7.png);
@en_bg_idealaw_s8: url(../img/idea-to-law/en/en_bg-idealaw-s8.png);
@en_bg_idealaw_s9: url(../img/idea-to-law/en/en_bg-idealaw-s9.png);
@en_bg_idealaw_s10: url(../img/idea-to-law/en/en_bg-idealaw-s10.png);
@en_bg_idealaw_s11: url(../img/idea-to-law/en/en_bg-idealaw-s11.png);

/* background Retina */
@bg_idealaw_s1_idea_retina: url(../img/idea-to-law/bg-idealaw-s1-idea@2x.png);
@bg_idealaw_s1_project_retina: url(../img/idea-to-law/bg-idealaw-s1-project@2x.png);
@bg_idealaw_s1_document_retina: url(../img/idea-to-law/bg-idealaw-s1-document@2x.png);
@bg_idealaw_s2_retina: url(../img/idea-to-law/bg-idealaw-s2@2x.png);
@bg_idealaw_s3_retina: url(../img/idea-to-law/bg-idealaw-s3@2x.png);
@bg_idealaw_s4_retina: url(../img/idea-to-law/bg-idealaw-s4@2x.png);
@bg_idealaw_s5_retina: url(../img/idea-to-law/bg-idealaw-s5@2x.png);
@bg_idealaw_s6_right_retina: url(../img/idea-to-law/bg-idealaw-s6-right@2x.png);
@bg_idealaw_s6_left_retina: url(../img/idea-to-law/bg-idealaw-s6-left@2x.png);
@bg_idealaw_s7_retina: url(../img/idea-to-law/bg-idealaw-s7@2x.png);
@bg_idealaw_s8_retina: url(../img/idea-to-law/bg-idealaw-s8@2x.png);
@bg_idealaw_s9_retina: url(../img/idea-to-law/bg-idealaw-s9@2x.png);
@bg_idealaw_s10_retina: url(../img/idea-to-law/bg-idealaw-s10@2x.png);
@bg_idealaw_s11_retina: url(../img/idea-to-law/bg-idealaw-s11@2x.png);

@idealaw_editor1_retina: url(../img/idea-to-law/editor1@2x.png);
@idealaw_editor2_retina: url(../img/idea-to-law/editor2@2x.png);
@idealaw_editor3_retina: url(../img/idea-to-law/editor3@2x.png);
@idealaw_editor4_retina: url(../img/idea-to-law/editor4@2x.png);
@idealaw_editor5_retina: url(../img/idea-to-law/editor5@2x.png);

@green_arrow_retina: url(../img/idea-to-law/arrow@2x.png);

/* background Retina eng */
@en_bg_idealaw_s1_idea_retina: url(../img/idea-to-law/en/en_bg-idealaw-s1-idea@2x.png);
@en_bg_idealaw_s1_project_retina: url(../img/idea-to-law/en/en_bg-idealaw-s1-project@2x.png);
@en_bg_idealaw_s1_document_retina: url(../img/idea-to-law/en/en_bg-idealaw-s1-document@2x.png);
@en_bg_idealaw_s2_retina: url(../img/idea-to-law/en/en_bg-idealaw-s2@2x.png);
@en_bg_idealaw_s3_retina: url(../img/idea-to-law/en/en_bg-idealaw-s3@2x.png);
@en_bg_idealaw_s4_retina: url(../img/idea-to-law/en/en_bg-idealaw-s4@2x.png);
@en_bg_idealaw_s5_retina: url(../img/idea-to-law/en/en_bg-idealaw-s5@2x.png);
@en_bg_idealaw_s6_right_retina: url(../img/idea-to-law/en/en_bg-idealaw-s6-right@2x.png);
@en_bg_idealaw_s6_left_retina: url(../img/idea-to-law/en/en_bg-idealaw-s6-left@2x.png);
@en_bg_idealaw_s7_retina: url(../img/idea-to-law/en/en_bg-idealaw-s7@2x.png);
@en_bg_idealaw_s8_retina: url(../img/idea-to-law/en/en_bg-idealaw-s8@2x.png);
@en_bg_idealaw_s9_retina: url(../img/idea-to-law/en/en_bg-idealaw-s9@2x.png);
@en_bg_idealaw_s10_retina: url(../img/idea-to-law/en/en_bg-idealaw-s10@2x.png);
@en_bg_idealaw_s11_retina: url(../img/idea-to-law/en/en_bg-idealaw-s11@2x.png);

/*#
# Idea to project Page
#*/

/*Background*/
@bg_ideaproject_s1_idea: url(../img/idea-to-project/bg-ideaproject-s1-idea.png);
@bg_ideaproject_s1_project: url(../img/idea-to-project/bg-ideaproject-s1-project.png);
@bg_ideaproject_s1_finish: url(../img/idea-to-project/bg-ideaproject-s1-real_life.png);
@bg_ideaproject_s2: url(../img/idea-to-project/bg-ideaproject-s2.png);
@bg_ideaproject_s2_mini: url(../img/idea-to-project/bg-ideaproject-s2-mini.png);
@bg_ideaproject_s3: url(../img/idea-to-project/bg-ideaproject-s3.png);
@bg_ideaproject_s3_top_mini: url(../img/idea-to-project/bg-ideaproject-s3-top-mini.png);
@bg_ideaproject_s3_bottom_mini: url(../img/idea-to-project/bg-ideaproject-s3-bottom-mini.png);
@bg_ideaproject_s4: url(../img/idea-to-project/bg-ideaproject-s4.png);
@bg_ideaproject_s5_left: url(../img/idea-to-project/bg-ideaproject-s5-left.png);
@bg_ideaproject_s5_right: url(../img/idea-to-project/bg-ideaproject-s5-right.png);
@bg_ideaproject_s6: url(../img/idea-to-project/bg-ideaproject-s6.png);
@bg_ideaproject_s6_top_mini: url(../img/idea-to-project/bg-ideaproject-s6-top-mini.png);
@bg_ideaproject_s6_middle_mini: url(../img/idea-to-project/bg-ideaproject-s6-middle-mini.png);
@bg_ideaproject_s6_bottom_mini: url(../img/idea-to-project/bg-ideaproject-s6-bottom-mini.png);
@bg_ideaproject_s7_top: url(../img/idea-to-project/bg-ideaproject-s7-top.png);
@bg_ideaproject_s7_bottom: url(../img/idea-to-project/bg-ideaproject-s7-bottom.png);

/*Background Retina*/
@bg_ideaproject_s1_idea_retina: url(../img/idea-to-project/bg-ideaproject-s1-idea@2x.png);
@bg_ideaproject_s1_project_retina: url(../img/idea-to-project/bg-ideaproject-s1-project@2x.png);
@bg_ideaproject_s1_finish_retina: url(../img/idea-to-project/bg-ideaproject-s1-real_life@2x.png);
@bg_ideaproject_s2_retina: url(../img/idea-to-project/bg-ideaproject-s2@2x.png);
@bg_ideaproject_s2_mini_retina: url(../img/idea-to-project/bg-ideaproject-s2-mini@2x.png);
@bg_ideaproject_s3_retina: url(../img/idea-to-project/bg-ideaproject-s3@2x.png);
@bg_ideaproject_s3_top_mini_retina: url(../img/idea-to-project/bg-ideaproject-s3-top-mini@2x.png);
@bg_ideaproject_s3_bottom_mini_retina: url(../img/idea-to-project/bg-ideaproject-s3-bottom-mini@2x.png);
@bg_ideaproject_s4_retina: url(../img/idea-to-project/bg-ideaproject-s4@2x.png);
@bg_ideaproject_s5_left_retina: url(../img/idea-to-project/bg-ideaproject-s5-left@2x.png);
@bg_ideaproject_s5_right_retina: url(../img/idea-to-project/bg-ideaproject-s5-right@2x.png);
@bg_ideaproject_s6_retina: url(../img/idea-to-project/bg-ideaproject-s6.png);
@bg_ideaproject_s6_top_mini_retina: url(../img/idea-to-project/bg-ideaproject-s6-top-mini@2x.png);
@bg_ideaproject_s6_middle_mini_retina: url(../img/idea-to-project/bg-ideaproject-s6-middle-mini@2x.png);
@bg_ideaproject_s6_bottom_mini_retina: url(../img/idea-to-project/bg-ideaproject-s6-bottom-mini@2x.png);
@bg_ideaproject_s7_top_retina: url(../img/idea-to-project/bg-ideaproject-s7-top@2x.png);
@bg_ideaproject_s7_bottom_retina: url(../img/idea-to-project/bg-ideaproject-s7-bottom@2x.png);

/*en Background*/
@en_bg_ideaproject_s1_idea: url(../img/idea-to-project/en/en_bg-ideaproject-s1-idea.png);
@en_bg_ideaproject_s1_project: url(../img/idea-to-project/en/en_bg-ideaproject-s1-project.png);;
@en_bg_ideaproject_s2: url(../img/idea-to-project/en/en_bg-ideaproject-s2.png);
@en_bg_ideaproject_s2_mini: url(../img/idea-to-project/en/en_bg-ideaproject-s2-mini.png);
@en_bg_ideaproject_s3: url(../img/idea-to-project/en/en_bg-ideaproject-s3.png);
@en_bg_ideaproject_s3_top_mini: url(../img/idea-to-project/en/en_bg-ideaproject-s3-top-mini.png);
@en_bg_ideaproject_s3_bottom_mini: url(../img/idea-to-project/en/en_bg-ideaproject-s3-bottom-mini.png);
@en_bg_ideaproject_s4: url(../img/idea-to-project/en/en_bg-ideaproject-s4.png);
@en_bg_ideaproject_s5_left: url(../img/idea-to-project/en/en_bg-ideaproject-s5-left.png);
@en_bg_ideaproject_s5_right: url(../img/idea-to-project/en/en_bg-ideaproject-s5-right.png);
@en_bg_ideaproject_s6: url(../img/idea-to-project/en/en_bg-ideaproject-s6.png);
@en_bg_ideaproject_s6_top_mini: url(../img/idea-to-project/en/en_bg-ideaproject-s6-top-mini.png);
@en_bg_ideaproject_s6_middle_mini: url(../img/idea-to-project/en/en_bg-ideaproject-s6-middle-mini.png);
@en_bg_ideaproject_s6_bottom_mini: url(../img/idea-to-project/en/en_bg-ideaproject-s6-bottom-mini.png);
@en_bg_ideaproject_s7_top: url(../img/idea-to-project/en/en_bg-ideaproject-s7-top.png);
@en_bg_ideaproject_s7_bottom: url(../img/idea-to-project/en/en_bg-ideaproject-s7-bottom.png);

/*en Background Retina*/
@en_bg_ideaproject_s1_idea_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s1-idea@2x.png);
@en_bg_ideaproject_s1_project_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s1-project@2x.png);
@en_bg_ideaproject_s2_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s2@2x.png);
@en_bg_ideaproject_s2_mini_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s2-mini@2x.png);
@en_bg_ideaproject_s3_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s3@2x.png);
@en_bg_ideaproject_s3_top_mini_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s3-top-mini@2x.png);
@en_bg_ideaproject_s3_bottom_mini_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s3-bottom-mini@2x.png);
@en_bg_ideaproject_s4_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s4@2x.png);
@en_bg_ideaproject_s5_left_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s5-left@2x.png);
@en_bg_ideaproject_s5_right_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s5-right@2x.png);
@en_bg_ideaproject_s6_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s6.png);
@en_bg_ideaproject_s6_top_mini_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s6-top-mini@2x.png);
@en_bg_ideaproject_s6_middle_mini_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s6-middle-mini@2x.png);
@en_bg_ideaproject_s6_bottom_mini_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s6-bottom-mini@2x.png);
@en_bg_ideaproject_s7_top_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s7-top@2x.png);
@en_bg_ideaproject_s7_bottom_retina: url(../img/idea-to-project/en/en_bg-ideaproject-s7-bottom@2x.png);
/*end*/
.idea-to-project-page,
.idea-to-law-page{
    background-color: #FFF;
    .divider{ width: 100%; border-bottom: 1px solid #C2C2C2; }
    p{ color: #333; font-size: 16px; }
    h1{ font-size: 46px; color: #333; font-weight: 300; }
    h2{ font-size: 32px; color: #333; font-weight: 300; }
}

.idealaw-ideaproject-s1{
  padding: 4% 0;
  /*h1{ margin-top: 0;}*/
  big{ font-size: 23px; font-weight: bold; color: #333;}
  .bg-ip-s1-idea{
    margin: 8.9% 0;
    padding-bottom: 37.5%;
    .bg-nor-cen-con;
    &.bg-i-s1{ background-image: @bg_idealaw_s1_idea; }
    &.bg-p-s1{ background-image: @bg_ideaproject_s1_idea; }

    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s1{ background-image: @bg_idealaw_s1_idea_retina; }
      &.bg-p-s1{ background-image: @bg_ideaproject_s1_idea_retina; }
    }
  }
  .en_bg-ip-s1-idea{
    &.bg-i-s1{ background-image: @en_bg_idealaw_s1_idea; }
    &.bg-p-s1{ background-image: @en_bg_ideaproject_s1_idea; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s1{ background-image: @en_bg_idealaw_s1_idea_retina; }
      &.bg-p-s1{ background-image: @en_bg_ideaproject_s1_idea_retina; }
    }
  }
  .bg-ip-s1-project::before{
    content: " ";
    background-image: @green_arrow;
    .bg-nor-cen-con;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @green_arrow_retina; }
  }
  .bg-ip-s1-project::after{
    content: " ";
    background-image: @green_arrow;
    .bg-nor-cen-con;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @green_arrow_retina; }
  }
  .bg-ip-s1-project{
    padding-bottom: 55.5%;
    .bg-nor-cen-con;
    &.bg-i-s1{ background-image: @bg_idealaw_s1_project; }
    &.bg-p-s1{ background-image: @bg_ideaproject_s1_project; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s1{ background-image: @bg_idealaw_s1_project_retina; }
      &.bg-p-s1{ background-image: @bg_ideaproject_s1_project_retina; }
    }
  }
  .en_bg-ip-s1-project{
    &.bg-i-s1{ background-image: @en_bg_idealaw_s1_project; }
    &.bg-p-s1{ background-image: @en_bg_ideaproject_s1_project; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s1{ background-image: @en_bg_idealaw_s1_project_retina; }
      &.bg-p-s1{ background-image: @en_bg_ideaproject_s1_project_retina; }
    }
  }
  .bg-ip-s1-document{
    padding-bottom: 55%;
    .bg-nor-cen-con;
    &.bg-i-s1{ background-image: @bg_idealaw_s1_document; }
    &.bg-p-s1{ background-image: @bg_ideaproject_s1_finish; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s1{ background-image: @bg_idealaw_s1_document_retina; }
      &.bg-p-s1{ background-image: @bg_ideaproject_s1_finish_retina; }
    }
  }
  .en-ip-s1-document{
    &.bg-i-s1{ background-image: @en_bg_idealaw_s1_document; }
    &.bg-p-s1{ background-image: @bg_ideaproject_s1_finish_retina; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s1{ background-image: @en_bg_idealaw_s1_document_retina; }
    }
  }
  @media(max-width: 768px){
    /*.bg-idealaw-s1-idea, .bg-idealaw-s1-project, .bg-idealaw-s1-document,
    .en_bg-idealaw-s1-idea, .en_bg-idealaw-s1-project, .en_bg-idealaw-s1-document{ display: none; }*/
    /*.row:last-child{ 
      .col-sm-4:nth-child(1){ 
        background-image: @bg_idealaw_s1_idea;
        background-repeat: no-repeat;
        background-size: 351px 139px;
        padding-top: 140px;
        background-position: top center;
      }
      .col-sm-4:nth-child(2){
        background-image: @bg_idealaw_s1_project;
        background-repeat: no-repeat;
        background-size: 351px 205px;
        padding-top: 206px;
        background-position: top center;
      }
      .col-sm-4:nth-child(3){
        background-image: @bg_idealaw_s1_document;
        background-repeat: no-repeat;
        background-size: 351px 204px;
        padding-top: 205px;
        background-position: top center;
      }
    }*/
    .bg-ip-s1-idea-768{
      padding-bottom: 19.1%;
      .bg-nor-cen-con;
      &.bg-i-s1{ background-image: @bg_idealaw_s1_idea; }
      &.bg-p-s1{ background-image: @bg_ideaproject_s1_idea; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-i-s1{ background-image: @bg_idealaw_s1_idea_retina; }
        &.bg-p-s1{ background-image: @bg_ideaproject_s1_idea_retina; }
      }
    }
    .en_bg-ip-s1-idea-768{
      &.bg-p-s1{ background-image: @en_bg_ideaproject_s1_idea; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-p-s1{ background-image: @en_bg_ideaproject_s1_idea_retina; }
      }
    }
    .bg-ip-s1-project-768{
      padding-bottom: 28.2%;
      .bg-nor-cen-con;
      &.bg-i-s1{ background-image: @bg_idealaw_s1_project; }
      &.bg-p-s1{ background-image: @bg_ideaproject_s1_project; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-p-s1{ background-image: @bg_ideaproject_s1_project_retina; }
      }
    }
    .en_bg-ip-s1-project-768{
      &.bg-p-s1{ background-image: @en_bg_ideaproject_s1_project; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-p-s1{ background-image: @en_bg_ideaproject_s1_project_retina; }
      }
    }
    .bg-ip-s1-document-768{
      padding-bottom: 28%;
      .bg-nor-cen-con;
      &.bg-i-s1{ background-image: @bg_idealaw_s1_document; }
      &.bg-p-s1{ background-image: @bg_ideaproject_s1_finish; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-p-s1{ background-image: @bg_ideaproject_s1_finish_retina; }
      }
    }
  }
}


.idealaw-ideaproject-s2{
  padding: 4% 0;
  /*h2{ margin-top: 0; }*/
  .bg-ip-s2{
    margin-top: 50px;
    .bg-nor-cen-con;
    background-position: 35% 0;
    background-size: 640px 269px;
    &.bg-i-s2{ background-image: @bg_idealaw_s2; }
    &.bg-p-s2{ background-image: @bg_ideaproject_s2; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s2{ background-image: @bg_idealaw_s2_retina; }
      &.bg-p-s2{ background-image: @bg_ideaproject_s2_retina; }
    }
    @media(max-width: 1200px){ background-position: 20% 0; }
    @media(max-width: 991px){ background-position: -65% 0; }
    @media(max-width: 768px){
      margin-top: 30px;
      padding-top: 399px;
      background-position: center top;
      background-size: 322px 399px;
      &.bg-i-s2{ background-image: url(../img/idea-to-law/bg-idealaw-s2-mini.png); }
      &.bg-p-s2{ background-image: @bg_ideaproject_s2_mini; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ 
        &.bg-i-s2{ background-image: url(../img/idea-to-law/bg-idealaw-s2-mini@2x.png); }
        &.bg-p-s2{ background-image: @bg_ideaproject_s2_mini_retina; }
      }
    }
  }
  .en_bg-ip-s2{
    &.bg-i-s2{ background-image: @en_bg_idealaw_s2; }
    &.bg-p-s2{ background-image: @en_bg_ideaproject_s2; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s2{ background-image: @en_bg_idealaw_s2_retina; }
      &.bg-p-s2{ background-image: @en_bg_ideaproject_s2_retina; }
    }
      @media(max-width: 768px){
        &.bg-i-s2{ background-image: url(../img/idea-to-law/bg-idealaw-s2-mini.png); }
        &.bg-p-s2{ background-image: @en_bg_ideaproject_s2_mini; 
          @media
          (-webkit-min-device-pixel-ratio: 2),
          (min-resolution: 192dpi){
            background-image: @en_bg_ideaproject_s2_mini_retina; 
          }
        }
      }
  }
  .box-text{
    text-align: left;
    max-width: 350px;
    padding-left: 0;
    margin-top: 40px;
    @media(max-width: 768px){
      max-width: none;
      padding-left: 15px;
      margin-top: 10px;
    }
    h3{
      margin-top: 0;
      color: #515e6e;
      font-size: 28px;
      font-weight: bold;
    }
    .author{
      margin-bottom: 10px;
      .author-avatar{
        background-image: @idealaw_editor1;
        display: inline-block;
        width: 30px;
        height: 30px;
        .bg-nor-cen-con;
        vertical-align: middle;
        margin-right: 10px;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @idealaw_editor1_retina; }
      }
      a{
        line-height: 24px;
        font-size: 14px;
        text-decoration: none;
        color: #0083bf;
      }
      span{
        font-size: 12px;
        line-height: 24px;
        color: #666;
      }
    }
  }
 /* @media(max-width: 1200px){
    .bg-idealaw-s2, .en_bg-idealaw-s2{
      background-position: 20% 0;
    }

  }
  @media(max-width: 991px){
    .bg-idealaw-s2, .en_bg-idealaw-s2{
      background-position: -65% 0;
    }
  }
  @media(max-width: 768px){
    .bg-idealaw-s2, .en_bg-idealaw-s2{
      margin-top: 30px;
      padding-top: 399px;
      background-position: center top;
      background-size: 322px 399px;
      background-image: url(../img/idea-to-law/bg-idealaw-s2-mini.png);
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: url(../img/idea-to-law/bg-idealaw-s2-mini@2x.png); }
      .box-text{
        max-width: none;
        padding-left: 15px;
      }
    }
  }*/
}
.idealaw-ideaproject-s3{
  padding: 4% 0;
  /*h1{
      margin-top: 0;
  }*/
  .bg-ip-s3{
    margin-top: 40px;
    padding-bottom: 10.8%;
    .bg-nor-cen-con;
    &.bg-i-s3{ background-image: @bg_idealaw_s3; }
    &.bg-p-s3{ background-image: @bg_ideaproject_s3; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s3{ background-image: @bg_idealaw_s3_retina; }
      &.bg-p-s3{ background-image: @bg_ideaproject_s3_retina; }
    }
  }
  .en_bg-ip-s3{
    &.bg-i-s3{ background-image: @en_bg_idealaw_s3; }
    &.bg-p-s3{ background-image: @en_bg_ideaproject_s3; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s3{ background-image: @en_bg_idealaw_s3_retina; }
      &.bg-p-s3{ background-image: @en_bg_ideaproject_s3_retina; }
    }
   }
  @media(max-width: 768px){
    .bg-ip-s3{ &.bg-i-s3, &.bg-p-s3{ background: none; } }
  }
 
  .box-text{
    max-width: 425px;
    margin-left: 13%;
  }
  .box-text:last-child{ padding-top: 6%; }
  @media(max-width: 1200px){ .box-text{ margin-left: 7%; } }
  @media(max-width: 991px){ .box-text{ margin-left: -2%; } }
  @media(max-width: 768px){
    .box-text{
      margin-left: auto;
      margin-right: auto;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center bottom;
    }
    .box-text:first-child{
      padding-bottom: 60px;
      &.bg-i-s3{ background-image: url(../img/idea-to-law/bg-idealaw-s3-top-mini.png); }
      &.bg-p-s3{ background-image: @bg_ideaproject_s3_top_mini; }
      &.en_bg-i-s3{ background-image: @en_bg_ideaproject_s3_top_mini; }
      &.en_bg-p-s3{ background-image: @en_bg_ideaproject_s3_top_mini; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-i-s3{ background-image: url(../img/idea-to-law/bg-idealaw-s3-top-mini@2x.png);}
        &.bg-p-s3{ background-image: @bg_ideaproject_s3_top_mini_retina; }
        &.en_bg-i-s3{ background-image: @en_bg_ideaproject_s3_top_mini_retina; }
        &.en_bg-p-s3{ background-image: @en_bg_ideaproject_s3_top_mini_retina; }
      }
    }
    .box-text:last-child{
      padding-top: 0;
      padding-bottom: 105px;
      &.bg-i-s3{ background-image: url(../img/idea-to-law/bg-idealaw-s3-bottom-mini.png); }
      &.bg-p-s3{ background-image: @bg_ideaproject_s3_bottom_mini; }
      &.en_bg-i-s3{ background-image: @en_bg_ideaproject_s3_bottom_mini_retina; }
      &.en_bg-p-s3{ background-image: @en_bg_ideaproject_s3_bottom_mini_retina; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ 
        &.bg-i-s3{ background-image: url(../img/idea-to-law/bg-idealaw-s3-bottom-mini@2x.png); }
        &.bg-p-s3{ background-image: @bg_ideaproject_s3_bottom_mini_retina; }
      }
    }
  }
}

.idealaw-ideaproject-s4{
  padding: 4% 0;
  /*h2{
      margin-top: 0;
  }*/
  .bg-ip-s4{
    padding-bottom: 69%;
    .bg-nor-cen-con;
    background-position: 100% 50%;
    margin-right: -15px;
    &.bg-i-s4{ background-image: @bg_idealaw_s4; }
    &.bg-p-s4{ background-image: @bg_ideaproject_s4; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s4{ background-image: @bg_idealaw_s4_retina; }
      &.bg-p-s4{ background-image: @bg_ideaproject_s4_retina; }
    }
  }
    .en_bg-ip-s4{
      &.bg-i-s4{ background-image: @en_bg_idealaw_s4; }
      &.bg-p-s4{ background-image: @en_bg_ideaproject_s4; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-i-s4{ background-image: @en_bg_idealaw_s4_retina; }
        &.bg-p-s4{ background-image: @en_bg_ideaproject_s4_retina; }
      }
    }
  .box-text{
    text-align: left;
    max-width: 380px;
    padding-top: 18%;
  }
  @media(max-width: 768px){
    /*.bg-idealaw-s4{ display: none; }*/
    .box-text{
      padding-top: 30px;
      text-align: center;
      margin: 0 auto;
    }
  }
}
/*.idealaw-s5{
  padding: 4% 0 0;
  p{ font-size: 16px; line-height: 24px;}
  .idealaw-box-right{
    text-align: left;
    padding-left: 35px;
    p{
      font-size: 14px;
      color: #747474;
    }
    &:first-child{
      padding-top: 22%;
      margin-bottom: 25px;
    }
  }
  .idealaw-box-left{
    text-align: left;
    padding-left: 75px;
    padding-right: 25px;
    font-size: 16px;
    min-height: 62px;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: 0% 100%;
    background-size: 62px 62px;
    &:nth-child(1){
      background-image: @editor1;
      padding-top: 22%;
      padding-bottom: 3%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @editor1_retina; }
    }
    &:nth-child(2){
      background-image: @editor2;
      padding-top: 17%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @editor2_retina; }
    }
    &:nth-child(3){
      background-image: @editor3;
      padding-top: 22%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @editor3_retina; }
    }
  }
  .bg-idealaw-s5{
    margin-top: 30px;
    padding-bottom: 34.79%;
    background-image: @bg_project_s9;
    .bg-nor-cen-con;
    background-position: 33% 100%;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      background-image: @bg_project_s9_retina;
    }
    &.en_bg-idealaw-s5{
      background-image: @en_bg_project_s9;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        background-image: @en_bg_project_s9_retina;
      }
    }
  }
  @media(max-width: 1200px){
    .bg-idealaw-s5{ padding-bottom: 41.96%; }
    .idealaw-box-left{ margin-left: -15px; }
    .idealaw-box-left:nth-child(1){ background-position: 0 90%; }
    .idealaw-box-left:nth-child(2){ background-position: 0 50%; padding-top: 5%; }
    .idealaw-box-left:nth-child(3){ background-position: 0 85%; }
    .idealaw-box-right{ 
      margin-right: -15px;
      padding-left: 88px;
    }
  }
  @media(max-width: 991px){
    .col-sm-3{
      width: 100%;
      margin: 0;
    }
    .bg-idealaw-s5{
      background-position: 200px 0px; 
      .col-sm-offset-6{ margin-top: 50px; }
    }
    .idealaw-box-right{
      padding: 0;
      text-align: center;
      &:nth-child(1){ padding: 0; }
    }
    .idealaw-box-left{ max-width: 310px; }
    .idealaw-box-left:nth-child(1){
      padding-top: 7%;
      padding-bottom: 2%;
    }
    .idealaw-box-left:nth-child(2){
      margin-top: 1%;
      padding-top: 0%;
    }
    .idealaw-box-left:nth-child(3){
      margin-top: 6%;
      padding-top: 0%;
    }
  }
  @media(max-width: 768px){
    .bg-idealaw-s5{
      padding-bottom: 30px; 
      background-size: 746px 407px;
      background-position: 175px 0px;
      .col-sm-offset-6{ margin-top: 100px; }
    }
    
    .idealaw-box-left:nth-child(1){
        padding-top: 50px;
    }
    .idealaw-box-left:nth-child(2){
        margin-top: 50px;
    }
    .idealaw-box-left:nth-child(3){ margin-top: 70px; }
  }
}*/

.idealaw-ideaproject-s6{
  padding: 4% 0;
  /*h2{ margin-top: 0; }*/
  /*.col-sm-6{ margin-top: 25px; }*/
  .bg-ip-s6-left{
    padding-bottom: 64.5%;
    .bg-nor-cen-con;
    /*background-position: 70% 50%;*/
    &.bg-i-s6{ background-image: @bg_idealaw_s6_left; }
    &.bg-p-s6{ background-image: @bg_ideaproject_s5_left; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s6{ background-image: @bg_idealaw_s6_left_retina; }
      &.bg-p-s6{ background-image: @bg_ideaproject_s5_left_retina; }
    }
  }
    .en_bg-ip-s6-left{
      &.bg-i-s6{ background-image: @en_bg_idealaw_s6_left; }
      &.bg-p-s6{ background-image: @en_bg_ideaproject_s5_left; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-i-s6{ background-image: @en_bg_idealaw_s6_left_retina; }
        &.bg-p-s6{ background-image: @en_bg_ideaproject_s5_left_retina; }
      }
    }
  
  .bg-ip-s6-right{
    padding-bottom: 64.5%;
    .bg-nor-cen-con;
    /*background-position: 0% 50%;*/
    &.bg-i-s6{ background-image: @bg_idealaw_s6_right; }
    &.bg-p-s6{ background-image: @bg_ideaproject_s5_right; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.bg-i-s6{ background-image: @bg_idealaw_s6_right_retina; }
      &.bg-p-s6{ background-image: @bg_ideaproject_s5_right_retina; }
    }
  }
    .en_bg-ip-s6-right{
      &.bg-i-s6{ background-image: @en_bg_idealaw_s6_right; }
      &.bg-p-s6{ background-image: @en_bg_ideaproject_s5_right; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-i-s6{ background-image: @en_bg_idealaw_s6_right_retina; }
        &.bg-p-s6{ background-image: @en_bg_ideaproject_s5_right_retina; }
      }
    }
  
  @media(max-width: 768px){
    .bg-ip-s6-left,
    .bg-ip-s6-right{ padding-bottom: 45.5%; }
  }
}

//the same style for project-features s9, idea-to-law s5-s7
.editors-s5-s7{
  padding: 4% 0 0;
  /*h2{ margin-top: 0; }*/
  p{ font-size: 16px; line-height: 24px;}
  .editors-box-right{
    text-align: left;
    padding-left: 35px;
    &:first-child{
      padding-top: 22%;
      margin-bottom: 25px;
    }
    &.i-s7{
      padding-left: 75px;
      font-size: 16px;
      min-height: 62px;
      font-weight: 300;
      margin-left: 45px; //3x
      background-repeat: no-repeat;
      background-position: 0% 100%;
      background-size: 62px 62px;
      &:first-child{
        background-image: @idealaw_editor4;
        padding-top: 45%;
        margin-bottom: 0;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @idealaw_editor4_retina; }
      }
      &:last-child{
        background-image: @idealaw_editor5;
        padding-top: 16%;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @idealaw_editor5_retina; }
      }
    }
    p{
      font-size: 14px;
      color: #747474;
    }
  }
  .editors-box-left{
    text-align: left;
    padding-left: 75px;
    padding-right: 25px;
    font-size: 16px;
    min-height: 62px;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: 0% 100%;
    background-size: 62px 62px;
    &:nth-child(1){
      background-image: @idealaw_editor1;
      padding-top: 22%;
      padding-bottom: 3%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @idealaw_editor1_retina; }
    }
    &:nth-child(2){
      background-image: @idealaw_editor2;
      padding-top: 17%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @idealaw_editor2_retina; }
    }
    &:nth-child(3){
      background-image: @idealaw_editor3;
      padding-top: 22%;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @idealaw_editor3_retina; }
    }
  }
  .bg-i-s5-s7{
    margin-top: 30px;
    padding-bottom: 34.79%;
    .bg-nor-cen-con;
    background-position: 33% 100%;
    &.bg-i-s7{ background-image: @bg_idealaw_s7; }
    &.bg-i-s5{ background-image: @bg_project_s9; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-i-s7{ background-image: @bg_idealaw_s7_retina; }
        &.bg-i-s5{ background-image: @bg_project_s9_retina; }
      }
    }
    .en_bg-i-s5-s7{
      &.bg-i-s7{ background-image: @en_bg_idealaw_s7; }
      &.bg-i-s5{ background-image: @en_bg_project_s9; }
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
        &.bg-i-s7{ background-image: @en_bg_idealaw_s7_retina; }
        &.bg-i-s5{ background-image: @en_bg_project_s9_retina; }
      }
    }
  
  @media(max-width: 1200px){
    .bg-i-s5-s7{
      padding-bottom: 41.96%;
      &.bg-i-s7{ padding-bottom: 43.79%; background-size: 796px 403px; }
    }
    .editors-box-right{
      margin-right: -15px;
      padding-left: 88px;
      &.i-s7{ margin-left: 0; padding-left: 75px; }
    }
    .editors-box-left{ margin-left: -15px;
      &.i-s7{
        &:nth-child(3){ padding-top: 25%; }
      }
      &.i-s5{
        &:nth-child(1){ background-position: 0 90%; }
        &:nth-child(2){ background-position: 0 50%; padding-top: 5%; }
        &:nth-child(3){ background-position: 0 85%; }
      }
    }
      /*.idealaw-box-left:nth-child(1){
          padding-top: 20%;
      }
      .idealaw-box-left:nth-child(2){
          padding-top: 20%;
      }*/
    /*.idealaw-box-left:nth-child(3){ padding-top: 25%; }*/
  }
  @media(max-width: 991px){
    /*.bg-idealaw-s7{ margin-bottom: 50px; }
    .col-sm-3{
      background-color: #FFF;
      &:first-child{ margin-left: -15px; }
      &:last-child{ padding-right: 0; padding-bottom: 18%; }
    }*/
    .bg-i-s5{
      background-position: 200px 0px;
      .col-sm-3{ width: 100%; margin: 0; }
      .col-sm-offset-6{ margin-top: 50px; }
    }
    .bg-i-s7{
      .col-sm-3{ background-color: #FFF; margin-bottom: 50px; }
    }
    .editors-box-left{
      &.i-s7{
        padding: 0 0 0 75px;
        background-color: #FFF;
        &:nth-child(2){ margin-top: 35px; }
        &:nth-child(3){ margin-top: 12px; }
      }
      &.i-s5{
        max-width: 310px;
        &:nth-child(1){
          padding-top: 7%;
          padding-bottom: 2%;
        }
        &:nth-child(2){ margin-top: 1%; padding-top: 0; }
        &:nth-child(3){ margin-top: 6%; padding-top: 0; }
      }
    }
    .editors-box-right{
      &.i-s7{
        padding: 0 0 0 75px;
        background-color: #FFF;
        &:last-child{ margin-top: 50px; }
      }
      &.i-s5{
        padding: 0;
        text-align: center;
        /*&:nth-child(1){ padding: 0;} ??*/
      }
    }
    /*.idealaw-box-left:nth-child(1){
        padding: 0 0 0 75px;
        background-color: #fff;
    }*/
 /*   .idealaw-box-left:nth-child(2){*/
      /*padding: 0 0 0 75px;
      background-color: #fff;*/
  /*    margin-top: 35px;
    }
    .idealaw-box-left:nth-child(3){*/
      /*padding: 0 0 0 75px;
      background-color: #fff;*/
     /* margin-top: 12px;
    }*/
   /* .idealaw-box-right{
      padding: 0 0 0 75px; 
      background-color: #fff;
      &:last-child{ margin-top: 50px;}
    }*/
  }
  /*@media(max-width: 768px){
      .bg-idealaw-s7{
          display: none;
      }
  }*/
  @media(max-width: 768px){
    .bg-i-s5{
      padding-bottom: 30px;
      background-size: 746px 407px;
      background-position: 175px 0px;
      .col-sm-offset-6{ margin-top: 100px; }
    }
    .editors-box-left{
      &.i-s5{
        &:nth-child(1){ padding-top: 50px; }
        &:nth-child(2){ margin-top: 50px; padding-top: 0; }
        &:nth-child(3){ margin-top: 70px; padding-top: 0; }
      }
    }
  }
}

//the same style project s8
.idea-project-s8{
  padding: 4% 0 0;
  p{ font-size: 16px; line-height: 24px; }
  .bg-ip-s8{
    margin-top: 50px;
    padding-top: 33.99%;
    .bg-nor-cen-con;
    &.i-s8{ background-image: @bg_idealaw_s8; }
    &.p-s8{ background-image: @bg_project_s8; }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ 
      &.i-s8{ background-image: @bg_idealaw_s8_retina; }
      &.p-s8{ background-image: @bg_project_s8_retina; }
    }
  }
  .en_bg-ip-s8{
    &.i-s8{ background-image: @en_bg_idealaw_s8; }
    &.p-s8{ background-image: @en_bg_project_s8;}
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
      &.i-s8{ background-image: @en_bg_idealaw_s8_retina; }
      &.i-s9{ background-image: @en_bg_project_s8_retina; }
    }
  }
}
.idealaw-s9{
  padding: 4% 0;
  .bg-idealaw-s9{
    position: relative;
    padding-bottom: 36.7%; 
    background-image: @bg_idealaw_s9;
    .bg-nor-cen-con;
    margin: 90px 0;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_idealaw_s9_retina; }
    &.en_bg-idealaw-s9{
      background-image: @en_bg_idealaw_s9;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_idealaw_s9_retina; }
    }
  }
  .idealaw-s9-container{ margin-top: 130px; }
  .idealaw-s9-box{
    max-width: 40%;
    display: inline-block;
    vertical-align: top;
    margin: 15px 20px;
    padding: 15px;
    background-color: #f9f9f9;
    box-shadow: 0 0 10px #B0B0B0;
    -webkit-box-shadow: 0 0 10px #B0B0B0;
    -moz-box-shadow: 0 0 10px #B0B0B0;
  }
  span{ font-weight: 300; }
  .box-text{
    display: inline-block;
    max-width: 460px;
    position: absolute;
    &:nth-child(1){
      top: -60px;
      left: 15%;
    }
    &:nth-child(2){
      top: -60px;
      right: 12%;
    }
    &:nth-child(3){
      bottom: -115px;
      left: 50%;
      margin-left: -230px;
    }
  }
  @media(max-width: 1200px){
    .box-text{
      &:nth-child(1){ padding: 0 80px 0 0; top: -80px; }
      &:nth-child(2){ padding: 0 0 0 130px; top: -80px; }
    }
  }
  @media(max-width: 991px){
    .box-text{
      &:nth-child(1){ padding: 0 15px; max-width: 280px; left: 10%; }
      &:nth-child(2){ padding: 0 15px; max-width: 280px; right: 10%; }
      &:nth-child(3){ margin-left: -280px; }
    }
  }
  @media(max-width: 768px){
    .box-text{
      &:nth-child(1){ left: 0; position: relative; max-width: none; }
      &:nth-child(2){ margin-bottom: 25px; left: 0; position: relative; max-width: none; }
      &:nth-child(3){ margin-left: -230px; }
    }
  }
}
.idealaw-s10{
  padding: 4% 0;
  /*h2{ margin-top: 0;}*/
  .bg-idealaw-s10{
    margin-top: 30px;
    padding-bottom: 25.8%;
    background-image: @bg_idealaw_s10;
    .bg-nor-cen-con;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_idealaw_s10_retina; }
    &.en_bg-idealaw-s10{
      background-image: @en_bg_idealaw_s10;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_idealaw_s10_retina; }
    }
  }
}
.idealaw-s11{
  padding: 4% 0;
  /*h2{ margin-top: 0;}*/
  .bg-idealaw-s11{
    margin-top: 30px;
    padding-bottom: 23.3%;
    background-image: @bg_idealaw_s11;
    .bg-nor-cen-con;
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){ background-image: @bg_idealaw_s11_retina; }
    &.en_bg-idealaw-s11{
      background-image: @en_bg_idealaw_s11;
      @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){ background-image: @en_bg_idealaw_s11_retina; }
    }
  }
}
.idealaw-ideaproject-s12{
  padding: 4% 0;
  p{ line-height: 24px; margin-bottom: 25px; }
}


/*.idea-to-project-page{
// .bg-nor-cen-con;
}*/

/* ITDEA TO PROJECT */
/*.ideaproject-s1{
    padding: 4% 0;
    overflow: hidden;
    big{ font-size: 23px; font-weight: bold; color: #333;}
    .bg-ideaproject-s1-idea{
        margin: 8.9% 0;
        padding-bottom: 37.5%;
        background-image: @bg_ideaproject_s1_idea;
        .bg-nor-cen-con;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s1_idea_retina; }
    }
    .en_bg-ideaproject-s1-idea{
        background-image: @en_bg_ideaproject_s1_idea;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s1_idea_retina; }
    }
    .bg-ideaproject-s1-project:before{
        content: " ";
        background-image: @green_arrow;
        .bg-nor-cen-con;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @green_arrow_retina; }
    }
    .bg-ideaproject-s1-project:after{
        content: " ";
        background-image: @green_arrow;
        .bg-nor-cen-con;
        display: inline-block;
        position: absolute;
        top: 50%;
        right: -25px;
        margin-top: -25px;
        width: 50px;
        height: 50px;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @green_arrow_retina; }
    }
    .bg-ideaproject-s1-project{
        padding-bottom: 55.5%;
        background-image: @bg_ideaproject_s1_project;
        .bg-nor-cen-con;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s1_project_retina; }
    }
    .en_bg-ideaproject-s1-project{
        background-image: @en_bg_ideaproject_s1_project;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s1_project_retina; }
    }
    .bg-ideaproject-s1-finish{
        padding-bottom: 55%;
        background-image: @bg_ideaproject_s1_finish;
        .bg-nor-cen-con;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s1_finish_retina; }
    }
    @media(max-width: 768px){
        .bg-ideaproject-s1-idea-768{
            padding-bottom: 19.1%;
            background-image: @bg_ideaproject_s1_idea;
            .bg-nor-cen-con;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @bg_ideaproject_s1_idea_retina; }
        }
        .en_bg-ideaproject-s1-idea-768{
            background-image: @en_bg_ideaproject_s1_idea;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s1_idea_retina; }
        }
        .bg-ideaproject-s1-project-768{
            padding-bottom: 28.2%;
            background-image: @bg_ideaproject_s1_project;
            .bg-nor-cen-con;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @bg_ideaproject_s1_project_retina; }
        }
        .en_bg-ideaproject-s1-project-768{
            background-image: @en_bg_ideaproject_s1_project;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s1_project_retina; }
        }
        .bg-ideaproject-s1-finish-768{
            padding-bottom: 28%;
            background-image: @bg_ideaproject_s1_finish;
            .bg-nor-cen-con;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @bg_ideaproject_s1_finish_retina; }
        }
    }
}*/
/*
.ideaproject-s2{
    padding: 4% 0;
    .bg-ideaproject-s2{
        margin-top: 50px;
        background-image: @bg_ideaproject_s2;
        .bg-nor-cen-con;
        background-position: 35% 0;
        background-size: 640px 269px;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s2_retina; }
        @media(max-width: 1200px){ background-position: 22% 0; }
        @media(max-width: 991px){ background-position: -65% 0; }
        @media(max-width: 768px){
            margin-top: 30px;
            padding-top:  399px;
            background-image: @bg_ideaproject_s2_mini;
            background-position: center top;
            background-size: 322px 399px;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @bg_ideaproject_s2_mini_retina; }
        }
    }
    .en_bg-ideaproject-s2{
        background-image: @en_bg_ideaproject_s2;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s2_retina; }
        @media(max-width: 768px){
            background-image: @en_bg_ideaproject_s2_mini;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s2_mini_retina; }
        }
    }
    .box-text{
        text-align: left;
        max-width: 350px;
        padding-left: 0;
        margin-top: 40px;
        @media(max-width: 768px){
            max-width: none;
            padding-left: 15px;
            margin-top: 10px;
        }
        h3{
            margin-top: 0;
            color: #515e6e;
            font-size: 28px;
            font-weight: bold;
        }
        .author{
            margin-bottom: 10px;
            .author-avatar{
                background-image: @idealaw_editor1;
                display: inline-block;
                width: 30px;
                height: 30px;
                .bg-nor-cen-con;
                vertical-align: middle;
                margin-right: 10px;
                @media
                (-webkit-min-device-pixel-ratio: 2),
                (min-resolution: 192dpi){ background-image: @idealaw_editor1_retina; }
            }
            a{
                line-height: 24px;
                font-size: 14px;
                text-decoration: none;
                color: #0083bf;
            }
            span{
                font-size: 12px;
                line-height: 24px;
                color: #666;
            }
        }
    }
}*/

/*.ideaproject-s3{
    padding: 4% 0;
    .bg-ideaproject-s3{
        margin-top: 40px;
        padding-bottom: 10.8%;
        background-image: @bg_ideaproject_s3;
        .bg-nor-cen-con;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s3_retina; }
        @media(max-width: 991px){ padding-bottom: 13.8%; }
        @media(max-width: 768px){ background: none; }
    }
    .en_bg-ideaproject-s3{
        background-image: @en_bg_ideaproject_s3;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s3_retina; }
    }
    .box-text{
        max-width: 425px;
        margin-left: 13%;
        @media(max-width: 1200px){ margin-left: 7%; }
        @media(max-width: 991px){ margin-left: -2%; }
        @media(max-width: 768px){
            margin-left: auto;
            margin-right: auto;
            .bg-nor-cen-con;
            background-position: center bottom;
        }
    }
    .box-text:first-child{
        @media(max-width: 768px){
            padding-bottom: 60px;
            background-image: @bg_ideaproject_s3_top_mini;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @bg_ideaproject_s3_top_mini_retina; }
        }
    }
    .box-text:last-child{
        padding-top: 6%;
        @media(max-width: 768px){
            padding-top: 0;
            padding-bottom: 105px;
            background-image: @bg_ideaproject_s3_bottom_mini;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @bg_ideaproject_s3_bottom_mini_retina; }
        }
    }
    .en_box-text{
        max-width: 425px;
        margin-left: 13%;
        @media(max-width: 1200px){ margin-left: 7%; }
        @media(max-width: 991px){ margin-left: -2%; }
        @media(max-width: 768px){
            margin-left: auto;
            margin-right: auto;
            .bg-nor-cen-con;
            background-position: center bottom;
        }
    }
    .en_box-text:first-child{
        @media(max-width: 768px){
            padding-bottom: 60px;
            background-image: @en_bg_ideaproject_s3_top_mini;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s3_top_mini_retina; }
        }
    }
    .en_box-text:last-child{
        padding-top: 6%;
        @media(max-width: 768px){
            padding-top: 0;
            padding-bottom: 105px;
            background-image: @en_bg_ideaproject_s3_bottom_mini;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s3_bottom_mini_retina; }
        }
    }
}*/
/*.ideaproject-s4{
    padding: 4% 0;
    .row{ margin-top: 30px;}
    .bg-ideaproject-s4{
        padding-bottom: 69%;
        background-image: @bg_ideaproject_s4;
        .bg-nor-cen-con;
        background-position: 100% 50%;
        margin-right: -15px;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s4_retina; }
    }
    .en_bg-ideaproject-s4{
        background-image: @en_bg_ideaproject_s4;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s4_retina; }
    }
    .box-text{
        text-align: left;
        max-width: 380px;
        padding-top: 18%;
    }
    @media(max-width: 768px){
        .box-text{
            padding-top: 0;
            margin: 0 auto;
            text-align: center;
        }
    }
}*/
/*.ideaproject-s5{
    padding: 4% 0;
    .col-sm-6{ margin-top: 25px; }
    .bg-ideaproject-s5-left{
        padding-bottom: 64.5%;
        background-image: @bg_ideaproject_s5_left;
        .bg-nor-cen-con;
       @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s5_left_retina; }
    }
    .en_bg-ideaproject-s5-left{
        background-image: @en_bg_ideaproject_s5_left;
       @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s5_left_retina; }
    }
    .bg-ideaproject-s5-right{
        padding-bottom: 64.5%;
        background-image: @bg_ideaproject_s5_right;
        .bg-nor-cen-con;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s5_right_retina; }
    }
    .en_bg-ideaproject-s5-right{
        background-image: @en_bg_ideaproject_s5_right;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s5_right_retina; }
    }
    @media(max-width: 768px){
        .bg-ideaproject-s5-left,
        .bg-ideaproject-s5-right{
            padding-bottom: 45.5%;
        }
    }
}*/
.ideaproject-s6{
    padding: 4% 0;
    /*h2{ margin-top: 0; }*/
    .bg-ideaproject-s6{
        padding-bottom: 44.5%;
        margin-top: 30px;
        background-image: @bg_ideaproject_s6;
        .bg-nor-cen-con;
        background-position: 60% 50%;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s6_retina; }
    }
    .en_bg-ideaproject-s6{
        background-image: @en_bg_ideaproject_s6;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s6_retina; }
    }
    .box-text{
        padding-top: 10%;
        padding-right: 30px;
    }
    @media(max-width: 1200px){
        .bg-ideaproject-s6{
            padding-bottom: 53.9%;
            background-position: 100% 50%;
        }
        .box-text:nth-child(1){ padding-top: 14% }
        .box-text:nth-child(2){ padding-top: 4%; }
        .box-text:nth-child(3){ padding-top: 0%; }
    }
    @media(max-width: 991px){
        .bg-ideaproject-s6{
            padding-bottom: 70.4%;
            background-position: 154px 50%;
        }
        .col-sm-4.col-sm-offset-1{
            margin-left: 0;
            padding-right: 0;
            width: 50%;
        }
        .box-text:nth-child(1){ padding-top: 12.5%; }
        .box-text:nth-child(2){ padding-top: 9.5%; }
        .box-text:nth-child(3){ padding-top: 8%; }
    }
    @media(max-width: 768px){
        .bg-ideaproject-s6{
            background: none;
            padding: 0;
        }
        .col-sm-4.col-sm-offset-1{
            width: 100%;
            padding-right: 15px;
            text-align: center;
        }
        .box-text:nth-child(1),
        .box-text:nth-child(2),
        .box-text:nth-child(3){ padding-top: 0; }
        .bg-ideaproject-s6-top-768{
            padding-bottom: 35.5%;
            background-image: @bg_ideaproject_s6_top_mini;
            .bg-nor-cen-con;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @bg_ideaproject_s6_top_mini_retina; }
        }
        .en_bg-ideaproject-s6-top-768{
            background-image: @en_bg_ideaproject_s6_top_mini;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s6_top_mini_retina; }
        }
        .bg-ideaproject-s6-middle-768{
            padding-bottom: 33%;
            margin-top: 30px;
            background-image: @bg_ideaproject_s6_middle_mini;
            .bg-nor-cen-con;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @bg_ideaproject_s6_middle_mini_retina; }
        }
        .en_bg-ideaproject-s6-middle-768{
            background-image: @en_bg_ideaproject_s6_middle_mini;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s6_middle_mini_retina; }
        }
        .bg-ideaproject-s6-bottom-768{
            padding-bottom: 20.1%;
            margin-top: 30px;
            background-image: @bg_ideaproject_s6_bottom_mini;
            .bg-nor-cen-con;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @bg_ideaproject_s6_bottom_mini_retina; }
        }
        .en_bg-ideaproject-s6-bottom-768{
            background-image: @en_bg_ideaproject_s6_bottom_mini;
            @media
            (-webkit-min-device-pixel-ratio: 2),
            (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s6_bottom_mini_retina; }
        }
    }
}
.ideaproject-s7{
    padding: 4% 0;
    /*h2{ margin-top: 0; }*/
    .bg-ideaproject-s7-top{
        padding-bottom: 20.9%;
        margin-top: 30px;
        background-image: @bg_ideaproject_s7_top;
        .bg-nor-cen-con;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s7_top_retina; }
    }
    .en_bg-ideaproject-s7-top{
        background-image: @en_bg_ideaproject_s7_top;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @en_bg_ideaproject_s7_top_retina; }
    }
    .bg-ideaproject-s7-arrow{
        -webkit-transform: rotate(90deg);
        -moz-transform:    rotate(90deg);
        -ms-transform:     rotate(90deg);
        transform:         rotate(90deg);
        display: inline-block;
        width: 50px;
        height: 53px;
        margin: 20px 0 15px;
        background-image: @green_arrow;
        .bg-nor-cen-con;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @green_arrow_retina; }

    }
    .bg-ideaproject-s7-bottom{
        padding-bottom: 30.5%;
        background-image: @bg_ideaproject_s7_bottom;
        .bg-nor-cen-con;
        @media
        (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){ background-image: @bg_ideaproject_s7_bottom_retina; }
    }
}
/*.ideaproject-s8{
    padding: 4% 0;
    p{ line-height: 24px; margin-bottom: 25px; }
}*/
/*
# About us Two
*//*
.about-us-two-container {
	width: 100%;
	height: 1800px;
    background-image: url(https://civilhub.org/media/filer_public/b5/1d/b51d0337-2d0c-4b50-af56-c5685c2359d8/bg.jpg);
    & a {
      color: white;
      font-size: 18px;
    }
    & a:hover {
      color: #0083fb;
    }
}
.about-us-two-wrapper {
	position: absolute;
	width: 100%;
	height: 1800px;
	background-position: bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left bottom;
    background-image: url(https://civilhub.org/media/filer_public/66/f7/66f715de-d3ef-41cd-bd39-d7183fd6de53/items_down.png);
    @media
    (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
        background-image: url(https://civilhub.org/media/filer_public/c5/b1/c5b106ec-cab6-4531-8ffe-013347f42c08/items_down2x.png);
    }
}
.sketchbook-left {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: 25% auto;
    background-image: url(https://civilhub.org/media/filer_public/f8/3e/f83e323d-2962-493d-9099-f4b17229c3f7/sketchbook-left.png);
    @media
    (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
        background-image: url(https://civilhub.org/media/filer_public/b3/72/b372e15c-38ff-45d7-af70-d450a52ce78c/sketchbook-left2x.png);
    }
}
.ipad-right {
	position: absolute;
	background-position: right top;
	right: 0;
	top: 12%;
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: 19% auto;
    background-image: url(https://civilhub.org/media/filer_public/f2/28/f228613c-c7f9-4caf-8c31-28e264a37f6f/ipad-right.png);
    @media
    (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
        background-image: url(https://civilhub.org/media/filer_public/d5/10/d5107395-7a1a-4aa7-a1c6-b0ee8606bf49/ipad-right2x.png);
    }
}
.about-us-text {
	line-height: 30px;
	margin-top: 80px;
	color: white;
}
.about-us-text h1 {
    color: white;
    font-size: 40px;
    margin-bottom: 20px;
}
.about-us-text p {
    font-size: 18px;
}
@media screen and (max-width: 1600px){
	.about-us-two-container {
		height: 1620px;
	}
	.about-us-two-wrapper  {
		height: 1620px;
	}
}
@media screen and (max-width: 1400px){
	.about-us-two-container {
		height: 1420px;
	}
	.about-us-two-wrapper {
		height: 1420px;
	}
}
@media screen and (max-width: 767px){
	.sketchbook-left {
		display: none;
	}
	.ipad-right {
		display: none;
	}
	.about-us-two-container {
		height: 1220px;
	}
	.about-us-two-wrapper {
		height: 1220px;
	}
}*/
/*
# Open Source
*/
/*.open-source-wrapper {
    background: #0f4067;
    color: white;
    padding: 40px;
    margin-bottom: 40px;
}
.open-source-wrapper h1 {
    color: white;
    font-size: 40px;
    margin-bottom: 20px;
}
.open-source-wrapper p {
    font-size: 18px;
    line-height: 30px;
}
.open-source-img {
    background-image: url(https://civilhub.org/media/filer_public/a8/31/a8311304-a6fc-41b9-b681-e9cabd58c2b4/open-source-img-fix.png);
    background-size: 100%;
    width: 100%;
    height: 300px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-top: 30px;
    @media
    (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi){
        background-image: url(https://civilhub.org/media/filer_public/69/a0/69a033c5-9077-41aa-a5f6-6056652fd1c0/open-source-img-fix-2x.png);
    }
}
.open-source-img-outer {
    text-align: center;
}
@media screen and (max-width: 1199px){
    .open-source-img {
        height: 250px;
        margin-top: 80px;
    }
}*/
/*
# History Timeline
*/
/*.history-timeline-container {
    margin-top: 80px;

    .no_h2 {
        margin-top: 20px;
    }
    .history_box {
        width: 45%;
        border: 1px solid #bfbfbf;
        border-radius: 4px;
    }
    .history_txt {
        padding: 0 20px 20px 20px;
    }
    .history_box::before {
        content: "";
        position: absolute;
        width: 59px;
        height: 4px;
        left: 45%;
        top: 50%;
        background: #0083fb;
    }
     //circle
    .circle_before::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        margin-left: -8px;
        margin-top: -7px;
        display: block;
        background: rgb(251, 251, 251);
        border: 5px solid #0083fb;
        border-radius: 100px;
        z-index: 10;
    }
    .history_box_right {
        position: relative;
        width: 45%;
        left:55%;
        border: 1px solid #bfbfbf;
        border-radius: 4px;
    }
    .circle_before_right::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 20px;
        height: 20px;
        margin-left: -67px;
        margin-top: -7px;
        display: block;
        background: rgb(251, 251, 251);
        border: 5px solid #0083fb;
        border-radius: 100px;
        z-index: 10;
    }
    .history_box_right::after {
        content: "";
        position: absolute;
        left:-59px;
        top: 50%;
        width: 59px;
        height: 4px;
        background: #0083fb;
    }
    .history_img {
        height:200px;
        border-bottom: 1px solid #bfbfbf;
        background-size: cover;

    }
    .timeline_year_outer {
        text-align: center;
    }
    .timeline_year {
        font-size: 32px;
        color: white;
        font-weight: bold;
        position: relative;
        padding: 10px 20px;
        background: #0083fb;
        display: inline-block;
        border-radius: 4px;
    }
    .timeline_month {
        font-size: 22px;
        color: white;
        position: relative;
        padding: 5px 15px;
        background: #0083fb;
        display: inline-block;
        border-radius: 4px;
    }
    .year-month-separator {
        width: 4px;
        height: 20px;
        margin-left: 4px;
        margin-bottom: -5px;
        background: #0083fb;
        display: inline-block;
    }
    .timeline-container {
        position: relative;
        margin: 0;
        padding-bottom: 20px
    }
    .timeline-container::before {
        content: "";
        position: absolute;
        width: 4px;
        height: 100%;
        left: 50%;
        margin-left: auto;
        background: #0083fb;
    }
    //media queries 
    @media only screen and (min-width : 992px) and (max-width : 1200px) {
        .circle_before_right::before {
            margin-left: -58px;
        }
        .history_box_right::after {
            width: 49px;
            left:-49px;
        }
    }
    @media only screen and (min-width : 768px) and (max-width : 991px) {
        .history_box::before {
            width: 49px;
        }
        .circle_before_right::before {
            margin-left: -47px;
        }
        .history_box_right::after {
            width: 38px;
            left:-38px;
        }
    }
    //one line
    @media only screen and (max-width : 767px) {
        
        .timeline_year_outer {
            text-align: right;
        }
        .timeline-container::before {
            right: 0;
            margin-right: 20px
        }
        .year-month-separator {
            margin-right: 20px;
        }
        .history_box {
            width: 85%;
        }
        .history_box::before {
            width: 11%;
            left: 85%;
        }
        .circle_before::before {
            left: 100%;
            margin-left: -31px;
        }
        .history_box_right {
            position: static;
            left: 0;
            width: 85%
        }
        .history_box_right::after {
            display: none;
        }
        .history_box_right::before {
            content: "";
            position: absolute;
            left: 85%;
            top: 50%;
            width: 11%;
            height: 4px;
            background: #0083fb;
        }
        .circle_before_right::before {
            right:0;
            margin-right: 11px;
        }
    }
    //images
    .kwiecien_2015 { background-image: url(https://civilhub.org/media/filer_public/14/7a/147ac3e2-8e53-481e-a5cd-9f1f1f586a0a/img2.jpg); }
    .marzec_2015 { background-image: url(https://civilhub.org/media/filer_public/85/54/8554522a-f5c9-4301-aa49-32c3cfa34904/img1.jpg); }
    .luty_2015 { background-image: url(https://civilhub.org/media/filer_public/7f/67/7f671a98-5391-419e-aef5-c3e97dfa6bc3/img3.jpg); }
    .styczen_2015 { background-image: url(https://civilhub.org/media/filer_public/e8/a5/e8a5acf8-1d18-4333-b97d-1da5e51fc8e4/img4.jpg); }
    .pazdziernik_2014 { background-image: url(https://civilhub.org/media/filer_public/d4/11/d41177dd-2da3-4434-a8e8-fe0bd910a7c9/img5.jpg); }
    .wrzesien_2014 { background-image: url(https://civilhub.org/media/filer_public/8a/e6/8ae6af68-bf6c-4793-b0b4-5237e778c20b/img6.jpg); }
    .czerwiec_2014 { background-image: url(https://civilhub.org/media/filer_public/d4/53/d45339a2-4905-4764-a086-608e895d1501/img7.jpg); }
    .maj_2014 { background-image: url(https://civilhub.org/media/filer_public/72/5d/725d3411-e492-4b37-a443-1af127735e98/img8.jpg); }
    .kwiecien_2014 { background-image: url(https://civilhub.org/media/filer_public/b7/52/b752a56e-acb0-4181-b21e-40c0fba9aaca/img9.jpg); }
    .styczen_2014 { background-image: url(https://civilhub.org/media/filer_public/64/f0/64f06795-d98c-435c-8827-4a73e59fc869/img10.jpg); }
    ._2013 { background-image: url(https://civilhub.org/media/filer_public/26/f4/26f4a1c9-28c3-4196-ba06-6000c90934ca/img11.jpg); }
    ._2012 { background-image: url(https://civilhub.org/media/filer_public/ca/04/ca040384-dea0-413c-84be-37c4a650e088/img12.jpg); }
    .czerwiec_2011 { background-image: url(https://civilhub.org/media/filer_public/92/ad/92adfa5e-daa5-4260-a2d1-0f9fb67d04ec/img13.jpg); }
    ._2010 { background-image: url(https://civilhub.org/media/filer_public/00/74/0074ba28-fdb8-4ba9-8ce0-81f9aeb10c11/img14.jpg); }
    .pazdziernik_2009 { background-image: url(https://civilhub.org/media/filer_public/3e/d0/3ed0820c-a727-4bb4-b830-cdaaa6800a17/img15.jpg); }
    .wrzesien_2009 { background-image: url(https://civilhub.org/media/filer_public/c7/09/c709c549-1147-4ef8-8bce-65021720de2c/img15_5.jpg); }
    .czerwiec_2009 { background-image: url(https://civilhub.org/media/filer_public/e4/65/e4656efa-4268-4d95-a390-85f93688b843/img16.jpg); }
    .maj_2009 { background-image: url(https://civilhub.org/media/filer_public/23/26/2326355e-a284-49d7-bfe6-024a7e33e3c6/img17.jpg); }
    //img retina
    @media 
    (-webkit-min-device-pixel-ratio: 2), 
    (min-resolution: 192dpi) { 
        .kwiecien_2015 { background-image: url(https://civilhub.org/media/filer_public/62/c7/62c7e291-7812-4e90-98bf-c623cbf34105/img22x.jpg); }
        .marzec_2015 { background-image: url(https://civilhub.org/media/filer_public/66/2a/662a5403-bdb3-49c4-8d32-6ae6d31ea41e/img12x.jpg); }
        .luty_2015 { background-image: url(https://civilhub.org/media/filer_public/9a/c0/9ac01ff8-a03f-4560-840a-dbf940237176/img32x.jpg); }
        .styczen_2015 { background-image: url(https://civilhub.org/media/filer_public/1f/7a/1f7a2166-bc13-4101-8148-f25abb15df77/img42x.jpg); }
        .pazdziernik_2014 { background-image: url(https://civilhub.org/media/filer_public/a3/df/a3df39c6-695c-4e0b-81e9-67db56ee1986/img52x.jpg); }
        .wrzesien_2014 { background-image: url(https://civilhub.org/media/filer_public/61/e2/61e24104-4fca-4f66-a4df-5e682160cad0/img62x.jpg); }
        .czerwiec_2014 { background-image: url(https://civilhub.org/media/filer_public/c8/35/c835d332-1a9b-4b67-80f3-95a773965f42/img72x.jpg); }
        .maj_2014 { background-image: url(https://civilhub.org/media/filer_public/cc/5a/cc5a0476-c7fd-49b9-b89d-9a669b783848/img82x.jpg); }
        .kwiecien_2014 { background-image: url(https://civilhub.org/media/filer_public/45/f9/45f90353-3a25-49ed-8417-cc73d1f4a157/img92x.jpg); }
        .styczen_2014 { background-image: url(https://civilhub.org/media/filer_public/c5/f9/c5f9a948-9ee4-45f2-8c6b-bb42dca8de0f/img102x.jpg); }
        ._2013 { background-image: url(https://civilhub.org/media/filer_public/87/6f/876f1104-828f-4ad8-a1ff-6f13cf8cef0e/img112x.jpg); }
        ._2012 { background-image: url(https://civilhub.org/media/filer_public/bb/12/bb12b946-341e-4966-a3d5-5aababaaa886/img122x.jpg); }
        .czerwiec_2011 { background-image: url(https://civilhub.org/media/filer_public/9c/ff/9cffac11-35ae-4de4-a16f-d73f15cef249/img132x.jpg); }
        ._2010 { background-image: url(https://civilhub.org/media/filer_public/c0/c1/c0c1a6e9-a6ff-4aa0-8ae9-5f3971afd3ce/img142x.jpg); }
        .pazdziernik_2009 { background-image: url(https://civilhub.org/media/filer_public/98/d7/98d766eb-7035-4106-ba7b-a8f9cd7329d1/img152x.jpg); }
        .wrzesien_2009 { background-image: url(https://civilhub.org/media/filer_public/f6/9f/f69fee95-e5ee-47d7-aa6e-c35e533b60b8/img15_52x.jpg); }
        .czerwiec_2009 { background-image: url(https://civilhub.org/media/filer_public/d7/58/d758f67c-3892-4b44-9940-71487b1175fc/img162x.jpg); }
        .maj_2009 { background-image: url(https://civilhub.org/media/filer_public/c5/30/c530d969-0cb8-4221-a799-e799df3e0519/img172x.jpg); }
    }
    //img media queries
    @media only screen and (min-width : 992px) and (max-width : 1200px) {
        .history_img {
            height: 164px;
        }
    }
    @media only screen and (min-width : 768px) and (max-width : 991px) {
            .history_img {
            height: 136px;
        }
    }
}*/

/*
# Licence Page
*//*
.headerLicence {
    background-image: url('../img/licence/licence_bg.jpg');
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi){
        background-image: url('../img/licence/licence_bg@2x.jpg');
    }
}

.licence-static-page {
  h2 {
    font-size: 24px;
    font-weight: bold;
  } }*///zamykam #
    /*.licence_free_to {
        h2 {
            color: #84bd00;
        }
    } add class*/
/*.licence_you_must {*/
  /*h2 {
      color: #c20001;
  }*/
  /*.licence_li_row {
      margin-top: 20px;
      margin-left: 10px;
  }
  .licence_img {
      margin-right: 15px;
      height: 80px;
      width: 80px; background-size: contain;*/
      /*display: inline-block;
      float: left;*/
  /*}
  .licence_li_text {
      width: 80%;*/
      /*float: left;
      padding-top: 20px;
      display: inline-block;*/
  /*}
  .cc_img {
      .licence_img;
      background-image: url('../img/licence/cc.png');*/
      /*background-size: contain;*/
     /* @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
          background-image: url('../img/licence/cc@2x.png');
      }
  }
  .by_img {
      .licence_img;
      background-image: url('../img/licence/by.png');*/
      /*background-size: contain;*/
     /* @media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
          background-image: url('../img/licence/by@2x.png');
      }
  }
  .nc_img {
      .licence_img;
      background-image: url('../img/licence/nc.png');*/
      /*background-size: contain;*/
      /*@media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
          background-image: url('../img/licence/nc@2x.png');
      }
  }
  .sa_img {
      .licence_img;
      background-image: url('../img/licence/sa.png');*/
      /*background-size: contain;*/
      /*@media
      (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 192dpi){
          background-image: url('../img/licence/sa@2x.png');
      }
  }
}*/
/*.licence_final_notes {
    margin-bottom: 20px;
} add class*/
//}zamykam #
