/* STYLE.CSS*/
input[type=text]:focus, textarea:focus{outline:none;}

/*----------variables---------*/
@font-face {
  font-family: Painter;
  src: local("OpenSans"), url(../fonts/painter/Painter_PERSONAL_USE_ONLY.ttf);
   }
/*---------main styles----------*/
a:hover, a:focus {
  text-decoration: none !important; }

body {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif; }
  body.disabled {
    overflow: hidden; }

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif; }

textarea {
  resize: none !important; }

input[type="text"], textarea {
  /*font-weight: 700;*/
  color: #000000;
  font-size: 1em; }

button {
  border: none; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.xs_show {
  display: none; }

/*---------Header-----------*/

.header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0; }

.head_logo {
  background-image:url("../img/logo_head.png");
  background-repeat:no-repeat;
  background-position:left center !important;
  background-size: contain;
  /*padding: 80px;
  width: 200px;
  height: 70px; */
    
	height: 22px !important;
    padding: 0 !important;
    display: inline-block;
  }

.main_nav li {
  display: inline-block; }
.main_nav li + li {
  margin-left: 30px; }



/*=-------home section------------*/
.home_section {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden; }
  .home_section video {
    width: auto;
    height: auto; }

.home_mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9; }

.home_container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10; }

.home_describe {
  width: 820px;
  border: 1px solid #fff;
  padding: 30px;
  color: #fff;
  text-align: center; }
  .home_describe h1 {
    font-weight: 900;
    font-size: 3em;
    text-transform: upercase;
    overflow: hidden;
    border-right: .15em solid #fff;
    white-space: nowrap;
    margin: 0 auto;
    padding-bottom: 15px;
    animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite; }
  .home_describe h2 {
    width: 470px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 2em;
    line-height: 1.5; }

/* The typing effect */
@keyframes typing {
  from {
    width: 0; }
  to {
    width: 100%; } }
/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to {
    border-color: transparent; }
  50% {
    border-color: #fff; } }
/*-------welcome section----------*/
.welcome_section {
  background: #f0f0f0;
  padding-bottom: 50px;
  padding-top: 50px; }

.section_title {
  text-align: center;
  padding: 50px 0; }
  .section_title h2 {
    font-weight: 700;
    color: #000000;
    font-size: 2em;
    text-transform: uppercase; }

.section_content p {
  font-weight: 400;
  font-size: 1.2em;
  line-height: 2;
  width: 730px;
  text-align: center;
  margin: 0 auto; }

/*-------merehead_section--------*/
.merehead_section {
  background: url("../img/merehead.png") no-repeat center;
  background-size: cover;
  padding: 140px 0; }

.mer_content h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2em;
  padding-bottom: 30px; }
.mer_content p {
  font-weight: 400;
  line-height: 2;
  font-size: 1.2em;
  color: #000000;
  width: 450px; }

/*-------startup section---------*/
.startup_section {
  background: url("../img/idcee_bg.png") no-repeat center;
  background-size: cover;
  padding: 100px 0;
  background-position: 20% 0;
  position: relative; }
  .startup_section .idcce_logo {
    position: absolute;
    left: -5px;
    bottom: -2px;
    width: 400px; }
    .startup_section .idcce_logo img {
      width: 100%;
      height: auto; }

.startup_content {
  color: #fff; }
  .startup_content h2 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2em;
    line-height: 2; }
    .startup_content h2 span {
      display: block;
      font-weight: 700; }

/*-------project_section---------*/
.project_section {
  background: #fff;
  padding-top: 30px; }

.all_projects {
  padding: 0; }

.projects_wrap {
  background: #181818;
  padding-top: 70px; }

/*.project_container {
  display: flex;
  justify-content: space-between;
  padding-left: 55px;
  padding-right: 55px;
  flex-wrap: wrap; }*/
  .project_container .project_item {
    /*flex: 0 1 470px;*/
    margin-bottom: 50px; }


.project_cover .container{
	position:relative;
	z-index:3;
}

.project_cover .overlay-p{
	background-color:#000;
	opacity:0.4;
	height:100%;
	width:100%;
	z-index:2;
	position:absolute;
}

.proj_img {
  width: 100%;
  height: 360px;
  overflow: hidden; }
  .proj_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease; }
    .proj_img img:hover {
      width: calc(100% + 50px); }

.project_content {
  background: #fff;
  padding: 40px 40px 20px 40px; }

.project_cat {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  color: #b5b5b5; }

.project-name {
  font-weight: 700;
  font-size: 1.5em;
  color: #000000; }

.project_descr {
  font-weight: 400;
  font-size: 1.2em;
  color: #636363;
  line-height: 1.5;
  margin: 10px 0; }

.more_info {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  align-items: center; }
  .more_info .complexity {
    font-size: 0.9em;
    font-weight: 400;
    color: #636363; }

.project_btn .more_details {
  margin-top:15px;
  display: block;
  background: #fcf443;
  padding: 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-weight: 700;
  text-transform:uppercase;
  font-size: 0.85em; }




.proj_rating {
  padding: 0;
  margin-top: 10px; }
  .proj_rating li {
    display: inline-block;
    list-style: none; }
    .proj_rating li i {
      color: #e8e8e8;
      font-size: 1.5em; }
    .proj_rating li.active i {
      color: #ffa500; }

.more_wrap {
	text-align: center;
  margin-top: 30px; }
  .more_wrap .more_btn {
    background: #f0f0f0;
    padding: 15px 30px;
    font-size: 1em;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transitoin: color 0.3s ease; }
    .more_wrap .more_btn:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fcf443;
      transform: scaleX(0);
      transform-origin: 0 50%;
      transition: transform 0.3s ease-out; }
    .more_wrap .more_btn:hover:before {
      transform: scaleX(1); }

/*-------------post_section---------------*/
.post_section {
  padding-bottom: 50px; }

.post_container {
  display: flex;
  justify-content: space-between; }

.post_wpapper {
  flex: 0 1 23%;
  position: relative; }
  .post_wpapper .post_item .post_img img {
    width: 100%;
    height: 225px;
    object-fit: cover; }

.post_item {
  position: relative; }
  .post_item:after {
    content: '';
    display: block;
    width: 80%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 2px;
    background: #dddddd; }
  .post_item:hover:after {
    background: #fcf443;
    transition: all 0.4s ease; }

.post_descr {
  color: #000000;
  text-align: left;
  padding-top: 10px;
  padding-left: 5px;
  padding-bottom: 10px;
  min-height: 100px; }
  .post_descr .post_date {
    font-weight: 600;
    font-size: 0.9em; }
  .post_descr .post_title {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 800;
    margin-top: 10px; }

.relative_container {
  position: relative;
  padding: 0 30px; }

.post_control {
  position: absolute;
  top: 30%; }
  .post_control i {
    font-size: 2em;
    color: rgba(24, 24, 24, 0.2); }
  .post_control:hover i {
    color: #181818; }
  .post_control.prev {
    left: 0; }
  .post_control.next {
    right: 0; }

/*-------------contact_seciton------------*/
.contact_section {
  padding-top: 50px;
  padding-bottom: 30px;
  background: url("../img/contact.png") no-repeat center;
  background-size: cover;
  background-attachment: fixed; }

.contact_container {
  padding: 0 55px; }

.contact_title {
  margin-bottom: 50px; }
  .contact_title h2 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    position: relative;
    padding-bottom: 30px; }
    .contact_title h2:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 40px;
      height: 2px;
      background: #fff; }
  .contact_title p {
    margin-top: 40px;
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 400; }

.contact_form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .contact_form .input_field {
    flex: 0 1 48%;
    margin-bottom: 25px; }
  .contact_form .area_field, .contact_form .button_field {
    flex: 0 1 100%; }

.input_field input[type="text"] {
  width: 100%;
  height: 60px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 2px;
  border: none;
  transition: all 0.4s ease; }

.area_field textarea {
  width: 100%;
  height: 220px;
  border: none;
  border-radius: 2px;
  padding: 30px; }

.button_field {
  display: flex;
  justify-content: center;
  margin-top: 25px; }

.contact_btn {
  background: #fcf443;
  padding: 15px 30px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase; }

.footer_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 130px; }

.copyright {
  color: #fff; }
  .copyright p {
    font-weight: 300;
    font-size: 1em;
    margin: 0; }
    .copyright p span {
      color: #fcf443; }

.social {
  display: flex;
  justify-content: space-between; }
  .social a {
    color: #fff;
    font-size: 1.2em;
    transition: all 0.4s ease; }
    .social a:hover, .social a:focus {
      color: #fcf443; }
  .social a + a {
    margin-left: 10px; }

.sm_show {
  display: none; }

/*-------------hamburrger-----------------*/
.hamburger {
  background: #1a1a1c;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  border: 0;
  margin: 0;
  overflow: visible;
  z-index: 99;
	position: absolute !important;
	right: 15px;
	top:15px;
		}




/*

   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.2s; }

.hamburger--slider .hamburger-inner::after {
  top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0; }

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.2s; }

.hamburger--slider-r .hamburger-inner::after {
  top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0; }

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg); }

/*-------------single_project-------------*/
.project_cover {
  position: relative;
  max-width: 100%;
  background: url(../img/proj_bg.jpg) no-repeat center;
  background-size: cover !important;
  height: 100vh;
  background-attachment: fixed !important;
  display: flex;
  justify-content: center;
  align-items: center; }

.header_cover {
  position: relative;
  max-width: 100%;
  width: 100% !important;
  background-size: cover !important;
  height: 100vh;
  background-attachment: fixed !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-attachment: fixed !important; }

.projects_cover {
  background: url(../img/projects_cover.png) no-repeat center; }

.contacts_cover {
  background: url(../img/zoriana.jpg) no-repeat center; }

.proj_header {
  color: #fff;
  font-family: 'Roboto', sans-serif; }
  .proj_header h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 3em;
    position: relative; }
    .proj_header h2:after {
      content: '';
      width: 50px;
      height: 2px;
      background: #fff;
      display: block;
      margin-top: 80px; }
  .proj_header p {
    width: 600px;
    margin-top: 30px;
    font-weight: 300;
    font-size: 1.3em;
    line-height: 2; }

.back {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1em; }
  .back i {
    padding-right: 15px; }
  .back:hover, .back:focus {
    color: #fff; }

.arabia {
  font-family: Painter; }

.inline_list li {
  display: inline-block; }

.share_title {
  margin: 0;
  color: #878787;
  font-size: 1em;
  display: inline; }

.solution_section {
  padding-bottom: 50px;
  color: #000000; }

.solution_header {
  padding: 25px 0;
  border-bottom: 1px solid #ebedee; }
  .solution_header a {
    color: #000000;
    font-family: 'Montserrat', sans-serif; }

.share_list {
  display: inline;
  margin-left: 30px; }
  .share_list li + li {
    margin-left: 15px; }
  .share_list li a {
    font-weight: 700;
    font-size: 1em; }

.visite_site {
	font-size:1em;
  float: right;
  text-transform: uppercase;
  font-weight: 700; }
  .visite_site i {
    padding-left: 10px;
    color: #fcf443; }

.solution_wrap {
  padding: 100px 0 60px 0; }

.solution_describe h2 {
  font-size: 2em;
  text-transform: uppercase;
  margin: 0; }

.content_paragraph {
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.8;
  padding-top: 30px; }

.solution_advantages ul li + li {
  margin-top: 100px; }
.solution_advantages ul li span {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 1.1em;
  text-transform: uppercase; }
  .solution_advantages ul li span.advantages_number {
    font-weight: 900;
    font-size: 2em;
    display: flex;
    align-items: flex-start; }
    .solution_advantages ul li span.advantages_number .min {
      padding-top: 3px;
      font-size: 0.7em;
      font-weight: 900; }

.project_presentation {
  padding: 80px 0;
  position: relative; }
  .project_presentation.presentation_1 {
    background: #2d2d2d;
    color: #fff; }
    .project_presentation.presentation_1 .presentation_content {
      text-align: right; }
  .project_presentation.presentation_2 {
    background: #fff;
    color: #000000; }
    .project_presentation.presentation_2 .presentation_content {
      text-align: left; }
  .project_presentation.presentation_3 {
    background: #f1f1f1; }

.presentation_content h2 {
  text-transform: uppercase;
  line-height: 1.25;
  font-weight: 900;
  font-size: 2em; }

.present_img img {
  width: 100%;
  height: auto; }

.ipad_wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 45%;
  z-index: 10;
  text-align: right;
  overflow: hidden;
  margin-bottom: -170px; }
  .ipad_wrap img {
    width: auto;
    height: 840px; }

.imac_wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -70px;
  width: 45%;
  z-index: 10;
  overflow: hidden; }
  .imac_wrap img {
    width: auto;
    height: 600px; }

.project_screen {
  margin-bottom: 30px; }
  .project_screen img {
    width: 100%;
    height: auto;
    border: 3px solid #d4d4d4; }
  .project_screen.more_margin {
    margin-top: 30px; }
  .project_screen.less_margin {
    margin-top: -110px; }

.screenshots_container {
  column-count: 2;
  column-gap: 30px;
  padding-top: 50px; }

.project_info {
  background: #Fff;
  padding: 100px 0;
  border-bottom: 1px solid #d3d3d4; }

.center_text {
  text-align: center; }

.info_content h2 {
  text-transform: uppercase;
  font-size: 2em; }
.info_content p {
  width: 700px;
  margin: 0 auto; }

.social_share {
  margin-top: 15px; }
  .social_share li > a {
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    color: #000000; }
    .social_share li > a:hover, .social_share li > a:focus {
      background: #fcf443;
      transition: all 0.4s ease; }
  .social_share li + li {
    margin-left: 15px; }

.footer_nav {
  background: #fff; }

.nav_container {
  border-bottom: 1px solid #d3d3d4;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0; }
  .nav_container a {
    color: #000000;
    font-size: 1.1em;
    text-transform: uppercase; }
  .nav_container a + a {
    margin-left: 15px; }

.contact_us_wrap {
  text-align: center;
  padding: 30px 0; }
  .contact_us_wrap a {
    margin: 0 auto;
    display: block;
    width: 200px;
    padding: 5px;
    border: 1px solid #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 700; }
    .contact_us_wrap a span {
      display: block;
      background: #000000;
      color: #fff;
      text-transform: uppercase;
      padding: 10px 30px; }

.footer_logo {
  padding: 15px 0 55px 0;
  text-align: center; }
  .footer_logo img {
    width: 200px; }

footer {
  background: #000000;
  padding: 15px 0; }
  footer .footer_container {
    margin: 0; }

.terms a, .terms span {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700; }

/*--------------contact page--------------*/
.contact_page {
  padding: 100px 0;
  font-family: 'Open Sans', sans-serif;
  color: #000000; }

.contact_info h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: 1.75;
  padding-bottom: 30px; }
.contact_info p {
  font-size: 1em;
  font-weight: 400;
  line-height: 2; }
.contact_info span {
  font-weight: 800; }
.contact_info .email_link {
  color: #000000; }

.contact_logo {
  display: block;
  padding: 15px 0;
  color: #000000;
  font-weight: 400;
  font-size: 1.2em;
  text-transform: uppercase; }
  .contact_logo:hover, .contact_logo:focus {
    color: #000000; }

.contact_us_wrapper {
  padding: 0 75px;
  background: #f7f7f7; }

.contact_us_field {
  width: 100%;
  margin-top: 15px;
  text-align: left; }
  .contact_us_field input[type="text"], .contact_us_field textarea {
    width: 100%;
    border: 1px solid #9f9f9f; }
  .contact_us_field input[type="text"] {
    height: 40px;
    padding: 0 15px; }
  .contact_us_field input::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000; }
  .contact_us_field input::-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000; }
  .contact_us_field input:-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000; }
  .contact_us_field input:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000; }
  .contact_us_field textarea::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000; }
  .contact_us_field textarea::-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000; }
  .contact_us_field textarea:-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000; }
  .contact_us_field textarea:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000; }
  .contact_us_field p {
    padding-top: 15px;
    font-weight: 700; }
    .contact_us_field p span {
      font-weight: 400; }
  .contact_us_field textarea {
    padding: 10px 15px;
    height: 150px; }

.contact_us_submit {
  margin-top: 30px;
  text-align: center; }
  .contact_us_submit button {
    background: #ffd802;
    color: #000000;
    padding: 10px 45px;
    text-transform: uppercase;
    font-weight: 700; }

/*-------------blogpost-------------------*/
.content_paragraph a, .post_content a{
	color:#275da3;
    transition: all 0.4s ease;
}
.content_paragraph a:hover, .post_content a:hover{
	color:#275da3;
	border-bottom:1px solid #275da3;
}

.blogpost_cover {
  background: url("../img/blog_cover.jpg") no-repeat center; }
  .blogpost_cover:before {
    top: 0;
    left: 0; }

.blogpost_overlay {
  /*padding: 0 0 40px 0 !important;*/
  padding: 80px 0;
  background: #fff; }
  .blogpost_overlay--reverse {
    background: #f9f9f9; }

.blogpost_wrapper {
  position: relative;
  /*padding-top: 80px;*/ }

.post_img {
  width: 265px;
  height: 225px;
  overflow: hidden; }
  .post_img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.blogpost_describe {
  color: #878787;
  padding-left: 70px; }
  .blogpost_describe .blogpost_title {
    display: block;
    font-size: 2em;
    color: #000000;
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: inherit !important; }
  .blogpost_describe p {
   /* margin-top: 50px;
    padding-left: 55px;*/
    font-size: 1.2em;
    line-height: 2; }

.related_overlay {
  padding: 80px 0;
  background: #f9f9f9; }

.single_post {
  padding: 40px 0;
  font-family: 'Open Sans', sans-serif; }
.single_post img{
	display:block;
	margin:0 auto;
	/*border:1px solid #DBDBDB;*/
	max-width:100%;
	height:auto;
}


.post_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #878787;
  font-size: 1em;
  padding:0 !important;
  font-weight: 500;}
  .post_header .post_category {
    color: #878787;
    text-transform: lowercase; }

.post_date {
  color: #878787;
  font-size: 1em; }

.post_content {
  padding-bottom: 40px; }
  .post_content h2 {
    padding-top: 30px;
    margin: 0;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800; }
  .post_content p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 1.2em;
    padding-top: 30px;
    margin: 0; }
  .post_content p iframe{
	  width:100%;
  }
  .post_content h3 {
    font-size: 2em !important;
    font-weight: 700;
    padding-top: 30px;
    margin: 0; }

.post_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px; }

.post_author {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .post_author__avatar {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%; }
    .post_author__avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .post_author__name {
    padding-left: 10px;
    font-size: 1em;
    font-weight: 400;
    font-family: 'Roboto', sans-serif; }

.post_sharing {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .post_sharing span {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.1em;
    color: #000000; }
  .post_sharing .share_group {
    margin-left: 15px; }
    .post_sharing .share_group a {
      color: #cfd0d2; }
      .post_sharing .share_group a i {
        font-size: 1.2em; }
      .post_sharing .share_group a:hover, .post_sharing .share_group a:focus {
        color: #000000;
        transition: all 0.4s ease; }
    .post_sharing .share_group a + a {
      margin-left: 10px; }

.related_title {
  padding-bottom: 80px; }
  .related_title{
    margin: 0;
    font-weight: 700;
    font-size: 2em;
	font-family:Montserrat,sans-serif;
    text-transform: uppercase; }

.blogpost_wrapper .post_img {
  /*margin-top: 100px;*/ }

.blogpost_describe .post_footer {
  padding-left: 55px;
  padding-top: 30px; }

.post_extra {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 55px;
  padding-top: 30px; }
  .post_extra .post_date {
    position: absolute;
    right: 0;
    top: -40px; }



/* tmp.CSS*/
/* IMPROVE QALITY */
img {
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}


/* HOMEPAGE */
.startup_section{
    padding: 60px 0;
}

.welcome_section{
    padding-bottom: 100px;
}

.contact_section {
    padding-bottom: 50px !important;
}

.project_cat {
    font-weight: 0 !important;
}

label{
    color:#fff;
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    padding:1px 0 0 0;
}

[type="checkbox"]:not(:checked),[type="checkbox"]:checked{
    position:absolute;
    left:-9999px;
}

[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label{
    position:relative;
    padding-left:35px;
    cursor:pointer;
    top: 12px;
    font-weight: 100;
}

[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before{
    content:'';
    position:absolute;
    left:0;
    top:2px;
    width:19px;
    height:19px;
    border:1px solid #969697;
    background:#1a1a1c;
    border-radius:0;
}

[type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after{
    content:'\2713';
    position:absolute;
    top:6px;
    left:5px;
    font-size:14px;
    line-height:0.8;
    color:#fff;
    -webkit-transition:all .2s;
    transition:all .2s;
}

[type="checkbox"]:not(:checked) + label:after{
    opacity:0;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
}

[type="checkbox"]:checked + label:after{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}

label:hover:before{
    border:1px solid #ffd802 !important;
    transition:all .2s;
}

.button_field {
    justify-content: inherit !important;
}

.contact_title p {
    text-transform: none !important;
}
.contact_title a {
    color: #fff !important;
}
.project_title{
    font-weight: 700;
    font-size: 1.0em;
    color: #000000;
}
.project_title:hover{
    color: #303030;
}


/* LIST OF PROJECTS */
.project-name, .project_descr{
  height: 45px;
}



	.breadcrumbs {
		background-color:#f1f1f1;
  		padding: 25px 0;
  		border-bottom: 1px solid #ebedee; }
	.breadcrumbs div[itemtype]{display:inline-block;}

	.breadcrumbs a{
		color:#878787;
		font-size:1em;
		display:inline;
	}
	.breadcrumbs .hyphen{
		color:#878787;
		font-size:1em;
		display:inline;
		margin:0 20px;
		font-style:normal;
	}
	.breadcrumbs a:hover{border-bottom:1px solid #878787;}
	.breadcrumbs a.active{
		color:#000;
		font-size:1em;
		display:inline;
	}
/* PROJECT PAGE */

.solution_header .complexity{
    display: inline-block !important;
}

.solution_header .proj_rating {
    display: inline-block;
    position: relative;
    margin-top: 0 !important;
    left: 13px;
}

.startup_section .idcce_logo {
    width: 350px !important;
}

.startup_content h2 span {
    display: inline-block !important;
    color:#fff;
}
.project_screen2 img {
    width: 100%;
    height: auto;
    padding: 25px 0;
}
.project_presentation.presentation_30 {
    background: #303030;
}

.facebook_title{
	color:#fff;
	font-size:24px;
	padding:10px 0 20px 0;
}



/* Modal section */
.error_field{
  border:1px solid red !important;
}

.modal-content {
    background: rgba(0,0,0,0.9) !important;
    border-radius: 0!important;
    text-align: center !important;
}

.contact_form p {
    margin: 0 0 10px 0;
}
.contact_modal p {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 3em;
    text-align: center;
}
.contact_modal span:not(.country-name):not(.dial-code) {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    text-align: center;
}


/* Contact page */
.contact_us_wrapper {
    padding: 15px 50px 45px 50px !important;
}


/* Project page */
.project_btn_div{
	padding: 30px 0;
}
.project_btn_cost_calculator{
	padding:15px 30px;
	border:1px solid #000;
	display:inline-block;
	margin-right:30px;
	font-size: 14px;
	cursor: pointer;
	color: #000;
}
.project_btn_same_project{
	padding:15px 30px;
	border:1px solid #000;
	display:inline-block;
	font-size: 14px;
	cursor: pointer;
	color: #000;
}
.project_btn_cost_calculator:hover, .project_btn_same_project:hover{
	color: #fff;
	background: #000;
}





/* homepage.css*/
.contact_form__textarea {
  width: 100%;
  border: 1px solid #ececec;
  padding: 10px 15px;
  height: 80px;
  resize: none;
}
input, textarea{
  font-family: 'Open Sans',sans-serif;
  color: #333;
}
.contact_form input::-webkit-input-placeholder{
  font-family:'Open Sans',sans-serif;
  font-weight:400;
  color:#949494;
}
.contact_form input::-moz-placeholder{
  font-family:'Open Sans',sans-serif;
  font-weight:400;
  color:#949494;
}
.contact_form input:-moz-placeholder{
  font-family:'Open Sans',sans-serif;
  font-weight:400;
  color:#949494;
}
.contact_form input:-ms-input-placeholder{
  font-family:'Open Sans',sans-serif;
  font-weight:400;
  color:#949494;
}
.contact_form textarea::-webkit-input-placeholder{
  font-family:'Open Sans',sans-serif;
  font-weight:400;
  color:#949494;
}
.contact_form textarea::-moz-placeholder{
  font-family:'Open Sans',sans-serif;
  font-weight:400;
  color:#949494;
}
.contact_form textarea:-moz-placeholder{
  font-family:'Open Sans',sans-serif;
  font-weight:400;
  color:#949494;
}
.contact_form textarea:-ms-input-placeholder{
  font-family:'Open Sans',sans-serif;
  font-weight:400;
  color:#949494;
}
.error_field{
  border:1px solid red !important;
}

@font-face {
  font-family: Painter;
  /* имя шрифта для CSS правил */
  src: local("OpenSans"), url(../fonts/painter/Painter_PERSONAL_USE_ONLY.ttf);
  /* если шрифт не установлен, тогда загружаем его по указанному пути */ }

/*---------main styles----------*/
body {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif; }
  body.disabled {
    overflow: hidden; }

 a:hover, a:focus {
  text-decoration: none !important; }
 button, div, a {
    outline: none !important;
 }
 ul {
   margin: 0;
   padding: 0;
   list-style: none; }

 .xs_show {
   display: none; }

 .project_item .project_descr{
  max-height:50px;
  min-height:50px;
    overflow: hidden;

    height: 50px;
}


 /*---------Header-----------*/
 header {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 99;
   font-size: 14px;
   width: 100%; }

  header.sticky{
	  position:fixed;
	  background-color:rgba(0,0,0, 0.85);
  }

 .header_container {
   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-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 30px 0; }

 .head_logo {
   background: url("/dist/img/logo_head.png") no-repeat center;
   background-size: contain;
   padding: 80px;
   width: 200px;
   height: 70px; }

 .main_nav li {
   display: inline-block; }

 .main_nav li + li {
   margin-left: 30px; }

 .main_nav li a {
   padding-bottom: 20px;
   border-bottom: 3px solid transparent;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   font-size: 1em;
   text-transform: uppercase;
   color: #fff; }
   .main_nav li a:hover, .main_nav li a:focus {
     border-bottom: 3px solid #ffd802; }

 /* The typing effect */
 @-webkit-keyframes typing {
   from {
     width: 0; }
   to {
     width: 100%; } }
 @keyframes typing {
   from {
     width: 0; }
   to {
     width: 100%; } }

 /* The typewriter cursor effect */
 @-webkit-keyframes blink-caret {
   from, to {
     border-color: transparent; }
   50% {
     border-color: #fff; } }
 @keyframes blink-caret {
   from, to {
     border-color: transparent; }
   50% {
     border-color: #fff; } }


 /*-------------hamburrger-----------------*/
 .hamburger {
   background: #1a1a1c;
   width: 50px;
   height: 50px;
   display: inline-block;
   cursor: pointer;
   -webkit-transition-property: opacity, -webkit-filter;
   transition-property: opacity, -webkit-filter;
   transition-property: opacity, filter;
   transition-property: opacity, filter, -webkit-filter;
   -webkit-transition-duration: 0.15s;
           transition-duration: 0.15s;
   -webkit-transition-timing-function: linear;
           transition-timing-function: linear;
   font: inherit;
   color: inherit;
   text-transform: none;
   border: 0;
   margin: 0;
   overflow: visible;
   position: relative;
   z-index: 99; }

 .hamburger-box {
   width: 30px;
   height: 24px;
   display: inline-block;
    position: absolute !important;
    left: 10px;
    top: 12px;
	}

 .hamburger-inner {
   display: block; }

 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
   width: 30px;
   height: 2px;
   background-color: #fff;
   border-radius: 4px;
   position: absolute;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   -webkit-transition-duration: 0.15s;
           transition-duration: 0.15s;
   -webkit-transition-timing-function: ease;
           transition-timing-function: ease; }

 .hamburger-inner::before, .hamburger-inner::after {
   content: "";
   display: block; }

 .hamburger-inner::before {
   top: -10px; }

 .hamburger-inner::after {
   bottom: -10px; }

 /*

    * Slider
    */
 .hamburger--slider .hamburger-inner {
   top: 2px; }

 .hamburger--slider .hamburger-inner::before {
   top: 10px;
   -webkit-transition-property: opacity, -webkit-transform;
   transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   -webkit-transition-timing-function: ease;
           transition-timing-function: ease;
   -webkit-transition-duration: 0.2s;
           transition-duration: 0.2s; }

 .hamburger--slider .hamburger-inner::after {
   top: 20px; }

 .hamburger--slider.is-active .hamburger-inner {
   -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
           transform: translate3d(0, 10px, 0) rotate(45deg); }

 .hamburger--slider.is-active .hamburger-inner::before {
   -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
           transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
   opacity: 0; }

 .hamburger--slider.is-active .hamburger-inner::after {
   -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
           transform: translate3d(0, -20px, 0) rotate(-90deg); }

 /*
    * Slider Reverse
    */
 .hamburger--slider-r .hamburger-inner {
   top: 2px; }

 .hamburger--slider-r .hamburger-inner::before {
   top: 10px;
   -webkit-transition-property: opacity, -webkit-transform;
   transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   -webkit-transition-timing-function: ease;
           transition-timing-function: ease;
   -webkit-transition-duration: 0.2s;
           transition-duration: 0.2s; }

 .hamburger--slider-r .hamburger-inner::after {
   top: 20px; }

 .hamburger--slider-r.is-active .hamburger-inner {
   -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
           transform: translate3d(0, 10px, 0) rotate(-45deg); }

 .hamburger--slider-r.is-active .hamburger-inner::before {
   -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
           transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
   opacity: 0; }

 .hamburger--slider-r.is-active .hamburger-inner::after {
   -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
           transform: translate3d(0, -20px, 0) rotate(90deg); }

/*-------project_section---------*/
.project_section {
  background: #fff;
  padding-top: 30px; }

.all_projects {
  padding: 0; }

.projects_wrap {
  background: #181818;
  padding-top: 70px; }

/*.project_container {
  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;
  padding-left: 55px;
  padding-right: 55px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }*/
  .project_container .project_item {
     width: 544px;
	 display:inline-block;
	 clear:both;
    margin-bottom: 50px; }
	.project_container .project_item:nth-child(even){
		float:right;}

.proj_img {
  width: 100%;
  height: 360px;
  overflow: hidden; }
  .proj_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .proj_img img:hover {
      width: -webkit-calc(100% + 50px);
      width: calc(100% + 50px); }

.project_content {
  background: #fff;
  padding: 40px 40px 20px 40px; }

.project_cat {
	text-transform:capitalize;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  color: #b5b5b5; }

.project-name {
  font-weight: 700;
  font-size: 1.5em;
  color: #636363 !important;
  }

.project-name a{
	color: #636363 !important;
}

.project_descr {
  font-weight: 400;
  font-size: 1.0em;
  color: #636363;
  line-height: 1.5;
  margin: 10px 0; }

.more_info {
  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;
  margin-top: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .more_info .complexity {
    font-size: 0.9em;
    font-weight: 400;
    color: #636363; }



.proj_rating {
  padding: 0;
  margin-top: 10px; }
  .proj_rating li {
    display: inline-block;
    list-style: none; }
    .proj_rating li i {
      color: #e8e8e8;
      font-size: 1.5em; }
    .proj_rating li.active i {
      color: #ffa500; }


  .more_wrap .more_btn {
    background: #f0f0f0;
    padding: 15px 30px;
    font-size: 1em;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transitoin: color 0.3s ease; }
    .more_wrap .more_btn:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fcf443;
      -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: 0 50%;
          -ms-transform-origin: 0 50%;
              transform-origin: 0 50%;
      -webkit-transition: -webkit-transform 0.3s ease-out;
      transition: -webkit-transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
    .more_wrap .more_btn:hover:before {
      -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
              transform: scaleX(1); }




/*----------HEADER--------------*/
/*
header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%; }

.header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 0; }

.head_logo {
  background: url(../img/logo_head.png) center no-repeat;
  background-size: contain;
  padding: 80px;
  width: 200px;
  height: 70px; }
*/
.intouch_btn {
  padding: 10px 30px;
  font-size: 1em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff; }
  .intouch_btn:hover, .intouch_btn:focus {
    color: #000;
    background: #fdf142;
    border: 1px solid transparent;
    transition: all 0.3s ease; }
  .intouch_btn--reverse {
    color: #000;
    background: #fdf142;
    border: 1px solid transparent; }
    .intouch_btn--reverse:hover {
      color: #fff;
      border: 1px solid #fff;
      background: transparent; }
/*--------------HOME-----------*/
.home_section {
  /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;*/
  /*padding: 0 0 150px 0;*/
  padding: 0 0 0 0;
  min-height:650px;
  background: url(../img/home_bg.jpg) center no-repeat;
  background-size: cover;
  align-items: center;
      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;
  }

.home_container-l {
  margin-top: 100px;
  text-align: center;
  font-family: 'Montserrat', sans-serif; }
  .home_container-l p {
    color: #fdf142;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase; }
  .home_container-l h1 {
    padding: 30px 0;
    color: #fff;
    font-size: 5em;
    font-weight: 900;
    text-transform: uppercase; }
  .home_container-l h2 {
    color: #fff;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 2; }

.learn_more {
  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;
  width: 210px;
  margin: 60px auto 0 auto;
  background: #fdf142;
  color: #020000;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 0;
  /*box-shadow: 0px 0px 22.55px 1.45px rgba(253, 241, 66, 0.99);*/ }
  .learn_more:hover, .learn_more:focus, .more_details:hover, .more_details:focus {
    transition: all 0.3s ease-in;
      box-shadow: 0px 0px 12.55px 1.45px #f8e300;
    background: #f8e300;
    color: #020000; }

/*------------DEVELOP-------------*/
.develop {
  padding: 100px 0;
  color: #28292d;
  background: url(../img/line_bg.png) center no-repeat;
  background-size: cover; }

.title_wrapper {
  font-family: 'Montserrat', sans-serif; }
  .title_wrapper--center {
    text-align: center; }

.category_subtitle {
  display: block;
  padding-bottom: 45px;
  font-size: 1em;
  text-transform: uppercase;
  color: #d9cc0b; }

.section_title {
  width: 485px;
  font-size: 3.6em;
  color: #28292d;
  font-weight: 900;
  text-align:left;
  text-transform: uppercase; }
  .section_title--reverse {
    color: #fff;
    text-align: right; }
  .section_title--center {
    margin: 0 auto;
    text-align: center; }

.develop_container {
  padding: 0 70px; }

.develop_items {
  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;
  margin-top: 45px; }

.develop_item--first {
  width: 375px; }
.develop_item--second {
  width: 215px; }
.develop_item--third {
  width: 315px; }

.info_title {
  font-family: 'Montserrat', sans-serif;
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 1.5em;
  font-weight: 700; }

.info_paragraph {
  font-family: 'Open Sans',sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.4; }
  .info_paragraph--grey {
    color: #999; }

.proj_count {
  display: block;
  padding: 30px 0 15px 0;
  font-size: 4.5em;
  color: #fdf142;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900; }

.develop_img {
  width: 100%;
  height: auto; }
  .develop_img--top_padding {
    padding-top: 45px; }
  .develop_img--bottom_padding {
    padding-bottom: 20px; }

/*------------FAQ_SECTION---------------*/
.faq_section {
  padding: 80px 0;
  background: #f7f7f7;
  position: relative;
  overflow: hidden; }

.faq_sign {
  position: absolute;
  right: -100px;
  top: -75px;
  width: 250px; }
  .faq_sign img {
    width: 100%; }

.faq_container {
  margin-top: 120px;
  column-count:3;
  column-gap:20px;}

.grid-sizer {
  width: 30%; }

.gutter-sizer {
  width: 5%; }

.faq_item {
  /*width: 30%;
  float: left;*/
  display:inline-block;
  height: auto; }

/*------------RESULT_SECTION------------*/
.result_section {
  position: relative;
  background: #222222 url(../img/line_bg2.png) center no-repeat;
  background-size: cover;
  padding: 80px 0; }

.result_left_pic {
  position: absolute;
  left: 0;
  width: 750px; }
  .result_left_pic img {
    width: 100%; }

.result_top {
  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-box-align: end;
    -ms-flex-align: end;
        align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
 }

.result_descr {
  position: relative;
  width: 475px;
  margin-top: 30px;
  background: #222222;
  padding: 30px 40px 20px 50px;
  box-shadow: 0px 4px 54px 0px rgba(21, 21, 21, 0.35);
  font-family: 'Open Sans',sans-serif; }
  .result_descr p {
    color: #999999;
    font-size: 1em;
    line-height: 1.4;
    font-weight: 400;}
  .result_descr img {
    position: absolute;
    bottom: 0;
    left: -35px;
    z-index: 2; }

.result_info_wrap {
  margin-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
   }

.result_info {
  width: 400px;
  margin-right: 50px;
  text-align: right;
  font-family: 'Montserrat', sans-serif; }
  .result_info h2 {
    font-size: 1.8em;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase; }
  .result_info span {
    display: block;
    margin-top: 35px;
    margin-bottom: 10px;
    color: #fdf142;
    font-size: 1.5em;
    font-weight: 900; }

.result_info_img {
  width: 545px; }
  .result_info_img img {
    width: 100%; }

/*------------SUCCSESS------------*/
.success_section {
  padding: 150px 0;
  background: #222222 url(../img/line_bg.png) center no-repeat;
  background-size: cover;
  overflow: hidden; }

.success_intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
  position: relative; }
  .success_intro__text {
    width: 40%; }
    .success_intro__text p {
      margin-top: 80px;
      margin-bottom: 30px; }
  .success_intro__photo {
    width: 50%;
    position: relative; }
    .success_intro__photo img {
      width: 100%; }

.success_triangle {
  position: absolute; }
  .success_triangle--first {
    top: 160px;
    right: -50px; }
  .success_triangle--second {
    top: -30px;
    left: 140px; }

.success_qoute {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Montserrat', sans-serif;
}
  .success_qoute__img {
    width: 55%;
    height: 370px;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    .success_qoute__img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .success_qoute__info {
    position: relative;
    width: 45%;
    float: left;
    background: #fff;
    margin-left: -75px;
    padding: 115px 0 170px 140px;
    box-shadow: 0px 0px 39.2px 0.8px rgba(0, 0, 0, 0.07); }
    .success_qoute__info h2 {
      width: 345px;
      font-size: 1.8em;
      font-weight: 900;
      text-transform: uppercase; }

.success_list {
   display: block;
   margin-top: 30px;
}

.grid-sizer2 {
  width: 40%; }

.gutter-sizer2 {
  width: 20%; }

.success_item {
  width: 40%;
  height: auto;
  /*float: left;*/
  margin-top: 30px;
  display:inline-block;
  position: relative; }

  .success_item:nth-child(even){
	  float:right;
  }


  .success_item__img {
    width: 100%; }

.title_number {
  position: absolute;
  top: 40px;
  left: -70px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 4em;
  z-index: 2; }
  .title_number:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 150px;
    left: -10px;
    top: -40px;
    background: url("../img/number_bg.png") no-repeat center;
    z-index: -1; }
  .title_number--fact {
    left: 0; }

.paginated_title {
  position: relative; }

/*------------OUR WORKS-----------*/
.our_works {
  padding: 100px 0;
  background: #222222 url(../img/line_bg2.png) center no-repeat;
  background-size: cover; }

.works_container {
  padding: 0 70px;
  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;
   }

.work_item {
  width: 46%;
  margin-top: 30px; }

.work_img {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 360px; }
  .work_img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.works_subtitle {
  width: 600px;
  margin-top: 30px !important;
  margin-bottom: 70px !important;
  font-size: 1.1em;
  color: #999;
  line-height: 2;
  font-family: 'Open Sans',sans-serif; }
  .works_subtitle--center {
    margin: 0 auto;
    text-align: center; }

.work_info {
  padding: 30px 0 50px 40px;
  font-family: 'Montserrat', sans-serif;
  color: #fff; }

.work_category {
  display: block;
  font-weight: 700;
  font-size: 0.8em;
  text-transform: uppercase; }

.work_title {
  display: block;
  margin: 10px 0 20px 0;
  font-size: 1.5em;
  font-weight: 700;
  color: #fff; }
  .work_title:hover, .work_title:focus {
    color: #fff; }

.work_describe {
  color: #999;
  font-size: 1em;
  font-family: 'Open Sans',sans-serif;
  line-height: 1.5; }

/*-----------FACT-SECTION--------*/
.grid-sizer3 {
  width: 44%; }

.gutter-sizer3 {
  width: 12%; }

.facts_section {
  padding: 80px 0;
  background: #222222 url(../img/line_bg.png) center no-repeat;
  background-size: cover; }

.fact_container {
  width: 100%; }

.fact_item {
  width: 42%;
  margin-top: 70px;
  display:inline-block;
  /*float: left;*/
  height: auto; }
  .fact_item:nth-child(odd){
	  float:right;
  }


  .fact_item__text {
    padding-left: 100px;
    padding-top: 10px;
    position: relative; }

.fact_img {
  height: 200px;
  width: auto; }
  .fact_img--to_right {
    padding-left: 100px; }

/*-----------YEARS_SECTION-------*/
.years_section {
  padding: 85px 0;
  position: relative;
  overflow: hidden;
  background: url("../img/years_bg.jpg") no-repeat center;
  background-size: cover;
  background-position: 0; }

.years_info {
  width: 770px;
  margin-left: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  line-height: 1.4; }
  .years_info p {
    position: relative;
    z-index: 6; }
  .years_info p > span {
    position: relative;
    z-index: -1;
    color: #28292d; }
    .years_info p > span:before {
      content: '';
      background: url(../img/span_triangle.png) center no-repeat;
      position: absolute;
      z-index: -1;
      background-size: contain;
      width: 155px;
      height: 60px;
      top: -23px;
      left: -25px; }

/*-----------about start----------*/
.about_start {
  padding: 120px 0 0 0; }

.bold_subtitle {
  margin-top: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 1.8em;
  text-transform: uppercase; }

.start_intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.intro_photo {
  width: 270px; }
  .intro_photo img {
    max-width: 100%; }
  .intro_photo + .intro_photo {
    margin-left: 30px; }

.intro_paragraph {
  width: 675px;
  margin-top: 30px;
  margin-bottom: 30px;
  float: right;
  text-align: right; }

.start_info_container {
  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;
  width: 100%;
  padding-top: 50px; }

.start_info_text--text_right {
  text-align: right;
  float: right; }

.start_info_text p + p {
  margin-top: 30px; }

.start_info_text .info_title {
  padding-bottom: 30px; }

.start_info_photo img {
  width: 100%; }

.start_info_text, .start_info_photo {
  width: 48%; }

.team_wrapper {
  margin-top: 100px;
  display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex; }

.team_box {
  width: 56%;
  padding-left: calc(50% - 470px);
  box-shadow: 0px 0px 39.2px 0.8px rgba(0, 0, 0, 0.07);
  position: relative; }
  .team_box .team_triangle {
    position: absolute;
    top: -45px;
    right: 70px; }

.team_container {
  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;
  padding: 0 40px 80px 0; }

.team_item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 33%;
      -ms-flex: 0 1 33%;
          flex: 0 1 33%;
  margin-top: 30px;
  font-family: 'Montserrat', sans-serif; }
  .team_item__img {
    width: 140px;
    height: 140px;
    overflow: hidden; }
    .team_item__img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .team_item p {
    margin-top: 20px;
    font-size: 0.95em;
    font-weight: 400; }
  .team_item span {
    display: block;
    font-size: 1.1em;
    line-height: 1;
    font-weight: 900;
    padding: 15px 0; }

.team_position {
  position: relative; }
  .team_position:before {
    content: '';
    position: absolute;
    display: block;
    height: 27px;
    width: 125px;
    left: 0;
    bottom: 10px;
    background: #fdf142;
    z-index: -1; }

.team_infoBox {
  width: 44%;
  padding-right: calc(50% - 490px);
  padding-left: 50px; }

.team_info_title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 1.5em;
  position: relative; }
  .team_info_title--uppercase {
    text-transform: uppercase; }
  .team_info_title .team_qoute {
    position: absolute;
    left: -45px;
    top: -100px;
    color: #fdf142;
    font-size: 6em; }

.team_info__text {
  margin-top: 200px;
  text-align: right; }
  .team_info__text .info_title {
    padding-bottom: 30px; }
  .team_info__text p {
    margin-top: 30px; }

.team_title {
  padding: 75px 0 35px 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 1.9em; }
  .team_title--uppercase {
    text-transform: uppercase; }

/*-----------FORM_SECTION--------*/
.form_section {
  padding: 85px 0;
  background: #222222 url(../img/intouch_bg.png) center no-repeat;
  background-size: cover; }

.inner_contentBox {
  padding: 0 80px 0 100px; }

.touch_info p {
  width: 350px;
  margin-top: 85px;
  font-size: 1.2em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #222222;
  line-height: 1.4; }

.touch_container {
  display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.contact_form-l {
  position: relative;
  width: 470px;
  background: #fff;
  box-shadow: 0px 0px 39.2px 0.8px rgba(0, 0, 0, 0.07);
  padding: 60px 60px 35px 60px; }

  #message_bottom{
	  font-weight:normal;
  }
  .contact_form__input {
    width: 100%;
    height: 40px;
    border: 1px solid #ececec;
    padding: 0 15px; }
  .contact_form-l .field_wrap + .field_wrap {
    margin-top: 15px;}
  .contact_form-l input::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #949494; }
  .contact_form-l input::-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #949494; }
  .contact_form-l input:-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #949494; }
  .contact_form-l input:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #949494; }

.field_wrap {
  width: 100%; }

  .modal-dialog{margin-top:100px;}
  button.close{color:#fff; opacity:0.5; font-size:25px;}
  button.close:hover{color:#fff; opacity:0.75;}

.contact_btn-l {
  display: block;
  margin-top: 30px;
  width: 100%;
  border: none;
  padding: 25px 0;
  background: #28292d;
  color: #fff;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  overflow: hidden;
  position: relative; }
  .contact_btn-l .hover_text, .contact_btn .hover_text {
    display: none; }
  .contact_btn-l:hover, .contact_btn:hover {
    background: #fdea3c;
    color: #000;
    transition: all 0.3s ease; }
    /*.contact_btn-l:hover .first_text {
      display: none; }
    .contact_btn-l:hover .hover_text {
      display: block; }*/




/* Review section */
.review_section{
    padding: 120px 0 80px 0;
    margin-top: 100px;
    background: #f4f4f4;
}
.review_mini{
	color: #999;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	text-align: center;
	padding-bottom: 20px;
}
.review_message{
	color: #333;
	font-size: 24px;
	text-align: center;
	font-style: italic;
	line-height: 1.5;
	font-weight: 100;
}
.review_author{
	padding-top: 50px;
	width: 180px;
	margin: auto;
	text-align: center;
	color: #999;
	font-size: 14px;
}
.review_author_name{
	text-align: center;
	color: #333;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
}
.owl-carousel-item{
	padding: 0 15%;
}
.review_author_img{
	width: 80px !important;
	margin: auto;
}
.owl-dots{
	text-align: center;
	margin: 30px 0 0 0;
}
.owl-dot{
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #ccc;
	display: inline-block;
	margin: 0 2px;
}
.owl-dot.active{
	background: #666;
}



/*-------------footer------------*/
.footer {
  background: #222222;
  padding: 50px 0;
  color: #b9b9b9; }

.footer_container {
  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; }

.adress {
  width: 180px; }

.footer_title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 1.2em; }

.footer_text {
  padding-top: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5; }

.web_develop {
  width: 180px; }

.footer_link{
  display: block;
  color: #b9b9b9;
  line-height: 1.5;
}
.footer_link:hover{
  color: #fff;
}
.footer_div{
  padding-top: 15px;
}
/*-------------POPUP-------------*/
#header_intouch{
	padding:10px 20px;
}

.popup_body {
  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; }

.close_popup {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #28292d;
  font-size: 1.2em; }
  .close_popup:active, .close_popup:focus, .close_popup:hover {
    color: #28292d; }

.popup .mfp-close {
  display: none !important; }

.mfp-content {
  width: auto !important; }

.thanks_modal {
  display: none; }
  .thanks_modal.is-active {
    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;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1070;
    background: rgba(0, 0, 0, 0.7); }

.thanks_content {
  position: relative;
  width: 400px;
  box-shadow: 0px 0px 39.2px 0.8px rgba(0, 0, 0, 0.27);
  padding: 30px;
  font-family: 'Montserrat', sans-serif;
  z-index: 1075;
  background: #fff; }
  .thanks_content h2 {
    font-size: 1.5em;
    font-weight: 700; }
  .thanks_content p {
    font-weight: 400;
    padding-top: 15px; }

body.disabled {
  overflow: hidden; }




/*footer*/
footer.foo{
	background: #000;
	padding: 30px 0;
	color: #b9b9b9;

}
.foo_title{
	color:#444;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.foo_text{
	padding-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
}
.foo_div{
	padding-top: 10px;
}
.foo_div a{
	display: block;
	color: #b9b9b9;
	font-size: 14px;
	line-height: 1.5;
}
.foo_div a:hover{
	color: #fff;
	transition: all 0.4s ease;
}
.foo_logo {
    background: url(/dist/img/logo_head.png) center no-repeat;
    background-size: contain;
    width: 170px;
    height: 70px;
		display: inline-block;
}
.foo-social{
	display: block;
}
.foo-social a{
    font-size: 18px;
    color: #b9b9b9;
    margin-right: 5px;
	transition: all 0.4s ease;
}
.foo-social a:hover{
	color:#fff;
}
.foo_link{
  display: block;
  color: #b9b9b9;
  line-height: 1.5;
}
.foo_link:hover{
  color: #fff;
}



/* EUROPE SECURE */
#europe_secure_text{
	display:inline-block;
	width:calc(100% - 15px);
}

div#europe_secure_div{
	position:fixed;
	opacity:0.9;
	z-index: 29;
	
	width:250px;
	padding:15px;
	bottom:20px;
	left:20px;
	font-size:14px;
	color:#777;
	background-color:#eaeaea;
}
#europe_secure_ok {
	cursor: pointer;
	float: right;
	display: inline-block;
	padding: 0 2px 2px 2px;
	text-align: center;
	color: #000;
	background-color:transparent;
}
#europe_secure_ok:hover{
	background: #f0f0f0;
}
@media screen and (max-width: 768px) {
	div#europe_secure_div{ width: 100%; bottom:0px; left:0; right:0; padding-right:20px;}
	#europe_secure_ok {position: absolute; top: 0; right:15px; width:auto;}
}






/*-----------mobile-----------------*/


@media screen and (min-width:1200px) {
	#europe_secure_div{padding-bottom:40px;}
	}
@media screen and (max-width: 1366px) {
  .result_left_pic {
    width: 650px; } }
	@media screen and (max-width: 1200px) {
  .post_img {
    width: 100%; }

  .ipad_wrap img {
    width: auto;
    height: 500px; }

  .imac_wrap {
    width: 50%; }

  .home_section video {
    height: 100%; }

    .project_container .project_item {
      margin-bottom: 50px; }

  .contact_container {
    padding: 0; }

	    .project_container .project_item {
      width: 48%;
      margin-bottom: 50px; }
  .success_item .title_number {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 30px 0; }

  .web_develop {
    width: 150px; }

  .md_hide {
    display: none; }

  .team_infoBox {
    padding-right: calc(50% - 470px); }

  .home_container-l h1 {
    font-size: 4em; }

  .result_info {
    width: calc(100% - 545px );
    margin-right: 20px; }

  .inner_contentBox {
    padding: 0; }

}

@media screen and (max-width: 990px) {
	  .project-name, .project_descr{
    height: auto;
  }

  .footer_container {
    -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }

  .fact_img {
    max-width: 100%;
    object-fit: cover; }

  .team_box {
    padding-left: calc(50% - 360px); }

  .team_infoBox {
    padding-right: calc(50% - 360px); }

  .team_item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48%;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%; }

  .contact_form-l {
    width: 370px;
    padding: 60px 30px 35px; }

  .works_subtitle {
    width: 100%; }

  .work_img {
    height: 260px; }

  .sm_hide {
    display: none; }

  .home_container-l h1 {
    font-size: 3.5em; }

  .result_info_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }

  .result_info {
    width: 100%;
    margin-right: 0; }

  .result_info_img {
    width: 100%;
    margin-bottom: 30px;
    order: -1; }

  .result_descr {
    width: 100%;
    padding: 20px 0px; }

  .section_title {
    width: 100%;
    font-size: 2.5em; }

  .years_info {
    width: 100%;
    margin-left: 0;
    text-align: left;
    font-size: 1.2em; }

  .success_qoute {
    margin-top: 30px; }
    .success_qoute__info {
      margin-left: -25px;
      padding: 115px 0 150px 40px; }
      .success_qoute__info h2 {
        width: auto; }

  .success_triangle--first {
    top: 130px;
    right: -50px;
    width: 150px; }

  .develop_item--first {
    width: 200px; }
  .develop_item--second {
    width: 175px; }
  .develop_item--third {
    width: 225px; }


  .imac_wrap img {
    width: auto;
    height: 400px; }

  .project_screen.less_margin {
    margin-top: -60px; }

  .startup_section .idcce_logo {
    width: 350px; }

  .sm_show {
    display: block; }

  .startup_section {
    background-position: 21%; }

  .home_describe h1 {
    animation: none;
    width: auto;
    border: none;
    white-space: normal; }

  .project_content {
    background: #fff;
    padding: 40px 20px 20px 20px; }

  .mer_content p {
    width: auto; }

  .home_describe {
    width: auto;
    padding: 20px 15px; }

  .home_container {
    padding: 0 15px;
    width: 100%; }

  .post_extra {
    padding-left: 0; }

  .blogpost_describe p {
    padding-left: 0; } }

	@media screen and (max-width: 768px) {
	h1, h2, h3, h4, h5, h6{
	  padding:0;
	  margin:0;
  }
  .section_title { padding:0; }
  .develop_items{margin-top:0;}

  .proj_count{padding:0;}
  .result_descr p{line-height:normal;}
  .result_section{padding:40px 0;}
  .result_info{width:auto !important;}
  .success_section{padding:40px 0;}
  .success_intro__text p{margin-top:40px;}
  .our_works{padding:40px 0;}
  .facts_section{padding:40px 0;}
  .about_start{padding:40px 0 0 0;}
  .team_title{padding:40px 0 20px 0;}
  .review_section{padding:40px 0;}
  .review_mini{font-size:1.9em; font-weight:900;}
  .faq_section{padding:40px 0;}
  .form_section{padding:40px 0;}
  .touch_info p{margin-top:30px;}


  /*projects*/
  .project_presentation{padding:40px 0;}
  .project_info{padding:40px 0;}
	.post_control{display:none;}


  /*contact-us*/
  .contact_page{padding:40px 0 0 0;}
  .header_cover{display:block; padding-top:160px;}


  /*footer*/
  footer .foo_logo{display:none;}
  footer .col-md-4{margin-top:0;}
  footer .col-md-2,footer .col-md-3, footer .col-md-4{
	  text-align:center;
	  margin-top:20px;
  }

  .foo_div a{
	  font-size:14px;
	  padding:3px 0;
	  }
	.foo-social a{font-size:25px;}



	#europe_secure_text{
		width:100%;
	}
	#europe_secure_ok{
		float: left;
		width: 40%;
    	margin-top: 10px;
	}

	.header_cover{
		background-position:85%;
	}

  .post_extra .post_date {
    position: static; }

  .blogpost_wrapper {
    padding: 0; }
    .blogpost_wrapper .post_img {
      margin: 0 auto;
      max-width: 280px; }

  .blogpost_describe {
    padding-left: 0px;
  }

  .blogpost_describe p {
    padding-left: 0;
    display: none; }

  .blogpost_describe .blogpost_title {
    padding: 30px 0 0 0 ;
    text-align: center;
    font-size: 1.6em; }

  .post_sharing {
    flex-direction: column;
    align-items: flex-start; }
    .post_sharing .share_group {
      margin-left: 0;
      margin-top: 15px; }

  .solution_header {
    display: flex;
    flex-direction: column; }

  .visite_site {
    margin-top: 15px; }

  .proj_header h2::after {
    margin-top: 40px; }

  .contact_us_wrapper {
    padding: 15px;
    border: none;
    margin: 0 -15px; }

  .social_share li > a {
    width: 45px;
    height: 45px; }


  .screenshots_container {
    column-count: 1; }

  .info_content p {
    width: auto; }

  .phone_icon {
    max-width: 250px; }

  .imac_wrap {
    position: relative;
    width: 100%;
    text-align: left;
    margin-bottom: -150px;
    margin-top: 30px; }
    .imac_wrap img {
      width: 90%;
      height: auto; }

  .project_screen {
    margin-bottom: 30px; }
    .project_screen.more_margin {
      margin-top: 0; }
    .project_screen.less_margin {
      margin-top: 0; }

  .ipad_wrap {
    position: relative;
    margin-bottom: -250px;
    right: 0;
    width: 90%;
    text-align: right;
    width: 100%; }
    .ipad_wrap img {
      width: 90%;
      height: auto; }

  .present_img {
    width: 280px;
    margin: 0 auto; }

  .solution_header {
    position: relative; }

  .share_list {
    position: absolute;
    left: 0;
    margin: 0;
    bottom: 20px; }

  .solution_advantages ul li span.advantages_number {
    font-size: 1.5em; }

  .proj_header p {
    width: auto; }

  .solution_wrap {
    padding: 30px 0; }

  .solution_describe h2 {
    margin-top: 30px; }

  .solution_advantages ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .solution_advantages ul li {
      display: inline-block; }
    .solution_advantages ul li + li {
      margin-left: 10px;
      margin-top: 0; }

  .startup_section .idcce_logo {
    width: 250px !important;
    left: -75px; }

  .post_section {
    padding-bottom: 75px; }

  .post_control {
    position: absolute;
    top: unset;
    bottom: -45px;
    margin-top: 30px; }
    .post_control.prev {
      left: 15px; }
    .post_control.next {
      right: 15px; }

  .nav_wrap {
    display: none; }
    .nav_wrap.active_navigation {
      display: block !important;
      position: fixed;
      width: 100%;
      height: 100vh;
      margin: 0 !important;
      top: 0;
      left: 0;
      z-index: 99;
      background: #1a1a1c;
      border: none !important; }
      .nav_wrap.active_navigation .main_nav {
        margin-top: 100px;
        padding-left: 30px; }
        .nav_wrap.active_navigation .main_nav li + li {
          margin-top: 30px; }
        .nav_wrap.active_navigation .main_nav li {
          display: block;
          margin-left: 0 !important; }
          .nav_wrap.active_navigation .main_nav li a {
            padding-bottom: 10px;
            font-size: 1.5em; }

  .merehead_section {
    background: #Fff;
    padding: 0; }

  .elements_wrap img {
    width: 100%; }

  .footer_container {
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-top: 80px; }

  .copyright {
    width: 200px;
    margin-bottom: 10px; }

  .xs_show {
    display: block; }

  .startup_section {
    position: relative;
    padding: 50px 0 200px 0;
    overflow: hidden;
    background-position: 100%; }

  .startup_content h2 {
    font-size: 1.8em; }

  .startup_content h2 span {
    display: inline; }

  .contact_form .input_field {
    flex: 0 1 100%;
    margin-bottom: 25px; }

  .home_container {
    padding: 0;
    width: 100%; }

  .home_describe {
    width: 100%;
    padding: 20px;
    border-left: none;
    border-right: 0; }
    .home_describe h1 {
      font-size: 2em; }
    .home_describe h2 {
      font-size: 1.5em; }

  .home_describe h2 {
    width: auto; }

  .section_content p {
    width: auto; }


  .more_info {
    /*flex-direction: column;
    justify-contetn: center;
    align-items: center;*/ }
    .more_info .complexity {
      text-align: left; }

	.project-name{padding:20px 0 10px 0;}
	.project_cat{padding-bottom:30px;}
    .develop { padding: 50px 0 50px 0;}
    .success_list {   display: block; height: auto !important;}
    .success_item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      top: unset !important;
      left: unset !important;
    }

    .success_qoute {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
    }

    .success_item span { order: -4;}
    .success_item h2 { order: -3; margin-top: 0;}
    .success_item p { order: -2;}
    .success_item img { order: -1;}

    .success_item .title_number { margin: 30px 0 0 0 ;}

    .team_item__img {
      width: 100%;
      height: auto;
      overflow: visible; }

    .team_item__img img {
      height: auto;
    }

    .team_container {
      -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    }

    .project_content { padding: 40px 15px 20px 15px;}


    .proj_rating li i { font-size: 1.2em;}

    .faq_container { margin-top: 40px; column-count:1;}

    .nav_wrap {
      display: none; }
      .nav_wrap.active_navigation {
        display: block !important;
        position: fixed;
        width: 100%;
        height: 100vh;
        margin: 0 !important;
        top: 0;
        left: 0;
        z-index: 99;
        background: #1a1a1c;
        border: none !important; }
        .nav_wrap.active_navigation .main_nav {
          margin-top: 45px;
          padding-left: 30px; }
          .nav_wrap.active_navigation .main_nav li + li {
            margin-top: 30px; }
          .nav_wrap.active_navigation .main_nav li {
            display: block;
            margin-left: 0 !important; }
            .nav_wrap.active_navigation .main_nav li a {
              padding-bottom: 10px;
              font-size: 1.5em; }
    .xs_show {
      display: block;
	}
	.header_container{padding:30px 0 0 0;}

    .idcce_logo {
      display:none;
    }
      .project_container .project_item {
        width: 100%;
        margin-bottom: 50px; }

  .review_message {
    font-size: 18px;
  }
  .footer_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }

  .adress {
    margin-top: 30px; }

  .web_develop {
    width: 100%;
    margin-top: 30px; }

  .start_info_container {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 15px; }

  .start_info_photo, .start_info_text {
    width: 100%; }
    .start_info_photo img, .start_info_text img {
      padding: 15px 0; }

  .team_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
   }

  .team_box, .team_infoBox {
    width: 100%; }

  .team_box {
    padding: 0 15px; }

  .team_infoBox {
    padding: 30px 15px; }

  .team_info__text {
    margin-top: 30px; }

  .team_container {
    padding: 0 0 60px 0; }

  .team_item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 48%;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%; }

  .develop_items {
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .develop_item {
    width: 100% !important;
    margin-top: 30px; }

  .work_info {
    padding: 30px 0 50px 0; }

  .fact_item, .success_item {
    position: static !important;
    width: 100%;
    margin-top:0; }
    .fact_item img, .success_item img {
      padding: 15px 0; }

  .title_number {
    display: block;
    position: relative;
    top: 0;
    left: 15px;
    margin-top: 30px;
    margin-bottom: 15px; }

  .fact_img--to_right, .fact_item__text {
    padding-left: 0; }

  .fact_img {
    height: auto; }

  .success_intro {
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
    .success_intro__text {
      margin-bottom: 30px;
      width: 100%; }
    .success_intro__photo {
      width: 100%; }

  .success_qoute {
    margin-top: 30px; }
    .success_qoute__info {
      width: 100%;
      margin-left: 0;
      float: none;
      padding: 100px 0 100px 40px; }
    .success_qoute__img {
      width: 100%;
      height: 250px;
      float: none; }

  .faq_item {
    width: 100%;
    position: static !important; }

  .xs_hide {
    display: none; }

  .intro_paragraph {
    width: 100%;
    float: none;
    text-align: left; }

  .start_intro {
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .intro_photo {
    width: 100%;
    margin-top: 30px; }

  .intro_photo + .intro_photo {
    margin-left: 0; }

  .touch_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
   }

  .touch_info p {
    width: 100%; }

  .contact_form-l {
    width: 100%;
    padding: 60px 15px 35px 15px;
    margin: 30px auto 0 auto; }

  .works_container {
    padding: 0; }

  .work_item {
    width: 100%; }

  .work_img {
    height: 360px; }

  .section_title {
    width: 100%;
    font-size: 2em; }

  .home_container-l h1 {
    font-size: 2em; }
  .home_container-l h2 {
    line-height: 1.6;
    font-size: 1.2em; }

  .years_section {
    background-position: 50%; } }


#get_free_quote{
	background: #fdf142;
	color: #020000 !important;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 10px !important;
	border-bottom:0 !important;
}
#get_free_quote:hover{
	transition: all 0.3s ease-in;
	box-shadow: 0px 0px 12.55px 1.45px #f8e300;
	background: #f8e300;
}

#QuoteModal .headline{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.8em;
  text-transform: uppercase;
}

#QuoteModal .close{
  color:#000;
  top: -40px;
  left: 40px;
  position: relative;
}
#QuoteModal .close:hover{color:#000;}
#QuoteModal #contact-us-btn{background-color:rgba(0,0,0,0.9); color:#fff;}
#QuoteModal #contact-us-btn:hover{
	transition: all 0.3s ease-in;
	box-shadow: 0px 0px 9px 0px #666;
}



#QuoteModal .modal-content{
	/*background:url(http://merehead.com/outsourcing/dist/img/photo8.jpg) no-repeat center center !important;*/
  background: #fff !important;
  padding: 50px 60px !important;
}




@media screen and (max-width: 480px) {
	.post_content p{
		font-size:1.2em !important;
		line-height: 1.7 !important;
	}
	.relative_container{position:relative;padding:0 15px}
  .project_btn_cost_calculator, .project_btn_same_project{
    margin: 10px 0;
  }
  .owl-carousel-item {
      padding: 0 20px;
  }
  .review_message {
    font-size: 16px;
  }
   header.sticky{
	  position:fixed;
	  background-color: rgba(0,0,0,0.85);
	  height:80px;
  }
  .blogpost_overlay{
	 padding:40px 0 40px 0 !important
  }

  .breadcrumbs .hyphen{ margin:0 3px;}
  
}