html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/RobotoRegular/RobotoRegular.eot");
  src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"), url("../fonts/RobotoRegular/RobotoRegular.svg#RobotoRegular") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Regular/ProximaNova-Regular.eot");
  src: url("../fonts/ProximaNova-Regular/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular/ProximaNova-Regular.ttf") format("truetype"), url("../fonts/ProximaNova-Regular/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "ProximaNova-Light";
  src: url("../fonts/ProximaNova-Light/ProximaNova-Light.eot");
  src: url("../fonts/ProximaNova-Light/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light/ProximaNova-Light.ttf") format("truetype"), url("../fonts/ProximaNova-Light/ProximaNova-Light.svg#ProximaNova-Light") format("svg");
  font-style: normal;
  font-weight: normal; }

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

@font-face {
  font-family: "ProximaNova-Black";
  src: url("../fonts/ProximaNova-Black/ProximaNova-Black.eot");
  src: url("../fonts/ProximaNova-Black/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Black/ProximaNova-Black.woff") format("woff"), url("../fonts/ProximaNova-Black/ProximaNova-Black.ttf") format("truetype"), url("../fonts/ProximaNova-Black/ProximaNova-Black.svg#ProximaNova-Black") format("svg");
  font-style: normal;
  font-weight: normal; }

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

@font-face {
  font-family: "GothamProM";
  src: url("../fonts/GothamPro-Medium/GothamPro-Medium.eot");
  src: url("../fonts/GothamPro-Medium/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Medium/GothamPro-Medium.woff") format("woff"), url("../fonts/GothamPro-Medium/GothamPro-Medium.ttf") format("truetype"), url("../fonts/GothamPro-Medium/GothamPro-Medium.svg#GothamPro-Medium") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "GothamProB";
  src: url("../fonts/GothamPro-Bold/GothamPro-Bold.eot");
  src: url("../fonts/GothamPro-Bold/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Bold/GothamPro-Bold.woff") format("woff"), url("../fonts/GothamPro-Bold/GothamPro-Bold.ttf") format("truetype"), url("../fonts/GothamPro-Bold/GothamPro-Bold.svg#GothamPro-Bold") format("svg");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "GothamProBlack";
  src: url("../fonts/GothamPro-Black/GothamPro-Black.eot");
  src: url("../fonts/GothamPro-Black/GothamPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Black/GothamPro-Black.woff") format("woff"), url("../fonts/GothamPro-Black/GothamPro-Black.ttf") format("truetype"), url("../fonts/GothamPro-Black/GothamPro-Black.svg#GothamPro-Black") format("svg");
  font-style: normal;
  font-weight: normal; }

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

@font-face {
  font-family: "GothamPro-Light";
  src: url("../fonts/GothamPro-Light/GothamPro-Light.eot");
  src: url("../fonts/GothamPro-Light/GothamPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Light/GothamPro-Light.woff") format("woff"), url("../fonts/GothamPro-Light/GothamPro-Light.ttf") format("truetype"), url("../fonts/GothamPro-Light/GothamPro-Light.svg#GothamPro-Light") format("svg");
  font-style: normal;
  font-weight: normal; }

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

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

@font-face {
  font-family: "MinionPro-MediumIt";
  src: url("../fonts/MinionPro-MediumIt/MinionPro-MediumIt.eot");
  src: url("../fonts/MinionPro-MediumIt/MinionPro-MediumIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MinionPro-MediumIt/MinionPro-MediumIt.woff") format("woff"), url("../fonts/MinionPro-MediumIt/MinionPro-MediumIt.ttf") format("truetype"), url("../fonts/MinionPro-MediumIt/MinionPro-MediumIt.svg#MinionPro-MediumIt") format("svg");
  font-style: normal;
  font-weight: normal; }

* {
  -webkit-transition: all .3s;
  transition: all .3s; }
  *:hover {
    -webkit-transition: all .3s;
    transition: all .3s; }
  *:focus {
    outline: none; }

body {
  min-width: 320px;
  position: relative;
  font: 16px/1 "ProximaNova", sans-serif;
  overflow-x: hidden;
  background: #fff;
  -webkit-transition: width,overflow 0s;
  transition: width,overflow 0s; }
  body:hover {
    -webkit-transition: width,overflow 0s;
    transition: width,overflow 0s; }

.video-responsive {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  margin: 0px auto;
  width: 100%; }
  .video-responsive iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.table-responsive {
  max-width: 100%;
  overflow: auto; }

.navbar {
  position: fixed !important;
  background: #20202a !important;
  z-index: 9998; }
  .navbar .mobile_btn {
    display: block;
    background: #ff4f11;
    border: none;
    padding: 17px 30px;
    position: absolute;
    top: 0;
    left: 0; }

.drawermenu {
  z-index: 9999 !important; }
  .drawermenu ul {
    background: #20202a !important; }
    .drawermenu ul a {
      background: #20202a !important;
      font: 2.1em/2.3em "ProximaNova", sans-serif;
      color: #fff; }
    .drawermenu ul .drawermenu-close {
      display: block;
      width: 100%;
      font: 2.1em/1.47em "ProximaNova", sans-serif;
      text-align: right;
      color: white;
      padding-right: 20px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.btn {
  display: block;
  font: 1.25em/1em "BebasNeueBold", sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: white;
  padding: 15px;
  background: #ff4f11;
  border: none;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  position: relative;
  z-index: 99; }
  .btn:active {
    background: #777777; }
  .btn:hover {
    background: #e9a400; }

.title {
  font: 3em/1em "BebasNeueBold", sans-serif;
  text-transform: uppercase;
  color: white;
  position: relative; }
  .title.center {
    text-align: center; }
  .title.orange {
    color: #ff4f11; }
  .title.black {
    color: black; }
  .title span {
    color: #ff4f11; }

#messangers {
  position: fixed;
  top: 120px;
  right: 0;
  z-index: 777;
  display: block;
  width: 45px;
  padding: 7px 0 7px 5px;
  -webkit-border-top-left-radius: 20px;
          border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
          border-bottom-left-radius: 20px;
  height: 150px;
  background: white; }
  #messangers li {
    display: block; }
    #messangers li a {
      display: block;
      margin-bottom: 5px; }
      #messangers li a.telegram {
        fill: #2daadd; }
      #messangers li a.whatsapp {
        fill: #48c658; }
      #messangers li a.skype {
        fill: #00aff0; }
      #messangers li a svg {
        width: 40px;
        height: 40px; }
        #messangers li a svg:hover {
          -webkit-filter: saturate(183%);
                  filter: saturate(183%); }

header {
  position: fixed;
  width: 100%;
  height: auto;
  z-index: 888;
  -webkit-transition: all .25s;
  transition: all .25s; }
  header.slick {
    background: black;
    border-bottom: 1px solid black;
    -webkit-transition: all .25s;
    transition: all .25s; }
    header.slick .header_logo {
      -webkit-transition: all .5s;
      transition: all .5s; }
      header.slick .header_logo img {
        width: 35px;
        -webkit-transition: width .25s;
        transition: width .25s; }
    header.slick .header_menu li a {
      font: 0.9em/3em "GothamPro", sans-serif; }
    header.slick .header_btn {
      display: block;
      width: 100%;
      background: #2e3345;
      padding: 11px 0;
      border: none;
      -webkit-border-radius: 5px;
              border-radius: 5px;
      margin-top: 8px;
      font: 1em/1em "GothamPro", sans-serif; }
    header.slick .header_tel {
      display: block;
      width: 100%;
      -webkit-border-radius: 5px;
              border-radius: 5px;
      margin-top: 2px;
      font: 1em/1em "GothamPro", sans-serif; }
  header .header_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all .25s;
    transition: all .25s; }
    header .header_logo img {
      display: block;
      width: 65px;
      -webkit-transition: width .25s;
      transition: width .25s; }
    header .header_logo span {
      font: 0.9em/1em "GothamPro", sans-serif;
      color: #cacaca;
      padding-left: 10px; }
  header .header_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    header .header_menu li a {
      font: 0.9em/6em "GothamPro", sans-serif;
      color: white; }
      header .header_menu li a:hover {
        color: #ff4f11; }
  header .header_btn {
    display: block;
    width: 100%;
    background: #2e3345;
    padding: 12px 0;
    border: none;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    margin-top: 28px;
    font: 1em/1em "GothamPro", sans-serif;
    text-align: center;
    color: white; }
    header .header_btn:active {
      background: #ff4f11;
      color: white; }
    header .header_btn:hover {
      background: #262b3e; }
  header .header_tel {
    display: block;
    width: 100%;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    margin-top: 8px;
    font: 1em/1em "GothamPro", sans-serif;
    text-align: center;
    color: white; }
    header .header_tel:hover {
      color: #ff4f11; }

#first {
  width: 100%;
  height: auto;
  min-height: 100%;
  padding: 180px 0 0px 0;
  background: url(../img/first_bg-lg.jpg) no-repeat top center/cover grey; }
  #first .title {
    margin-bottom: 40px; }
  #first .first_text1 {
    font: 1.875em/1em "MinionPro-MediumIt", sans-serif;
    color: white;
    margin-bottom: 10px; }
  #first .first_img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }
  #first .first_text2 {
    font: 1.1em/1em "GothamPro", sans-serif;
    color: white;
    margin-bottom: 40px; }
  #first .first_text3 {
    font: 1em/1.3em "GothamPro", sans-serif;
    color: white; }
  #first .first_text31 {
    margin-top: 35px;
    font: 1.5em/1.3em "GothamPro-Italic", sans-serif;
    color: #ff4f11; }
  #first .first_btn {
    display: block;
    width: 100%; }

#firstFooter {
  width: 100%;
  padding: 50px 0 30px 0;
  margin-top: 150px;
  background: rgba(0, 0, 0, 0.5); }
  #firstFooter #owl_logoes {
    display: block;
    width: 100%;
    position: relative; }
    #firstFooter #owl_logoes .owl-item {
      width: 100%; }
      #firstFooter #owl_logoes .owl-item .first_contimg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        min-height: 55px;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        #firstFooter #owl_logoes .owl-item .first_contimg .first_logo {
          -webkit-align-self: center;
              -ms-flex-item-align: center;
                      -ms-grid-row-align: center;
                  align-self: center;
          display: block;
          width: auto;
          margin: 0 auto;
          max-width: 100%; }
  #firstFooter .first_text4 {
    font: 0.9em/1.2em "GothamPro", sans-serif;
    color: white; }

#about {
  width: 100%;
  padding: 60px 0 50px 0; }
  #about .title {
    margin-top: 30px;
    margin-bottom: 35px; }
  #about .about_text1 {
    font: 0.9em/1.75em "GothamPro", sans-serif;
    color: #777777; }

#reasons {
  width: 100%;
  padding: 0px 0 50px 0; }
  #reasons .title {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 90px;
    position: relative; }
    #reasons .title:before {
      content: "7";
      font: 3.5em/1em "BebasNeueBold", sans-serif;
      color: #ff4f11;
      position: absolute;
      top: -20px;
      left: 0; }
  #reasons .reasons_subtitle {
    font: 1.125em/1.5em "GothamPro", sans-serif;
    color: black;
    margin-bottom: 50px;
    padding-left: 90px; }
  #reasons .reasons_img {
    display: block;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-top: -50px; }
  #reasons .reasons_list {
    margin-bottom: 100px; }
    #reasons .reasons_list li {
      font: 0.9em/1.25em "GothamPro", sans-serif;
      color: #777777;
      padding-left: 90px;
      margin-bottom: 30px;
      position: relative; }
      #reasons .reasons_list li:before {
        position: absolute;
        left: 0; }
      #reasons .reasons_list li:last-child {
        margin-bottom: 0px; }
      #reasons .reasons_list li:nth-child(1):before {
        content: url("../img/7reasons/1.png"); }
      #reasons .reasons_list li:nth-child(2):before {
        content: url("../img/7reasons/2.png"); }
      #reasons .reasons_list li:nth-child(3):before {
        content: url("../img/7reasons/3.png"); }
      #reasons .reasons_list li:nth-child(4):before {
        content: url("../img/7reasons/4.png"); }
      #reasons .reasons_list li:nth-child(5):before {
        content: url("../img/7reasons/5.png"); }
      #reasons .reasons_list li:nth-child(6):before {
        content: url("../img/7reasons/6.png"); }
      #reasons .reasons_list li:nth-child(7):before {
        content: url("../img/7reasons/7.png"); }
      #reasons .reasons_list li span, #reasons .reasons_list li a {
        font: 1em/1em "GothamPro-Italic", sans-serif;
        color: black;
        text-decoration: solid #cacaca underline; }

#portfolio {
  width: 100%;
  height: auto;
  background: #e7eff2;
  padding: 50px 0; }
  #portfolio .title {
    text-align: center;
    margin-bottom: 100px; }
  #portfolio .portolio_items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer; }
    #portfolio .portolio_items .portolio_item {
      width: 31%;
      height: auto;
      min-height: 350px;
      padding: 30px;
      -webkit-border-radius: 5px;
              border-radius: 5px;
      margin-bottom: 3%;
      background: green;
      position: relative; }
      #portfolio .portolio_items .portolio_item.Haineken {
        background: #216728; }
      #portfolio .portolio_items .portolio_item.topol {
        background: white; }
      #portfolio .portolio_items .portolio_item.enercom {
        background: #05a1e3; }
      #portfolio .portolio_items .portolio_item.timur {
        background: url(../img/portfolio/timur.jpg) no-repeat top center/cover white; }
      #portfolio .portolio_items .portolio_item.badi {
        background: #f3bd1c; }
      #portfolio .portolio_items .portolio_item.evdokimov {
        background: #6ab686; }
      #portfolio .portolio_items .portolio_item .portfolio_brend {
        font: 0.85em/1.25em "GothamPro", sans-serif;
        color: white;
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 10px; }
        #portfolio .portolio_items .portolio_item .portfolio_brend:before {
          content: "";
          display: block;
          width: 100px;
          height: 1px;
          background: white;
          position: absolute;
          bottom: -5px; }
        #portfolio .portolio_items .portolio_item .portfolio_brend.black {
          color: black; }
          #portfolio .portolio_items .portolio_item .portfolio_brend.black:before {
            content: "";
            background: #e7e7e7; }
      #portfolio .portolio_items .portolio_item .portfolio_number {
        font: 1.25em/1.25em "MinionPro-MediumIt", sans-serif;
        color: white; }
        #portfolio .portolio_items .portolio_item .portfolio_number.black {
          color: black; }
        #portfolio .portolio_items .portolio_item .portfolio_number.textshadow {
          text-shadow: 0px 0px 10px white; }
      #portfolio .portolio_items .portolio_item .portfolio_img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
        margin: 0 auto;
        max-width: 100%; }
        #portfolio .portolio_items .portolio_item .portfolio_img.Haineken {
          margin-top: 20px; }
        #portfolio .portolio_items .portolio_item .portfolio_img.topol {
          margin-top: 20px; }
        #portfolio .portolio_items .portolio_item .portfolio_img.enercom {
          margin-top: 90px; }
        #portfolio .portolio_items .portolio_item .portfolio_img.badi {
          margin-top: 50px; }
        #portfolio .portolio_items .portolio_item .portfolio_img.evdokimov {
          margin-top: 60px; }
      #portfolio .portolio_items .portolio_item .portfolio_link {
        display: none;
        font: 0.9em/1em "GothamPro-Italic", sans-serif;
        color: white;
        position: absolute;
        bottom: 30px;
        left: 30px;
        text-decoration: solid rgba(255, 255, 255, 0.5) underline; }
        #portfolio .portolio_items .portolio_item .portfolio_link.black {
          color: black;
          text-decoration: solid rgba(0, 0, 0, 0.3) underline; }

#helpfull {
  width: 100%;
  height: auto;
  background: white;
  padding: 50px 0; }
  #helpfull .title {
    margin-bottom: 20px; }
  #helpfull .helpfull_subtitle {
    font: 1.125em/1em "GothamPro", sans-serif;
    text-align: center;
    color: #707070;
    margin-bottom: 60px; }
  #helpfull .helpfull_prevcont {
    width: 100%;
    height: auto;
    background: #f5f7f9;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    padding-bottom: 60px; }
    #helpfull .helpfull_prevcont .helpfull_continside {
      width: 100%;
      -webkit-border-radius: 5px;
              border-radius: 5px;
      background: #a2c2e2;
      height: auto;
      padding: 40px 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      #helpfull .helpfull_prevcont .helpfull_continside.bright {
        background: #ff4f11; }
      #helpfull .helpfull_prevcont .helpfull_continside img {
        max-width: 100%;
        -webkit-border-radius: 50%;
                border-radius: 50%; }
    #helpfull .helpfull_prevcont .helpfull_text1 {
      font: 1.125em/1em "ProximaNova-Bold", sans-serif;
      text-align: center;
      color: #272727;
      margin: 30px 0 20px 0; }
    #helpfull .helpfull_prevcont .helpfull_text2 {
      font: 0.875em/1.5em "ProximaNova", sans-serif;
      text-align: center;
      color: #707070;
      min-height: 80px;
      margin-bottom: 20px; }
    #helpfull .helpfull_prevcont .helpfull_btn {
      display: block;
      margin: 0 auto;
      background: #ff4f11;
      border: none;
      padding: 12px 28px 11px;
      -webkit-border-radius: 5px;
              border-radius: 5px;
      font: 1.25em/1em "BebasNeueBold", sans-serif;
      text-align: center;
      color: white; }
      #helpfull .helpfull_prevcont .helpfull_btn:hover {
        background: #e9a400; }
  #helpfull .helpfull_servicecont {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 50px; }
    #helpfull .helpfull_servicecont .helpfull_textcont {
      width: 100%;
      height: auto;
      background: #a2c2e2;
      -webkit-border-radius: 5px;
              border-radius: 5px;
      padding: 20px 30px 80px 30px;
      position: relative;
      z-index: 40; }
      #helpfull .helpfull_servicecont .helpfull_textcont .helpfull_text1 {
        font: 3em/1em "BebasNeueBold", sans-serif;
        text-align: left;
        color: white;
        margin-bottom: 30px;
        position: relative; }
        #helpfull .helpfull_servicecont .helpfull_textcont .helpfull_text1:before {
          content: "";
          display: block;
          width: 120px;
          height: 1px;
          background: white;
          position: absolute;
          bottom: -15px; }
      #helpfull .helpfull_servicecont .helpfull_textcont .helpfull_text2 {
        font: 1em/1.25em "GothamPro-Light", sans-serif;
        text-align: left;
        color: white; }
  #helpfull .table-responsive {
    position: relative;
    z-index: 55;
    margin-top: -50px; }
  #helpfull .helpfull_table {
    width: 90%;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    background: white;
    -webkit-border-radius: 5px;
            border-radius: 5px; }
    #helpfull .helpfull_table tr {
      border-bottom: 1px solid #f2f2f2; }
      #helpfull .helpfull_table tr td {
        vertical-align: middle;
        font: 1em/1.25em "GothamPro-Light", sans-serif;
        padding: 20px 0; }
        #helpfull .helpfull_table tr td:nth-child(1) {
          text-align: left;
          color: #707070;
          padding-left: 20px;
          max-width: 30%; }
        #helpfull .helpfull_table tr td:nth-child(2) {
          font-family: "GothamProM", sans-serif;
          color: #ff4f11;
          text-align: center; }
        #helpfull .helpfull_table tr td:nth-child(3) {
          color: #707070;
          padding-right: 20px;
          text-align: right; }

.modal#modal_standart .modal-content,
.modal#modal_vip .modal-content {
  -webkit-border-radius: 0px;
          border-radius: 0px;
  padding: 0%;
  margin-top: 5%;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  -webkit-border-radius: 9px;
          border-radius: 9px;
  position: relative;
  z-index: 9999;
  -webkit-transition: all 0s;
  transition: all 0s; }

.modal#modal_standart .modal-body,
.modal#modal_vip .modal-body {
  -webkit-transition: all 0s;
  transition: all 0s;
  padding: 0px; }
  .modal#modal_standart .modal-body .close,
  .modal#modal_vip .modal-body .close {
    display: block;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: transparent;
    position: absolute;
    right: 10px;
    top: 10px;
    font: 3em/1em  Ariel;
    color: white;
    border: none;
    opacity: 1;
    z-index: 999; }
    .modal#modal_standart .modal-body .close:hover,
    .modal#modal_vip .modal-body .close:hover {
      opacity: .5; }

.modal#modal_standart .helpfull_servicecont,
.modal#modal_vip .helpfull_servicecont {
  width: 100%;
  height: auto;
  margin-top: 50px; }
  .modal#modal_standart .helpfull_servicecont .helpfull_textcont,
  .modal#modal_vip .helpfull_servicecont .helpfull_textcont {
    width: 100%;
    height: auto;
    background: #a2c2e2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    padding: 20px 30px 80px 30px;
    position: relative;
    z-index: 40; }
    .modal#modal_standart .helpfull_servicecont .helpfull_textcont.bright,
    .modal#modal_vip .helpfull_servicecont .helpfull_textcont.bright {
      background: #ff4f11; }
    .modal#modal_standart .helpfull_servicecont .helpfull_textcont .helpfull_text1,
    .modal#modal_vip .helpfull_servicecont .helpfull_textcont .helpfull_text1 {
      font: 3em/1em "BebasNeueBold", sans-serif;
      text-align: left;
      color: white;
      margin-bottom: 30px;
      position: relative; }
      .modal#modal_standart .helpfull_servicecont .helpfull_textcont .helpfull_text1:before,
      .modal#modal_vip .helpfull_servicecont .helpfull_textcont .helpfull_text1:before {
        content: "";
        display: block;
        width: 120px;
        height: 1px;
        background: white;
        position: absolute;
        bottom: -15px; }
    .modal#modal_standart .helpfull_servicecont .helpfull_textcont .helpfull_text2,
    .modal#modal_vip .helpfull_servicecont .helpfull_textcont .helpfull_text2 {
      font: 1em/1.25em "GothamPro-Light", sans-serif;
      text-align: left;
      color: white; }

.modal#modal_standart .table-responsive,
.modal#modal_vip .table-responsive {
  position: relative;
  z-index: 55;
  margin-top: -50px; }

.modal#modal_standart .helpfull_table,
.modal#modal_vip .helpfull_table {
  width: 90%;
  height: auto;
  min-height: 50px;
  margin: 0 auto;
  background: white;
  -webkit-border-radius: 5px;
          border-radius: 5px; }
  .modal#modal_standart .helpfull_table tr,
  .modal#modal_vip .helpfull_table tr {
    width: 100%;
    border-bottom: 1px solid #f2f2f2; }
    .modal#modal_standart .helpfull_table tr td,
    .modal#modal_vip .helpfull_table tr td {
      vertical-align: middle;
      font: 1em/1.25em "GothamPro-Light", sans-serif;
      padding: 20px 0; }
      .modal#modal_standart .helpfull_table tr td:nth-child(1),
      .modal#modal_vip .helpfull_table tr td:nth-child(1) {
        text-align: left;
        color: #707070;
        padding-left: 20px;
        width: 40%; }
      .modal#modal_standart .helpfull_table tr td:nth-child(2),
      .modal#modal_vip .helpfull_table tr td:nth-child(2) {
        font-family: "GothamProM", sans-serif;
        color: #ff4f11;
        text-align: left;
        padding-left: 10px; }
      .modal#modal_standart .helpfull_table tr td:nth-child(3),
      .modal#modal_vip .helpfull_table tr td:nth-child(3) {
        color: #707070;
        padding-right: 20px;
        text-align: right; }

#storm {
  width: 100%;
  height: auto;
  background: white;
  position: relative; }
  #storm .storm {
    background: #000;
    padding: 50px 0;
    position: relative;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    overflow: hidden; }
    #storm .storm:before {
      content: url(../img/fire.png);
      position: absolute;
      top: 0;
      left: 0%; }
  #storm .storm_text1 {
    font: 0.9em/1em "GothamPro", sans-serif;
    text-align: center;
    color: white;
    margin-bottom: 20px; }
  #storm .title {
    margin-bottom: 80px; }
  #storm .storm_list {
    display: block;
    width: 100%;
    position: relative; }
    #storm .storm_list li {
      margin-bottom: 65px; }
      #storm .storm_list li .step {
        display: inline-block;
        font: 3.125em/1em "BebasNeueBold", sans-serif;
        color: white;
        padding-right: 280px;
        position: relative; }
        #storm .storm_list li .step::first-letter {
          color: #ff4f11; }
        #storm .storm_list li .step:before {
          content: url(../img/storm/1.png);
          position: absolute;
          right: 15%;
          top: -webkit-calc(50% - 36px);
          top: calc(50% - 36px); }
        #storm .storm_list li .step:after {
          content: "";
          display: block;
          width: 1px;
          height: 43px;
          background: rgba(255, 255, 255, 0.2);
          position: absolute;
          right: -webkit-calc(15% + 36px);
          right: calc(15% + 36px);
          top: 62px; }
      #storm .storm_list li .text1 {
        display: inline-block;
        font: 0.9em/1em "GothamPro", sans-serif;
        color: white;
        vertical-align: top;
        width: 50%;
        position: relative;
        top: 8px; }
        #storm .storm_list li .text1.step2 {
          position: relative;
          top: 0px; }
      #storm .storm_list li:last-child .step:after {
        display: none; }
      #storm .storm_list li:nth-child(2) .step:after {
        content: "";
        display: block;
        width: 1px;
        height: 76px; }
    #storm .storm_list li:nth-child(1) .step:before {
      content: url(../img/storm/1.png); }
    #storm .storm_list li:nth-child(2) .step:before {
      content: url(../img/storm/2.png); }
    #storm .storm_list li:nth-child(3) .step:before {
      content: url(../img/storm/3.png); }
    #storm .storm_list li:nth-child(4) .step:before {
      content: url(../img/storm/4.png); }
    #storm .storm_list li:nth-child(5) .step:before {
      content: url(../img/storm/5.png); }
    #storm .storm_list li:nth-child(6) .step:before {
      content: url(../img/storm/6.png); }
    #storm .storm_list li:nth-child(7) .step:before {
      content: url(../img/storm/7.png); }
  #storm .title.two {
    margin-bottom: 30px; }
  #storm .storm_cont {
    width: 100%;
    padding: 25px;
    border: 1px solid white;
    margin-bottom: 30px; }
    #storm .storm_cont .storm_text2 {
      font: 0.9em/1.25em "GothamPro", sans-serif;
      color: white; }
  #storm .storm_text3 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    color: white;
    margin-bottom: 15px; }
  #storm .storm_btn {
    display: block;
    width: 100%;
    padding: 30px 0;
    font: 1.25em/1.25em "BebasNeueBold", sans-serif;
    text-align: center;
    color: white;
    background: #ff4f11;
    border: none;
    -webkit-border-radius: 5px;
            border-radius: 5px; }
    #storm .storm_btn:hover {
      background: #e9a400; }
  #storm .storm_text4 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #ff4f11;
    margin-bottom: 20px; }
  #storm .storm_text5 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    text-align: center;
    color: white; }

#aboutme {
  width: 100%;
  height: auto;
  padding: 70px 0;
  background: white;
  position: relative; }
  #aboutme .title {
    margin-bottom: 80px; }
  #aboutme .aboutme_text1 {
    font: 1.875em/1em "MinionPro-MediumIt", sans-serif;
    color: black;
    margin-bottom: 10px; }
  #aboutme .aboutme_text2 {
    font: 1.25em/1em "GothamPro", sans-serif;
    color: black;
    margin-bottom: 50px; }
  #aboutme .aboutme_list {
    display: block;
    width: 100%;
    background: white;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    padding: 30px 40px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    margin-bottom: -200px;
    position: relative;
    z-index: 7; }
    #aboutme .aboutme_list li {
      font: 0.9em/1.65em "GothamPro", sans-serif;
      color: black;
      padding-left: 25px;
      margin-bottom: 20px;
      position: relative; }
      #aboutme .aboutme_list li:before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #ff4f11;
        position: absolute;
        left: 0;
        top: 0; }
  #aboutme .aboutme_img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: -5px; }
  #aboutme .fotos {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
            border-radius: 5px; }

#numbers {
  width: 100%;
  height: auto;
  padding: 21px 0 60px 0;
  background: black;
  margin-top: -270px;
  overflow: hidden;
  position: relative;
  z-index: 6; }
  #numbers:before {
    content: url(../img/fire.png);
    position: absolute;
    bottom: -50%;
    left: 0;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  #numbers .title {
    margin-top: 70px;
    margin-bottom: 70px; }
  #numbers .num_num {
    font: 3.125em/1em "BebasNeueBold", sans-serif;
    text-align: center;
    color: #ff4f11;
    margin-bottom: 20px; }
  #numbers .num_text1 {
    font: 0.9em/1.5em "GothamPro", sans-serif;
    text-align: center;
    color: white;
    margin-bottom: 30px; }
  #numbers .fotos {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    -webkit-border-radius: 5px;
            border-radius: 5px; }

#reviews {
  width: 100%;
  height: auto;
  padding: 100px 0 50px 0;
  background: #e7eff2;
  position: relative; }
  #reviews .title {
    margin-bottom: 50px; }
  #reviews .owl-carousel {
    margin-bottom: 50px; }
    #reviews .owl-carousel .owl-item {
      width: 100%;
      max-width: 100%;
      cursor: pointer; }
      #reviews .owl-carousel .owl-item .reviews_cont {
        width: 100%;
        max-width: 100%;
        position: relative;
        margin-bottom: 20px;
        -webkit-border-radius: 5px;
                border-radius: 5px; }
        #reviews .owl-carousel .owl-item .reviews_cont:before {
          content: url(../img/play.png);
          position: absolute;
          top: -webkit-calc(50% - 28px);
          top: calc(50% - 28px);
          left: -webkit-calc(50% - 28px);
          left: calc(50% - 28px);
          -webkit-transition: all .25s;
          transition: all .25s; }
        #reviews .owl-carousel .owl-item .reviews_cont:hover:before {
          -webkit-filter: invert(1);
                  filter: invert(1);
          -webkit-transition: all .25s;
          transition: all .25s; }
        #reviews .owl-carousel .owl-item .reviews_cont .reviews_img {
          display: block;
          width: 100%;
          max-width: 100%;
          -webkit-border-radius: 5px;
                  border-radius: 5px;
          margin: 0 auto; }
      #reviews .owl-carousel .owl-item .reviews_text1 {
        font: 1.875em/1em "BebasNeueBold", sans-serif;
        color: black;
        margin-bottom: 10px; }
      #reviews .owl-carousel .owl-item .reviews_text2 {
        font: 0.9em/1.25em "GothamPro", sans-serif;
        color: black; }
  #reviews .reviews_btn {
    width: 100%; }

#work {
  width: 100%;
  height: auto;
  padding: 50px 0;
  background: white;
  position: relative;
  overflow: hidden; }
  #work .title {
    margin-bottom: 40px; }
  #work .title.two {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px; }
    #work .title.two:before {
      content: "";
      display: block;
      width: 267%;
      height: 1px;
      background: black;
      position: absolute;
      bottom: 0;
      left: -200%; }
  #work .work_text1 {
    font: 0.9em/1.75 "GothamPro", sans-serif;
    color: black;
    padding-right: 40px; }
  #work .work_img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    margin-top: -50px; }
  #work #work_form {
    width: 100%;
    padding: 30px 40px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    background: white; }
    #work #work_form label {
      display: block;
      width: 100%;
      margin-bottom: 30px;
      position: relative; }
      #work #work_form label .work_subtitle {
        font: 0.9em/1.25em "GothamPro", sans-serif;
        color: black;
        margin-bottom: 5px; }
      #work #work_form label input {
        display: block;
        width: 100%;
        border: none;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        padding: 14px 10px;
        background: #e7eff2;
        font: 0.9em/1.25em "GothamProB", sans-serif;
        color: black; }
        #work #work_form label input + label {
          position: absolute;
          font: 0.8em/1.2em "GothamPro", sans-serif;
          text-align: center;
          color: red; }
    #work #work_form button.btn {
      display: block;
      width: 100%; }

#fullgar {
  width: 100%;
  height: auto;
  padding: 50px 0;
  background: #fc4219;
  position: relative;
  overflow: hidden; }
  #fullgar .title {
    margin-top: 100px;
    margin-bottom: 45px; }
  #fullgar .fullgar_text1 {
    font: 0.9em/1.5em "GothamPro", sans-serif;
    color: white; }
  #fullgar .fullgar_img {
    display: block;
    max-width: 100%;
    margin-bottom: 60px; }
  #fullgar .btn {
    background: white;
    color: #ff4f11; }
    #fullgar .btn:hover {
      background: #b5b5b5;
      color: black; }

footer {
  width: 100%;
  height: auto;
  padding: 20px 0;
  background: #f5f9ff; }
  footer .allright {
    font: 1em/1.25em "GothamPro", sans-serif;
    text-align: center;
    color: black;
    margin-bottom: 15px; }
  footer .policy {
    display: block;
    font: 1em/1.25em "GothamPro", sans-serif;
    text-align: center;
    text-decoration: solid black underline;
    color: black;
    margin-bottom: 10px; }
    footer .policy:hover {
      text-decoration: solid #ff4f11 underline;
      color: #ff4f11; }

.modal {
  -webkit-transition: all 0s;
  transition: all 0s; }
  .modal.project {
    padding-bottom: 30px; }
    .modal.project .modal-dialog {
      -webkit-transition: all 0s;
      transition: all 0s;
      width: 1000px;
      max-width: -webkit-calc(100% - 20px);
      max-width: calc(100% - 20px); }
    .modal.project .modal-content {
      -webkit-transition: all 0s;
      transition: all 0s;
      background: -webkit-gradient(linear, left top, right top, from(#e7eff2), color-stop(40%, #e7eff2), color-stop(40%, white), to(white));
      background: linear-gradient(to right, #e7eff2 0%, #e7eff2 40%, white 40%, white 100%);
      margin-top: 7%;
      -webkit-border-radius: 0px;
              border-radius: 0px;
      border: none; }
    .modal.project .modal-body {
      -webkit-transition: all 0s;
      transition: all 0s; }
      .modal.project .modal-body .close {
        display: block;
        width: auto;
        height: auto;
        -webkit-border-radius: 0%;
                border-radius: 0%;
        background: red;
        padding: 30px 20px;
        position: absolute;
        right: 0%;
        top: 0px;
        font: 2.5em/0em "GothamPro", sans-serif;
        color: white;
        border: none;
        opacity: 1;
        z-index: 5; }
        .modal.project .modal-body .close:hover {
          opacity: .5;
          cursor: pointer; }
      .modal.project .modal-body .mpr_cont {
        width: 100%;
        height: auto;
        min-height: 350px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .modal.project .modal-body .mpr_cont.Haineken {
          background: #216728; }
        .modal.project .modal-body .mpr_cont.topol {
          background: white; }
        .modal.project .modal-body .mpr_cont.enercom {
          background: #05a1e3; }
        .modal.project .modal-body .mpr_cont.timur {
          background: url(../img/portfolio/timur.jpg) no-repeat top center/cover white; }
        .modal.project .modal-body .mpr_cont.badi {
          background: #f3bd1c; }
        .modal.project .modal-body .mpr_cont.evdokimov {
          background: #6ab686; }
      .modal.project .modal-body .mpr_list1 {
        padding: 45px 0 30px 50px; }
        .modal.project .modal-body .mpr_list1.links li:first-child {
          font: 0.9em/1.25em "GothamPro", sans-serif;
          color: rgba(0, 0, 0, 0.5) !important; }
        .modal.project .modal-body .mpr_list1.links li:nth-child(odd), .modal.project .modal-body .mpr_list1.links li:nth-child(even) {
          font: 1em/1.25em "GothamPro", sans-serif;
          color: black;
          word-break: break-all;
          margin-bottom: 20px; }
          .modal.project .modal-body .mpr_list1.links li:nth-child(odd) a, .modal.project .modal-body .mpr_list1.links li:nth-child(even) a {
            color: black;
            word-break: break-all; }
            .modal.project .modal-body .mpr_list1.links li:nth-child(odd) a:hover, .modal.project .modal-body .mpr_list1.links li:nth-child(even) a:hover {
              color: #ff4f11;
              text-decoration: solid #ff4f11 underline; }
          .modal.project .modal-body .mpr_list1.links li:nth-child(odd) a[download], .modal.project .modal-body .mpr_list1.links li:nth-child(even) a[download] {
            text-decoration: solid #9fa4a6 underline; }
            .modal.project .modal-body .mpr_list1.links li:nth-child(odd) a[download]:hover, .modal.project .modal-body .mpr_list1.links li:nth-child(even) a[download]:hover {
              color: #ff4f11;
              text-decoration: solid #ff4f11 underline; }
        .modal.project .modal-body .mpr_list1 li:nth-child(odd) {
          font: 0.9em/1.25em "GothamPro", sans-serif;
          color: rgba(0, 0, 0, 0.5);
          margin-bottom: 10px; }
        .modal.project .modal-body .mpr_list1 li:nth-child(even) {
          font: 1.125em/1.25em "GothamPro", sans-serif;
          color: black;
          margin-bottom: 20px; }
          .modal.project .modal-body .mpr_list1 li:nth-child(even) a {
            color: #2968fd;
            text-decoration: underline;
            word-break: break-all; }
            .modal.project .modal-body .mpr_list1 li:nth-child(even) a:hover {
              color: #ff4f11;
              text-decoration: solid #ff4f11 underline; }
          .modal.project .modal-body .mpr_list1 li:nth-child(even) a[download] {
            text-decoration: solid #9fa4a6 underline; }
            .modal.project .modal-body .mpr_list1 li:nth-child(even) a[download]:hover {
              color: #ff4f11;
              text-decoration: solid #ff4f11 underline; }
      .modal.project .modal-body .title {
        font: 2em/1em "BebasNeueBold", sans-serif;
        text-transform: uppercase;
        color: black;
        margin: 30px 0;
        padding-right: 60px; }
      .modal.project .modal-body .mpr_subtitle {
        font: 1.65em/1em "MinionPro-MediumIt", sans-serif;
        color: black;
        margin-bottom: 20px; }
        .modal.project .modal-body .mpr_subtitle + .video-responsive {
          margin-bottom: 20px; }
      .modal.project .modal-body .mpr_text1 {
        font: 1.125em/1.25em "GothamPro", sans-serif;
        margin-bottom: 30px; }
      .modal.project .modal-body .mpr_list2 {
        margin-bottom: 50px; }
        .modal.project .modal-body .mpr_list2 li {
          font: 1.125em/1.25em "GothamPro", sans-serif;
          padding-left: 40px;
          margin-bottom: 20px;
          position: relative; }
          .modal.project .modal-body .mpr_list2 li:last-child {
            margin-bottom: 0px; }
          .modal.project .modal-body .mpr_list2 li:before {
            content: "";
            display: block;
            width: 26px;
            height: 26px;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            background: #6ac259;
            position: absolute;
            top: -2px;
            left: 0; }
          .modal.project .modal-body .mpr_list2 li:after {
            content: "";
            display: block;
            width: 14px;
            height: 8px;
            background: transparent;
            border-bottom: 2px solid white;
            border-left: 2px solid white;
            position: absolute;
            top: -webkit-calc(50% - 4px);
            top: calc(50% - 4px);
            top: 5px;
            left: 6px;
            -webkit-transform: rotate(-40deg);
                -ms-transform: rotate(-40deg);
                    transform: rotate(-40deg); }
      .modal.project .modal-body .mpr_text2 {
        font: 1.125em/1.25em "GothamPro", sans-serif;
        margin-bottom: 40px; }
      .modal.project .modal-body .mpr_text3 {
        font: 1.125em/1.25em "GothamProB", sans-serif;
        text-transform: uppercase;
        color: #6ac259;
        margin-bottom: 30px; }
  .modal .modal-content {
    -webkit-border-radius: 0px;
            border-radius: 0px;
    padding: 0%;
    margin-top: 25%;
    background: grey;
    -webkit-border-radius: 9px;
            border-radius: 9px;
    position: relative;
    z-index: 9999;
    -webkit-transition: all 0s;
    transition: all 0s; }
    .modal .modal-content.white {
      background: white; }
  .modal .modal-body {
    -webkit-transition: all 0s;
    transition: all 0s;
    padding: 0px; }
    .modal .modal-body .close {
      display: block;
      width: 35px;
      height: 35px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      background: transparent;
      position: absolute;
      right: -3%;
      top: -40px;
      font: 2.5em/0em "GothamProB", sans-serif;
      color: white;
      border: none;
      opacity: .3; }
      .modal .modal-body .close:hover {
        opacitY: 1; }
  .modal #modal_form {
    width: 100%;
    padding: 30px 10%;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background: white; }
    .modal #modal_form label {
      display: block;
      width: 100%;
      margin-bottom: 30px;
      position: relative; }
      .modal #modal_form label .work_subtitle {
        font: 1em/1.25em "GothamPro", sans-serif;
        color: black;
        margin-bottom: 5px; }
      .modal #modal_form label input,
      .modal #modal_form label textarea {
        display: block;
        width: 100%;
        border: none;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        padding: 14px 10px;
        background: #e7eff2;
        font: 0.9em/1.25em "GothamProB", sans-serif;
        color: black; }
        .modal #modal_form label input + label,
        .modal #modal_form label textarea + label {
          position: absolute;
          font: 0.8em/1.2em "GothamPro", sans-serif;
          text-align: center;
          color: red; }
    .modal #modal_form button.btn {
      display: block;
      width: 100%; }

#results {
  font: 1.5em/1.25em "BebasNeueBold", sans-serif;
  text-align: center;
  color: black;
  margin-bottom: 5px;
  padding: 3%; }

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .title {
    font: 2.5em/1em "BebasNeueBold", sans-serif; }
  header .header_menu li {
    margin-right: 5px; }
    header .header_menu li a {
      font: 0.8em/7.6em "GothamPro", sans-serif; }
  header .header_btn {
    font: 0.9em/1em "GothamPro", sans-serif; }
  #first {
    padding: 180px 0 0px 0;
    background: url(../img/first_bg.jpg) no-repeat top center/cover grey; }
    #first .title {
      margin-bottom: 40px; }
    #first .first_text1 {
      font: 1.5em/1em "MinionPro-MediumIt", sans-serif;
      color: white;
      margin-bottom: 10px; }
    #first .first_text2 {
      font: 1em/1em "GothamPro", sans-serif;
      color: white;
      margin-bottom: 40px; }
    #first .first_text3 {
      font: 1em/1.3em "GothamPro", sans-serif;
      color: white; }
  #reasons {
    padding: 0 0 50px 0; }
    #reasons .title {
      margin-top: 30px;
      margin-bottom: 10px;
      padding-left: 70px; }
      #reasons .title:before {
        content: "7";
        font: 3.5em/1em "BebasNeueBold", sans-serif;
        color: #ff4f11;
        position: absolute;
        top: -20px;
        left: 0; }
    #reasons .reasons_subtitle {
      font: 1em/1.25em "GothamPro", sans-serif;
      color: black;
      margin-bottom: 35px;
      padding-left: 70px; }
    #reasons .reasons_img {
      display: block;
      width: -webkit-calc(100% + 0px);
      width: calc(100% + 0px);
      margin-left: -30px;
      margin-top: 0px; }
    #reasons .reasons_list {
      margin-bottom: 50px; }
  #portfolio {
    padding: 50px 0; }
    #portfolio .title {
      margin-bottom: 50px; }
    #portfolio .portolio_items {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #portfolio .portolio_items .portolio_item {
        width: 31%;
        height: auto;
        min-height: 350px;
        padding: 30px;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        margin-bottom: 3%;
        background: green;
        position: relative; }
        #portfolio .portolio_items .portolio_item.Haineken {
          background: #216728; }
        #portfolio .portolio_items .portolio_item.topol {
          background: white; }
        #portfolio .portolio_items .portolio_item.enercom {
          background: #05a1e3; }
        #portfolio .portolio_items .portolio_item.timur {
          background: url(../img/portfolio/timur.jpg) no-repeat top center/cover white; }
        #portfolio .portolio_items .portolio_item.badi {
          background: #f3bd1c; }
        #portfolio .portolio_items .portolio_item.evdokimov {
          background: #6ab686; }
        #portfolio .portolio_items .portolio_item .portfolio_brend {
          font: 0.85em/1.25em "GothamPro", sans-serif;
          color: white;
          position: relative;
          padding-bottom: 15px;
          margin-bottom: 10px; }
          #portfolio .portolio_items .portolio_item .portfolio_brend:before {
            content: "";
            display: block;
            width: 100px;
            height: 1px;
            background: white;
            position: absolute;
            bottom: -5px; }
          #portfolio .portolio_items .portolio_item .portfolio_brend.black {
            color: black; }
            #portfolio .portolio_items .portolio_item .portfolio_brend.black:before {
              content: "";
              background: #e7e7e7; }
        #portfolio .portolio_items .portolio_item .portfolio_number {
          font: 1.25em/1.25em "MinionPro-MediumIt", sans-serif;
          color: white; }
        #portfolio .portolio_items .portolio_item .portfolio_img {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-self: center;
              -ms-flex-item-align: center;
                  align-self: center;
          margin: 0 auto;
          max-width: 100%; }
          #portfolio .portolio_items .portolio_item .portfolio_img.Haineken {
            margin-top: 20px; }
          #portfolio .portolio_items .portolio_item .portfolio_img.topol {
            margin-top: 20px; }
          #portfolio .portolio_items .portolio_item .portfolio_img.enercom {
            margin-top: 90px; }
          #portfolio .portolio_items .portolio_item .portfolio_img.badi {
            margin-top: 50px; }
          #portfolio .portolio_items .portolio_item .portfolio_img.evdokimov {
            margin-top: 60px; }
        #portfolio .portolio_items .portolio_item .portfolio_link {
          font: 0.9em/1em "GothamPro-Italic", sans-serif;
          position: absolute;
          bottom: 30px;
          left: 30px; }
  #storm .storm {
    padding: 50px 0; }
  #storm .storm_text1 {
    font: 0.9em/1em "GothamPro", sans-serif;
    margin-bottom: 15px; }
  #storm .title {
    margin-bottom: 60px; }
  #storm .storm_list li {
    margin-bottom: 65px; }
  #storm .title.two {
    margin-bottom: 20px; }
  #storm .storm_cont {
    padding: 20px;
    margin-bottom: 30px; }
    #storm .storm_cont .storm_text2 {
      font: 0.9em/1.25em "GothamPro", sans-serif; }
  #storm .storm_text3 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    margin-bottom: 15px; }
  #storm .title.three {
    margin-bottom: 40px; }
  #storm .storm_btn {
    padding: 22px 0;
    font: 1.25em/1.25em "BebasNeueBold", sans-serif; }
  #storm .storm_text4 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    margin-bottom: 20px; }
  #storm .storm_text5 {
    font: 0.9em/1.25em "GothamPro", sans-serif; }
  #aboutme {
    padding: 50px 0;
    background: transparent; }
    #aboutme .title {
      margin-bottom: 50px; }
    #aboutme .aboutme_text1 {
      font: 1.875em/1em "MinionPro-MediumIt", sans-serif;
      text-align: center;
      margin-bottom: 10px; }
    #aboutme .aboutme_text2 {
      font: 1.25em/1em "GothamPro", sans-serif;
      text-align: center;
      margin-bottom: 30px; }
    #aboutme .aboutme_list {
      padding: 30px 40px;
      position: relative;
      z-index: 10; }
      #aboutme .aboutme_list li {
        font: 0.9em/1.65em "GothamPro", sans-serif;
        color: black;
        padding-left: 25px;
        margin-bottom: 20px; }
    #aboutme .aboutme_img {
      display: block;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      margin-top: 143px; }
  #reviews {
    padding: 50px 0; }
    #reviews .title {
      margin-bottom: 40px; }
    #reviews .owl-carousel {
      margin-bottom: 40px; }
  #work {
    padding: 50px 0; }
    #work .title {
      margin-bottom: 40px; }
    #work .title.two {
      position: relative;
      padding-bottom: 20px;
      margin-bottom: 40px; }
      #work .title.two:before {
        content: "";
        display: block;
        width: 267%;
        height: 1px;
        background: black;
        position: absolute;
        bottom: 0;
        left: -200%; }
    #work .work_text1 {
      font: 0.9em/1.75 "GothamPro", sans-serif;
      padding-right: 40px; }
    #work .work_img {
      margin-top: -20px; }
    #work #work_form {
      padding: 30px; }
      #work #work_form label {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        position: relative; }
        #work #work_form label .work_subtitle {
          font: 0.9em/1.25em "GothamPro", sans-serif;
          color: black;
          margin-bottom: 5px; }
        #work #work_form label input {
          display: block;
          width: 100%;
          border: none;
          -webkit-border-radius: 5px;
                  border-radius: 5px;
          padding: 14px 10px;
          background: #e7eff2;
          font: 0.9em/1.25em "GothamProB", sans-serif;
          color: black; }
  #fullgar {
    padding: 50px 0; }
    #fullgar .title {
      margin-top: 50px;
      margin-bottom: 35px; } }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .title {
    font: 2.5em/1em "BebasNeueBold", sans-serif; }
  #first {
    padding: 80px 0 0px;
    margin-top: 0px;
    background: url(../img/first_bg-xs.jpg) no-repeat top center/cover grey; }
    #first .title {
      text-align: center;
      margin-bottom: 30px; }
    #first .first_text1 {
      font: 1.5em/1em "MinionPro-MediumIt", sans-serif;
      text-align: center;
      margin-bottom: 10px; }
    #first .first_img {
      width: 70%;
      margin-bottom: 30px; }
    #first .first_text2 {
      font: 1em/1em "GothamPro", sans-serif;
      text-align: center;
      margin-bottom: 30px; }
    #first .first_text31 {
      text-align: center; }
    #first .first_text3 {
      font: 1em/1.3em "GothamPro", sans-serif;
      text-align: center; }
    #first .btn {
      margin: 0 auto;
      margin-bottom: 20px; }
  #firstFooter {
    width: 100%;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.5);
    margin-top: 30px;
    position: relative; }
    #firstFooter .title {
      font: 2em/1em "BebasNeueBold", sans-serif;
      margin-bottom: 30px; }
    #firstFooter .first_listImg {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      margin-bottom: 30px; }
    #firstFooter .first_text4 {
      font: 0.9em/1.2em "GothamPro", sans-serif;
      margin-top: 20px; }
  #about {
    padding: 50px 0; }
    #about .title {
      margin-top: 0px;
      margin-bottom: 25px; }
    #about .about_text1 {
      font: 0.9em/1.5em "GothamPro", sans-serif;
      color: #777777;
      margin-bottom: 30px; }
    #about .about_img {
      margin: 0 auto; }
  #reasons {
    padding: 0 0 50px 0; }
    #reasons .title {
      margin-top: 30px;
      margin-bottom: 20px;
      padding-left: 70px; }
      #reasons .title:before {
        content: "7";
        font: 3.5em/1em "BebasNeueBold", sans-serif;
        color: #ff4f11;
        position: absolute;
        top: -20px;
        left: 0; }
    #reasons .reasons_subtitle {
      font: 1em/1.25em "GothamPro", sans-serif;
      color: black;
      margin-bottom: 50px;
      padding-left: 70px; }
    #reasons .reasons_list {
      margin-bottom: 50px; }
      #reasons .reasons_list li {
        font: 0.9em/1.25em "GothamPro", sans-serif;
        color: #777777;
        padding-left: 70px; }
    #reasons .btn {
      width: 100%; }
  #portfolio {
    padding: 50px 0; }
    #portfolio .title {
      margin-bottom: 50px; }
    #portfolio .portolio_items {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #portfolio .portolio_items .portolio_item {
        width: 49%;
        min-height: 350px;
        margin-bottom: 3%; }
        #portfolio .portolio_items .portolio_item .portfolio_brend {
          font: 0.85em/1.25em "GothamPro", sans-serif;
          padding-bottom: 15px;
          margin-bottom: 10px; }
          #portfolio .portolio_items .portolio_item .portfolio_brend:before {
            content: "";
            display: block;
            width: 100px;
            height: 1px;
            background: white;
            position: absolute;
            bottom: -5px; }
          #portfolio .portolio_items .portolio_item .portfolio_brend.black {
            color: black; }
            #portfolio .portolio_items .portolio_item .portfolio_brend.black:before {
              content: "";
              background: #e7e7e7; }
        #portfolio .portolio_items .portolio_item .portfolio_number {
          font: 1em/1.25em "MinionPro-MediumIt", sans-serif; }
        #portfolio .portolio_items .portolio_item .portfolio_img {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin: 0 auto; }
        #portfolio .portolio_items .portolio_item .portfolio_link {
          font: 0.9em/1em "GothamPro-Italic", sans-serif;
          position: absolute;
          bottom: 30px;
          left: 30px; }
  #helpfull {
    padding: 50px 0; }
    #helpfull .title {
      margin-bottom: 40px; }
    #helpfull .hf_btn {
      padding: 20px 0;
      font: 1.1em/1em "GothamPro", sans-serif; }
    #helpfull .hf_text1 {
      font: 3.125em/1.125em "BebasNeueBold", sans-serif;
      text-align: center;
      color: #cacaca; }
    #helpfull .hf_text2 {
      font: 1.1em/1.45em "GothamPro", sans-serif;
      text-align: center;
      color: black;
      margin: 30px 0; }
    #helpfull .hf_items .hf_item {
      width: 100%;
      min-height: 255px;
      margin-bottom: 30px;
      padding: 30px;
      background: white; }
      #helpfull .hf_items .hf_item.longtext {
        padding: 30px 15px; }
      #helpfull .hf_items .hf_item .hf_text3 {
        font: 0.9em/1.25em "GothamPro", sans-serif;
        min-height: 37px; }
      #helpfull .hf_items .hf_item .hf_price {
        font: 2em/1em "BebasNeueBold", sans-serif;
        margin-top: 40px; }
      #helpfull .hf_items .hf_item .hf_foritem {
        font: 0.9em/1em "GothamPro", sans-serif;
        margin-top: 5px; }
      #helpfull .hf_items .hf_item .hf_text4 {
        font: 0.9em/1em "GothamPro", sans-serif;
        position: absolute;
        bottom: 30px;
        left: 30px; }
  #storm .storm {
    padding: 50px 0;
    -webkit-border-radius: 0px;
            border-radius: 0px; }
  #storm .storm_text1 {
    font: 0.9em/1em "GothamPro", sans-serif;
    margin-bottom: 15px; }
  #storm .title {
    margin-bottom: 60px; }
  #storm .storm_list li {
    margin-bottom: 65px; }
    #storm .storm_list li .step {
      display: inline-block;
      font: 3.125em/1em "BebasNeueBold", sans-serif;
      color: white;
      padding-right: 200px;
      padding-left: 20px;
      position: relative; }
      #storm .storm_list li .step::first-letter {
        color: #ff4f11; }
      #storm .storm_list li .step:before {
        content: url(../img/storm/1.png);
        position: absolute;
        right: 15%;
        top: -webkit-calc(50% - 36px);
        top: calc(50% - 36px); }
      #storm .storm_list li .step:after {
        content: "";
        display: block;
        width: 1px;
        height: 43px;
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        right: -webkit-calc(15% + 36px);
        right: calc(15% + 36px);
        top: 62px; }
    #storm .storm_list li .text1 {
      display: inline-block;
      font: 0.9em/1em "GothamPro", sans-serif;
      color: white;
      vertical-align: top;
      width: 50%;
      position: relative;
      top: 8px; }
      #storm .storm_list li .text1.step2 {
        position: relative;
        top: 0px; }
    #storm .storm_list li:last-child .step:after {
      display: none; }
    #storm .storm_list li:nth-child(2) .step:after {
      content: "";
      display: block;
      width: 1px;
      height: 76px; }
  #storm .storm_list li:nth-child(1) .step:before {
    content: url(../img/storm/1.png); }
  #storm .storm_list li:nth-child(2) .step:before {
    content: url(../img/storm/2.png); }
  #storm .storm_list li:nth-child(3) .step:before {
    content: url(../img/storm/3.png); }
  #storm .storm_list li:nth-child(4) .step:before {
    content: url(../img/storm/4.png); }
  #storm .storm_list li:nth-child(5) .step:before {
    content: url(../img/storm/5.png); }
  #storm .storm_list li:nth-child(6) .step:before {
    content: url(../img/storm/6.png); }
  #storm .storm_list li:nth-child(7) .step:before {
    content: url(../img/storm/7.png); }
  #storm .title.two {
    margin-bottom: 20px; }
  #storm .storm_cont {
    padding: 20px;
    margin-bottom: 30px; }
    #storm .storm_cont .storm_text2 {
      font: 0.9em/1.25em "GothamPro", sans-serif; }
  #storm .storm_text3 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    margin-bottom: 15px; }
  #storm .title.three {
    margin-bottom: 40px; }
  #storm .storm_btn {
    padding: 22px 0;
    font: 1.25em/1.25em "BebasNeueBold", sans-serif; }
  #storm .storm_text4 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    margin-bottom: 20px; }
  #storm .storm_text5 {
    font: 0.9em/1.25em "GothamPro", sans-serif; }
  #aboutme {
    padding: 40px 0; }
    #aboutme .title {
      margin-bottom: 30px; }
    #aboutme .aboutme_text1 {
      font: 1.5em/1em "MinionPro-MediumIt", sans-serif;
      text-align: center;
      margin-bottom: 10px; }
    #aboutme .aboutme_text2 {
      font: 1em/1em "GothamPro", sans-serif;
      text-align: center;
      margin-bottom: 30px; }
    #aboutme .aboutme_list {
      padding: 5%;
      position: relative;
      margin-bottom: 30px;
      z-index: 10; }
      #aboutme .aboutme_list li {
        font: 0.9em/1.65em "GothamPro", sans-serif;
        color: black;
        padding-left: 25px;
        margin-bottom: 20px; }
    #aboutme .aboutme_img {
      display: block;
      width: 70%;
      max-width: 100%;
      margin: 0 auto;
      margin-bottom: 20px; }
  #numbers {
    padding: 30px 0;
    margin-top: 0px; }
    #numbers .title {
      margin-top: 30px;
      margin-bottom: 40px; }
    #numbers .num_num {
      font: 3.125em/1em "BebasNeueBold", sans-serif;
      color: #ff4f11;
      margin-bottom: 10px; }
    #numbers .num_text1 {
      font: 0.9em/1.5em "GothamPro", sans-serif;
      text-align: center;
      min-height: 50px;
      margin-bottom: 30px; }
  #work {
    padding: 50px 0; }
    #work .title {
      margin-bottom: 40px; }
    #work .title.two {
      position: relative;
      padding-bottom: 20px;
      margin-bottom: 40px; }
      #work .title.two:before {
        content: "";
        display: block;
        width: 257%;
        height: 1px;
        background: black;
        position: absolute;
        bottom: 0;
        left: -200%; }
    #work .work_text1 {
      font: 0.9em/1.75 "GothamPro", sans-serif;
      padding-right: 0px;
      margin-bottom: 40px; }
    #work .work_img {
      margin-top: -20px; }
    #work #work_form {
      padding: 30px; }
      #work #work_form label {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        position: relative; }
        #work #work_form label .work_subtitle {
          font: 0.9em/1.25em "GothamPro", sans-serif;
          color: black;
          margin-bottom: 5px; }
        #work #work_form label input {
          display: block;
          width: 100%;
          border: none;
          -webkit-border-radius: 5px;
                  border-radius: 5px;
          padding: 14px 10px;
          background: #e7eff2;
          font: 0.9em/1.25em "GothamProB", sans-serif;
          color: black; }
  #fullgar {
    padding: 50px 0; }
    #fullgar .title {
      text-align: center;
      margin-top: 0px;
      margin-bottom: 30px; }
    #fullgar .fullgar_text1 {
      font: 0.9em/1.5em "GothamPro", sans-serif;
      margin-bottom: 30px; }
    #fullgar .fullgar_img {
      display: block;
      width: 90%;
      max-width: 100%;
      margin: 0 auto;
      margin-bottom: 40px; }
    #fullgar .btn {
      text-align: center;
      margin: 0 auto; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .title {
    font: 2.5em/1em "BebasNeueBold", sans-serif; }
  /*Disable Animation on Mobile Devices*/
  .animated {
    /*CSS transitions*/
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
            animation: none !important; }
  #first {
    padding: 80px 0 0px; }
    #first .first_img {
      width: 70%; }
  #firstFooter {
    width: 100%;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.5);
    position: relative; }
    #firstFooter .title {
      font: 2em/1em "BebasNeueBold", sans-serif;
      margin-bottom: 30px;
      text-align: center; }
    #firstFooter .first_listImg {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      margin-bottom: 30px; }
      #firstFooter .first_listImg li {
        -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
        margin-bottom: 20px; }
        #firstFooter .first_listImg li img {
          display: block;
          margin: 0 auto; }
        #firstFooter .first_listImg li:nth-child(3), #firstFooter .first_listImg li:nth-child(4) {
          margin-bottom: 0px; }
    #firstFooter .first_text4 {
      font: 0.9em/1.2em "GothamPro", sans-serif;
      text-align: center; }
  #reasons {
    padding: 0 0 50px 0; }
    #reasons .title {
      margin-top: 30px;
      margin-bottom: 0px;
      padding-left: 50px; }
      #reasons .title:before {
        content: "7";
        font: 3em/1em "BebasNeueBold", sans-serif;
        position: absolute;
        top: -3px;
        left: 0; }
    #reasons .reasons_subtitle {
      font: 1em/1.25em "GothamPro", sans-serif;
      margin-bottom: 50px;
      padding-left: 50px; }
    #reasons .reasons_list {
      margin-bottom: 50px; }
      #reasons .reasons_list li {
        font: 0.9em/1.25em "GothamPro", sans-serif;
        padding-left: 70px; }
    #reasons .btn {
      width: 100%; }
  #helpfull {
    padding: 50px 0; }
    #helpfull .helpfull_subtitle {
      font: 1.125em/1em "GothamPro", sans-serif;
      margin-bottom: 60px; }
    #helpfull .helpfull_prevcont {
      width: 100%;
      padding-bottom: 30px;
      margin-bottom: 30px; }
      #helpfull .helpfull_prevcont .helpfull_continside {
        width: 100%;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        background: #a2c2e2;
        height: auto;
        padding: 40px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        #helpfull .helpfull_prevcont .helpfull_continside.bright {
          background: #ff4f11; }
        #helpfull .helpfull_prevcont .helpfull_continside img {
          max-width: 100%;
          -webkit-border-radius: 50%;
                  border-radius: 50%; }
      #helpfull .helpfull_prevcont .helpfull_text1 {
        font: 1.125em/1em "ProximaNova-Bold", sans-serif;
        text-align: center;
        color: #272727;
        margin: 30px 0 20px 0; }
      #helpfull .helpfull_prevcont .helpfull_text2 {
        font: 0.875em/1.5em "ProximaNova", sans-serif;
        text-align: center;
        color: #707070;
        min-height: 80px;
        margin-bottom: 20px; }
      #helpfull .helpfull_prevcont .helpfull_btn {
        display: block;
        margin: 0 auto;
        background: #ff4f11;
        border: none;
        padding: 11px 28px;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        font: 1.25em/1em "BebasNeueBold", sans-serif;
        text-align: center;
        color: white; }
        #helpfull .helpfull_prevcont .helpfull_btn:hover {
          background: #e9a400; }
  .modal#modal_standart .modal-content,
  .modal#modal_vip .modal-content {
    margin-top: 15%; }
  .modal#modal_standart .helpfull_servicecont,
  .modal#modal_vip .helpfull_servicecont {
    width: 100%;
    height: auto;
    margin-top: 50px; }
    .modal#modal_standart .helpfull_servicecont .helpfull_textcont,
    .modal#modal_vip .helpfull_servicecont .helpfull_textcont {
      width: 100%;
      padding: 10px 20px 70px 20px; }
      .modal#modal_standart .helpfull_servicecont .helpfull_textcont .helpfull_text1,
      .modal#modal_vip .helpfull_servicecont .helpfull_textcont .helpfull_text1 {
        font: 2em/1em "BebasNeueBold", sans-serif; }
        .modal#modal_standart .helpfull_servicecont .helpfull_textcont .helpfull_text1:before,
        .modal#modal_vip .helpfull_servicecont .helpfull_textcont .helpfull_text1:before {
          content: "";
          width: 50px; }
      .modal#modal_standart .helpfull_servicecont .helpfull_textcont .helpfull_text2,
      .modal#modal_vip .helpfull_servicecont .helpfull_textcont .helpfull_text2 {
        font: 1em/1em "GothamPro-Light", sans-serif; }
  .modal#modal_standart .table-responsive,
  .modal#modal_vip .table-responsive {
    position: relative;
    z-index: 55;
    margin-top: -50px; }
  .modal#modal_standart .helpfull_table,
  .modal#modal_vip .helpfull_table {
    width: 95%; }
    .modal#modal_standart .helpfull_table tr,
    .modal#modal_vip .helpfull_table tr {
      border-bottom: 1px solid #f2f2f2; }
      .modal#modal_standart .helpfull_table tr td,
      .modal#modal_vip .helpfull_table tr td {
        display: block;
        vertical-align: middle;
        font: 1em/1.25em "GothamPro-Light", sans-serif;
        padding: 10px 0;
        text-align: center; }
        .modal#modal_standart .helpfull_table tr td:nth-child(1),
        .modal#modal_vip .helpfull_table tr td:nth-child(1) {
          width: 100%;
          text-align: center;
          padding-left: 0px; }
        .modal#modal_standart .helpfull_table tr td:nth-child(2),
        .modal#modal_vip .helpfull_table tr td:nth-child(2) {
          text-align: center;
          padding-left: 0px; }
        .modal#modal_standart .helpfull_table tr td:nth-child(3),
        .modal#modal_vip .helpfull_table tr td:nth-child(3) {
          text-align: center;
          padding-right: 0px; }
  #storm .storm {
    padding: 40px 0;
    -webkit-border-radius: 0px;
            border-radius: 0px; }
  #storm .storm_text1 {
    font: 0.9em/1em "GothamPro", sans-serif;
    margin-bottom: 15px; }
  #storm .title {
    margin-bottom: 60px; }
  #storm .storm_list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-bottom: 65px; }
    #storm .storm_list li .step {
      width: 40%;
      font: 3.125em/1em "BebasNeueBold", sans-serif;
      text-align: right;
      vertical-align: middle;
      padding-right: 10px;
      padding-left: 0px;
      position: relative; }
      #storm .storm_list li .step:before {
        content: url(../img/storm/1.png);
        position: absolute;
        top: -webkit-calc(50% - 36px);
        top: calc(50% - 36px);
        right: -webkit-calc(100% - 82px);
        right: calc(100% - 82px); }
      #storm .storm_list li .step:after {
        content: "";
        display: none; }
    #storm .storm_list li .text1 {
      width: 60%;
      font: 0.9em/1em "GothamPro", sans-serif;
      vertical-align: top;
      padding-right: 10px;
      position: relative;
      top: 6px; }
      #storm .storm_list li .text1.step2 {
        position: relative;
        top: 5px; }
    #storm .storm_list li:nth-child(2) .step:before {
      top: -10px; }
    #storm .storm_list li:last-child .step:after {
      display: none; }
    #storm .storm_list li:nth-child(2) .step:after {
      content: "";
      display: none; }
  #storm .storm_list li:nth-child(1) .step:before {
    content: url(../img/storm/1.png); }
  #storm .storm_list li:nth-child(2) .step:before {
    content: url(../img/storm/2.png); }
  #storm .storm_list li:nth-child(3) .step:before {
    content: url(../img/storm/3.png); }
  #storm .storm_list li:nth-child(4) .step:before {
    content: url(../img/storm/4.png); }
  #storm .storm_list li:nth-child(5) .step:before {
    content: url(../img/storm/5.png); }
  #storm .storm_list li:nth-child(6) .step:before {
    content: url(../img/storm/6.png); }
  #storm .storm_list li:nth-child(7) .step:before {
    content: url(../img/storm/7.png); }
  #storm .title.two {
    margin-bottom: 20px;
    text-align: center; }
  #storm .storm_cont {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    padding: 20px;
    margin: 0 15px;
    margin-bottom: 30px; }
    #storm .storm_cont .storm_text2 {
      font: 0.9em/1.25em "GothamPro", sans-serif; }
  #storm .storm_text3 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    text-align: center;
    margin-bottom: 15px; }
  #storm .title.three {
    text-align: center;
    margin-bottom: 40px; }
  #storm .storm_btn {
    padding: 22px 0;
    font: 1.25em/1.25em "BebasNeueBold", sans-serif; }
  #storm .storm_text4 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    margin-bottom: 20px; }
  #storm .storm_text5 {
    font: 0.9em/1.25em "GothamPro", sans-serif; }
  #storm .storm_btn {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px 0; }
  #aboutme {
    padding: 40px 0; }
    #aboutme .title {
      margin-bottom: 30px; }
    #aboutme .aboutme_text1 {
      font: 1.5em/1em "MinionPro-MediumIt", sans-serif;
      text-align: center;
      margin-bottom: 10px; }
    #aboutme .aboutme_text2 {
      font: 1em/1em "GothamPro", sans-serif;
      text-align: center;
      margin-bottom: 30px; }
    #aboutme .aboutme_list {
      padding: 5%;
      position: relative;
      z-index: 10; }
      #aboutme .aboutme_list li {
        font: 0.9em/1.65em "GothamPro", sans-serif;
        color: black;
        padding-left: 25px;
        margin-bottom: 20px; }
    #aboutme .aboutme_img {
      display: block;
      width: 80%;
      max-width: 100%;
      margin: 0 auto;
      margin-bottom: 20px; }
  #numbers {
    padding: 30px 0;
    margin-top: 0px; }
    #numbers .title {
      margin-bottom: 30px; }
    #numbers .num_num {
      font: 3.125em/1em "BebasNeueBold", sans-serif;
      text-align: center;
      color: #ff4f11;
      margin-bottom: 10px; }
    #numbers .num_text1 {
      font: 0.9em/1.5em "GothamPro", sans-serif;
      text-align: center;
      min-height: 0px;
      margin-bottom: 30px; }
  #reviews {
    padding: 40px 0; }
    #reviews .title {
      margin-bottom: 30px; }
    #reviews .owl-carousel {
      margin-bottom: 30px; }
      #reviews .owl-carousel .owl-item .reviews_text1 {
        font: 1.5em/1em "BebasNeueBold", sans-serif; }
  #work {
    padding: 30px 0; }
    #work .title {
      margin-bottom: 30px; }
    #work .title.two {
      text-align: left;
      position: relative;
      padding-bottom: 20px;
      margin-bottom: 20px; }
      #work .title.two:before {
        content: "";
        display: block;
        width: 106px;
        height: 1px;
        background: black;
        position: absolute;
        bottom: 0;
        left: 0px; }
    #work .work_text1 {
      font: 0.9em/1.75 "GothamPro", sans-serif;
      padding-right: 0px;
      margin-bottom: 40px; }
    #work .work_img {
      margin-top: -20px; }
    #work #work_form {
      padding: 30px; }
      #work #work_form label {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        position: relative; }
        #work #work_form label .work_subtitle {
          font: 0.9em/1.25em "GothamPro", sans-serif;
          color: black;
          margin-bottom: 5px; }
        #work #work_form label input {
          display: block;
          width: 100%;
          border: none;
          -webkit-border-radius: 5px;
                  border-radius: 5px;
          padding: 14px 10px;
          background: #e7eff2;
          font: 0.9em/1.25em "GothamProB", sans-serif;
          color: black; }
  .modal.project {
    padding-bottom: 30px; }
    .modal.project .modal-dialog {
      max-width: -webkit-calc(100% - 20px);
      max-width: calc(100% - 20px); }
    .modal.project .modal-content {
      background: white;
      margin-top: 11%;
      -webkit-border-radius: 0px;
              border-radius: 0px;
      border: none; }
    .modal.project .modal-body .close {
      display: block;
      width: auto;
      height: auto;
      -webkit-border-radius: 0%;
              border-radius: 0%;
      background: red;
      padding: 30px 20px;
      position: absolute;
      right: 0%;
      top: 0px;
      font: 2.5em/0em "GothamPro", sans-serif;
      color: white;
      border: none;
      opacity: 1;
      z-index: 5; }
      .modal.project .modal-body .close:hover {
        opacity: .5;
        cursor: pointer; }
    .modal.project .modal-body .mpr_cont {
      width: 100%;
      height: auto;
      min-height: 350px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .modal.project .modal-body .mpr_cont.Haineken {
        background: #216728; }
      .modal.project .modal-body .mpr_cont.topol {
        background: white; }
      .modal.project .modal-body .mpr_cont.enercom {
        background: #05a1e3; }
      .modal.project .modal-body .mpr_cont.timur {
        background: url(../img/portfolio/timur.jpg) no-repeat top center/cover white; }
      .modal.project .modal-body .mpr_cont.badi {
        background: #f3bd1c; }
      .modal.project .modal-body .mpr_cont.evdokimov {
        background: #6ab686; }
    .modal.project .modal-body .mpr_list1 {
      padding: 4% 8%;
      background: #e7eff2;
      margin-bottom: 20px; }
      .modal.project .modal-body .mpr_list1 li:nth-child(odd) {
        font: 0.9em/1.25em "GothamPro", sans-serif;
        color: rgba(0, 0, 0, 0.5);
        margin-bottom: 10px; }
      .modal.project .modal-body .mpr_list1 li:nth-child(even) {
        font: 1.125em/1.25em "GothamPro", sans-serif;
        color: black;
        margin-bottom: 20px; }
        .modal.project .modal-body .mpr_list1 li:nth-child(even) a {
          color: black; }
          .modal.project .modal-body .mpr_list1 li:nth-child(even) a:hover {
            color: #ff4f11;
            text-decoration: solid #ff4f11 underline; }
        .modal.project .modal-body .mpr_list1 li:nth-child(even) a[download] {
          text-decoration: solid #9fa4a6 underline; }
          .modal.project .modal-body .mpr_list1 li:nth-child(even) a[download]:hover {
            color: #ff4f11;
            text-decoration: solid #ff4f11 underline; }
    .modal.project .modal-body .title {
      font: 1.75em/1em "BebasNeueBold", sans-serif;
      text-transform: uppercase;
      color: black;
      margin: 16px 0; }
    .modal.project .modal-body .mpr_subtitle {
      font: 1.65em/1em "MinionPro-MediumIt", sans-serif;
      color: black;
      padding-left: 5%;
      margin-bottom: 20px; }
    .modal.project .modal-body .mpr_text1 {
      padding-left: 5%;
      font: 1em/1.25em "GothamPro", sans-serif;
      margin-bottom: 30px; }
    .modal.project .modal-body .mpr_list2 {
      padding-left: 5%;
      margin-bottom: 50px; }
      .modal.project .modal-body .mpr_list2 li {
        font: 1.125em/1.25em "GothamPro", sans-serif;
        padding-left: 40px;
        margin-bottom: 20px;
        position: relative; }
        .modal.project .modal-body .mpr_list2 li:last-child {
          margin-bottom: 0px; }
        .modal.project .modal-body .mpr_list2 li:before {
          content: "";
          display: block;
          width: 26px;
          height: 26px;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          background: #6ac259;
          position: absolute;
          top: -2px;
          left: 0; }
        .modal.project .modal-body .mpr_list2 li:after {
          content: "";
          display: block;
          width: 14px;
          height: 8px;
          background: transparent;
          border-bottom: 2px solid white;
          border-left: 2px solid white;
          position: absolute;
          top: -webkit-calc(50% - 4px);
          top: calc(50% - 4px);
          top: 5px;
          left: 6px;
          -webkit-transform: rotate(-40deg);
              -ms-transform: rotate(-40deg);
                  transform: rotate(-40deg); }
    .modal.project .modal-body .mpr_text2 {
      font: 1em/1.25em "GothamPro", sans-serif;
      margin-bottom: 40px;
      padding: 0 5%; }
    .modal.project .modal-body .mpr_text3 {
      font: 1em/1.25em "GothamProB", sans-serif;
      text-transform: uppercase;
      color: #6ac259;
      padding: 0 5%;
      margin-bottom: 30px; }
  .modal .modal-content {
    padding: 0%;
    margin-top: 30%; }
  .modal .modal-body {
    padding: 0px; }
    .modal .modal-body .close {
      right: 0%; }
  .modal #modal_form {
    width: 100%;
    padding: 30px 5%;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background: white; }
    .modal #modal_form label {
      display: block;
      width: 100%;
      margin-bottom: 30px;
      position: relative; }
      .modal #modal_form label .work_subtitle {
        font: 1em/1.25em "GothamPro", sans-serif;
        color: black;
        margin-bottom: 5px; }
      .modal #modal_form label input {
        display: block;
        width: 100%;
        border: none;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        padding: 14px 10px;
        background: #e7eff2;
        font: 0.9em/1.25em "GothamProB", sans-serif;
        color: black; }
        .modal #modal_form label input + label {
          position: absolute;
          font: 0.8em/1.2em "GothamPro", sans-serif;
          text-align: center;
          color: red; }
    .modal #modal_form button.btn {
      display: block;
      width: 100%; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .title {
    font: 1.75em/1em "BebasNeueBold", sans-serif; }
  .btn {
    font: 1.125em/1em "BebasNeueBold", sans-serif;
    padding: 19px 15px 15px 15px; }
  #first .first_img {
    width: 100%; }
  #portfolio {
    padding: 30px 0; }
    #portfolio .title {
      margin-bottom: 30px; }
    #portfolio .portolio_items {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #portfolio .portolio_items .portolio_item {
        width: 100%;
        min-height: 350px;
        padding: 30px;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        margin-bottom: 8%; }
        #portfolio .portolio_items .portolio_item .portfolio_brend {
          font: 0.85em/1.25em "GothamPro", sans-serif;
          padding-bottom: 15px;
          margin-bottom: 10px; }
          #portfolio .portolio_items .portolio_item .portfolio_brend:before {
            content: "";
            display: block;
            width: 100px;
            height: 1px;
            background: white;
            position: absolute;
            bottom: -5px; }
          #portfolio .portolio_items .portolio_item .portfolio_brend.black {
            color: black; }
            #portfolio .portolio_items .portolio_item .portfolio_brend.black:before {
              content: "";
              background: #e7e7e7; }
        #portfolio .portolio_items .portolio_item .portfolio_number {
          font: 1em/1.25em "MinionPro-MediumIt", sans-serif;
          color: white; }
        #portfolio .portolio_items .portolio_item .portfolio_img {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin: 0 auto;
          max-width: 100%; }
        #portfolio .portolio_items .portolio_item .portfolio_link {
          font: 0.9em/1em "GothamPro-Italic", sans-serif;
          position: absolute;
          bottom: 30px;
          left: 30px; }
  #aboutme .aboutme_img {
    width: 100%; }
  #storm .storm {
    padding: 40px 0;
    -webkit-border-radius: 0px;
            border-radius: 0px; }
    #storm .storm:before {
      content: url(../img/fire.png);
      position: absolute;
      top: 0;
      left: -50%; }
  #storm .storm_text1 {
    font: 0.9em/1em "GothamPro", sans-serif;
    margin-bottom: 15px; }
  #storm .title {
    margin-bottom: 60px; }
  #storm .storm_list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 55px;
    height: auto; }
    #storm .storm_list li .step {
      width: 100%;
      font: 3.125em/1em "BebasNeueBold", sans-serif;
      text-align: center;
      vertical-align: middle;
      padding-right: 10px;
      padding-left: 0px;
      margin-bottom: 10px;
      position: relative; }
      #storm .storm_list li .step:before {
        content: url(../img/storm/1.png);
        position: absolute;
        top: -webkit-calc(50% - 39px);
        top: calc(50% - 39px);
        right: -webkit-calc(100% - 92px);
        right: calc(100% - 92px); }
    #storm .storm_list li .text1 {
      width: 100%;
      font: 0.9em/1em "GothamPro", sans-serif;
      vertical-align: top;
      padding-right: 0px;
      padding: 10px;
      position: relative;
      top: 0px; }
      #storm .storm_list li .text1.step2 {
        position: relative;
        top: 5px; }
    #storm .storm_list li:nth-child(2) .step:before {
      top: -10px; }
  #storm .storm_list li:nth-child(1) .step:before {
    content: url(../img/storm/1.png); }
  #storm .storm_list li:nth-child(2) .step:before {
    content: url(../img/storm/2.png); }
  #storm .storm_list li:nth-child(3) .step:before {
    content: url(../img/storm/3.png); }
  #storm .storm_list li:nth-child(4) .step:before {
    content: url(../img/storm/4.png); }
  #storm .storm_list li:nth-child(5) .step:before {
    content: url(../img/storm/5.png); }
  #storm .storm_list li:nth-child(6) .step:before {
    content: url(../img/storm/6.png); }
  #storm .storm_list li:nth-child(7) .step:before {
    content: url(../img/storm/7.png); }
  #storm .title.two {
    margin-bottom: 20px;
    text-align: center; }
  #storm .storm_cont {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    padding: 20px;
    margin: 0 15px;
    margin-bottom: 30px; }
    #storm .storm_cont .storm_text2 {
      font: 0.9em/1.25em "GothamPro", sans-serif; }
  #storm .storm_text3 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    text-align: center;
    margin-bottom: 15px; }
  #storm .title.three {
    text-align: center;
    margin-bottom: 40px; }
  #storm .storm_btn {
    padding: 22px 0;
    font: 1.25em/1.25em "BebasNeueBold", sans-serif; }
  #storm .storm_text4 {
    font: 0.9em/1.25em "GothamPro", sans-serif;
    margin-bottom: 20px; }
  #storm .storm_text5 {
    font: 0.9em/1.25em "GothamPro", sans-serif; }
  #storm .storm_btn {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px 0; }
  #work {
    padding: 30px 0; }
    #work .title {
      margin-bottom: 30px; }
    #work .title.two {
      text-align: left;
      position: relative;
      padding-bottom: 12px;
      margin-bottom: 20px; }
      #work .title.two:before {
        content: "";
        display: block;
        width: 74px;
        height: 1px;
        background: black;
        position: absolute;
        bottom: 0;
        left: 0px; }
    #work .work_text1 {
      font: 1em/1.5 "GothamPro", sans-serif;
      padding-right: 0px;
      margin-bottom: 40px; }
    #work .work_img {
      margin-top: -20px; }
    #work #work_form {
      padding: 30px 5%; }
      #work #work_form label {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        position: relative; }
        #work #work_form label .work_subtitle {
          font: 0.9em/1.25em "GothamPro", sans-serif;
          color: black;
          margin-bottom: 5px; }
        #work #work_form label input {
          display: block;
          width: 100%;
          border: none;
          -webkit-border-radius: 5px;
                  border-radius: 5px;
          padding: 14px 10px;
          background: #e7eff2;
          font: 0.9em/1.25em "GothamProB", sans-serif;
          color: black; }
  #fullgar {
    padding: 30px 0; }
    #fullgar .btn {
      width: 100%; }
  .modal.project {
    padding-bottom: 30px; }
    .modal.project .modal-dialog {
      max-width: -webkit-calc(100% - 20px);
      max-width: calc(100% - 20px); }
    .modal.project .modal-content {
      margin-top: 18%; }
    .modal.project .modal-body .close {
      display: block;
      width: 35px;
      height: 35px;
      -webkit-border-radius: 0%;
              border-radius: 0%;
      background: red;
      padding: 0px;
      position: absolute;
      right: 0%;
      top: 0px;
      font: 1.5em/0em "GothamPro", sans-serif;
      text-align: center;
      color: white;
      border: none;
      opacity: 1;
      z-index: 5; }
      .modal.project .modal-body .close:hover {
        opacity: .5;
        cursor: pointer; }
    .modal.project .modal-body .mpr_cont {
      width: 100%;
      height: auto;
      min-height: 250px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .modal.project .modal-body .title {
      font: 1.5em/1em "BebasNeueBold", sans-serif;
      margin: 18px 0;
      padding-right: 36px;
      padding-left: 10px; } }

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