/* 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;
}



/* PROJECT PAGE */
.solution_header {
    padding: 40px 0 !important;
}

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




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

.modal-content {
    padding: 25px 0 !important;
    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 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    text-align: center;
}*/


/* Contact page */
.contact_us_wrapper {
    padding: 10px 40px 40px 40px !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;
}





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

@media screen and (max-width: 480px) {
  .project_btn_cost_calculator, .project_btn_same_project{
    margin: 10px 0;
  }
}