/*  ---------------------------------------------------------------
    general style
    --------------------------------------------------------------- */
/* apply a natural box layout model to all elements  - http://www.paulirish.com/2012/box-sizing-border-box-ftw/*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

/* ! removes focus line */

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

html, body {
    width: 100%;
    min-height: 100%;
}

/*  END - general style */
/* style for Cube Portfolio wrapper*/

.wrapper {
    width: 94%;
    max-width: 1170px;
    margin: 0 auto;
}

@media all and ( max-width: 400px ) {
    .intro .intro-body .brand-heading {
        font-size: 30px;
    }
}
#types-of-letters .col-md-3 {
    height: 372px;
}
@media all and ( max-width: 450px ) {
    .rost-form-input {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }
}
@media all and ( max-width: 999px ) {
    .modal-footer .fp-hint{
        margin-left: 30px;
    }
    .fp-input[name=email] {
        margin-top: 15px;
        margin-left: 30px;
    }
}
@media all and ( max-width: 999px ) {
    .fp-ok{
        margin-left: 30px;
    }
}
.galary img {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}
.grid-item:hover {
    /*background: #000;*/
}
.galary img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity: .8;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.call-link {
    text-decoration: underline;
}
.grid-item {
overflow: hidden;
  width: 253px;
  height: 120px;
  float: left;
  margin: 5px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.34);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.34);
  box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.34);
}
.grid-item img {
    width: 100%;
}

#contact .call-form {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    color: #000;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 10, 0.20);
-moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 10, 0.20);
box-shadow:         0px 0px 7px 0px rgba(0, 0, 10, 0.20);
    font-family:MuseoCyrl-500,Arial,sans-serif
}

#contact .call-form .call-form-header {
    margin-left: -15px;
    margin-right: -15px;
    padding: 41px 0 21px 0;
    font-size: 25px;
	background:#00baf8;
	color:#fff;
}
#contact .call-form .call-form-title {
    color: #000;
    font-size: 16px;
    margin: 15px 0;
}
#contact .call-form .call-form-header div {
    text-align: center;
}
#contact .call-form  input[type=text] {
   background: #efefef;
}
@media all and ( max-width: 991px ) and ( min-width: 401px ) {
    #benefits .info-content-2 {
        margin-left: -52px;
    }
}
@media all and ( min-width: 991px ) {
    footer .footer-icon-1 {
        float: left;
        height: 40px;
        margin: 12px 16px 0 0;
    }
    footer .footer-icon-2 {
        float: left;
        height: 40px;
        margin: 6px 16px 0 0;
    }
}

@media all and ( max-width: 400px ) {
    #benefits .why-number {
        text-align: center;
        font-size: 60px;    
    }
    #benefits .col-md-6 {
        font-size: 15px; 
    }
}

#benefits .col-md-6 {
    margin-bottom: 40px; 
}     

@media all and ( min-width: 401px ) {
    #benefits .col-md-6 {
        font-size: 17px;
    }
}
footer h5 {
    color: #fff;
}

#contact .container {
    margin-bottom: -100px;
	margin-top: -100px;
}

#types-of-letters {
	border-top:1px solid #ddd;
}

.first-slide {
	text-align: center;
}

@media (max-width: 991px) {
.first-slide {
	text-align: center;
}
}

.gaze {
	width: 100%;
    height: 250px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(236,236,236,0) 0%, rgba(236,236,236,1) 100%);
    background: -webkit-linear-gradient(top, rgba(236,236,236,0) 0%,rgba(236,236,236,1) 100%);
    background: linear-gradient(to bottom, rgba(236,236,236,0) 0%,rgba(236,236,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ececec', endColorstr='#ececec',GradientType=0 );
}

.grid-item:hover .gaze {
	height:0;
	transition: height 0.15s ease-out;

}

.gaze img {
	width: 20px;
    margin-top: 215px;
}