/*
Theme Name: Bent
Author: Allie
Version: 1.0
URL: http://designscrazed.org/
*/

/* Table of Content
==================================================
  1. COMMON STYLES
  2. SECTION HOME 
  3. SECTION ABOUT
  4. SECTION VIDEO
  5. SECTION TESTIMONIAL
  6. SECTION FEATURES 
  7. SECTION CALL TO ACTION
  8. SECTION APPS SCREEN 
  9. SECTION FUN FACTS 
  10. SECTION DOWNLOAD 
  11. SECTION CONTACT 
  12. SECTION SUBSCRIBE
  13. SECTION FOOTER 

*/
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Raleway', sans-serif;
    overflow-y: scroll;
    overflow-x: hidden;
}
p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
}
/*---------------------------------------
   COMMON STYLES             
-----------------------------------------*/

.section_title {
    padding-top: 7px;
    padding-bottom: 17px;
}

 
.section_title p {
    text-align: center;
    margin-top: 40px;
    line-height: 28px;
    font-weight: 300;
    font:20px  'Noto Serif', serif;
    color: #fff;
}
.parallax {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*---------------------------------------
   SECTION HOME              
-----------------------------------------*/
/*menu*/


.navbar {
    margin-top: -100px
}
.navbar-brand {
    padding: 9px 15px;
}
@media(min-width:768px) {
    .navbar-default {
        background-color: transparent;
    }
    .navbar-default .navbar-nav>li>a {
        color: #B5B5B5;
        font-family: 'Raleway', sans-serif;
    }
    .navbar-default .navbar-nav>li>a:hover {
        color: #f39c12;
    }
    .navbar-default .navbar-nav>li>a:focus {
        color: #B5B5B5;
    }
    .navbar-default {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        z-index: 110;
    }
    .navbar-brand img {
        padding-top: 25px;
        height: 45px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .navbar-default .navbar-nav>li>a {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .navbar-nav>li>a {
        padding-top: 45px;
    }
}
@media (max-width: 768px) {
    .navbar-brand img {} .navbar-default {
      /*  background-color: #fff !important; */
    }
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: transparent;
    color: #f39c12;
}


.logo{
    padding-bottom: 50px;
}
.home_text{
    text-align: left;
}
.home-iphone{
    text-align: right;
}
.home-iphone img{
    width: 100%;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
@media (max-width: 768px){
    .home-iphone{
        display: none;
    }
    .home_text{
        text-align: center;
    }

}
.home_text h1 {
    color: #fff;
    text-transform: uppercase;
    font:30px  'Noto Serif', serif;
    text-align: center;
    font-weight: 300;
    line-height: 45px;
    max-width: 755px;
    margin: 14px auto;
}
.home_text p {
    color: #fff;
    font-size: 17px;
    line-height: 28px;
    margin-top: 0px;
    font-weight: 300;
}
.download-btn {
text-align: center;
    position: relative;
    z-index: 9;
}
.vk-ico{
    background: url("../images/vk-ico.png");
    width: 38px;
    height: 25px;
    margin: 0px 14px -7px 0;
    display: inline-block;
}
.insta-ico{
    background: url("../images/insta-ico.png");
    width: 31px;
    height:31px;
    display: inline-block;
    margin: 0 18px -10px 25px;
}
.home-btn,
.home-btn:focus,
.home-btn:active,
.home-btn:visited {
    background: transparent;
    border-color: #f39c12;
    color: #f39c12;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.home-btn:hover {
    background-color: #f39c12;
    color: #fff;
}
.tuor,
.tuor:focus,
tuor:active,
tuor:visited {
    color: #A9ADB0;
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 500;
    background: transparent;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.tuor:hover {
    color: #fff;
}
.tuor i {
    font-size: 20px;
    padding-left: 5px;
    color: #f39c12;
}


.Sucess3{    text-align: center;
    font-size: 18px;
    color: #68c359;}
/*---------------------------------------
   SECTION ABOUT              
-----------------------------------------*/
.call_to_action h2{margin: 81px 0 9px 0;}
.upakov{display: none}
#UPAKOVKA h2{
    margin-top: 130px;
}
#FEATURES h2{
    margin-top: 139px;
}
#CONTACT h2{
    margin: 65px 0 9px 0;
}
.footer{    margin-top: 53px;}
.about h2{
    font:30px  'Noto Serif', serif;
    color: #fff;
    text-align: center;
    margin: 94px 0 41px 0;
}
h2{
    font:30px  'Noto Serif', serif;
    color: #fff;
    text-align: center;
}
.about p{
    font:18px  'Noto Serif', serif;
    color: #fff;
    text-align: center;
}
.inner_about_area {
    padding-top: 50px;
}
.inner_about_title {
   margin: 40px 0 0 0;
}
.inner_about_title h2 {
    text-transform: uppercase;
    position: relative;
    margin: 63px 0 40px 0;

}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgba(0, 0, 0, 0.25)!important;

}
.inner_about_title p {
    font-size: 19px;
    line-height: 24px;
    margin-top: 40px;
}
.inner_about_desc {} .single_about_area {
    position: relative;
    padding-bottom: 4px;
    padding-left: 80px;
}
.single_about_area div {
   text-align: center;
}
.single_about_area div i {
    font-size: 55px;
    color: #BABABA;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.single_about_area h3 {
    color: #fff;
    text-transform: uppercase;
   text-align: center;
    font-weight: 800;
    font:28px  'Noto Serif', serif;
    margin: 0 0 8px 0;
}
.single_about_area p {
    color: #fff;
    font: 14px 'Noto Serif', serif;
}
.single_about_area:hover div i {
    color: #f39c12;
}
.about_phone img {} @media (min-width: 991px) and (max-width: 1200px) {
    .about_phone img {
        margin-top: 184px;
        width: 80%;
        margin-right: 20%
    }
}
/*---------------------------------------
   SECTION VIDEO              
-----------------------------------------*/
.firs-form a{
    text-decoration: underline;
    color: #333;
}.firs-form a:hover{
     text-decoration:none;
 }

.video_area {
    background: #e4e4e4;
    padding-bottom: 140px;
    padding-top: 120px;
}
.video_title {
    padding-bottom: 30px;
}
.video_title h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
    line-height: 37px;
    position: relative;
    margin-top: 0px;
}
.video_title h2:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 70px;
    background: #f39c12;
    height: 1px;
}
.video_title p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 40px;
    color: #333;
    font-weight: 300;
}
.btn-video,
.btn-video:active,
.btn-video:focus,
.btn-video:visited {
    background: transparent;
    border: 1px solid #929292;
    color: #686868;
    border-radius: 3px;
    padding: 12px 35px;
    text-transform: uppercase;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.btn-video:hover {
    background: #f39c12;
    color: #fff;
    border: 1px solid #f39c12;
}
.video {} .video iframe {
    width: 100%;
    border: 1px solid #999999;
    padding: 5px;
}
/*---------------------------------------
   SECTION TESTIMONIAL              
-----------------------------------------*/

#owl-demo .item {
    margin-left: 90px;
    margin-right: 90px;
    margin-bottom: 50px;
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
.testimonial {
    background: url(../images/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.testimonial .section_overlay {
    background: rgba(0, 0, 0, .6);
    padding-top: 80px;
    padding-bottom: 80px;
}
.carousel-indicators {
    bottom: -8px;
}
div.carousel-inner .item img {
    border: 2px solid #f39c12;
    border-radius: 50%;
    padding: 3px;
}
.testimonial_caption {
    padding-bottom: 70px;
}
.testimonial_caption p {
    color: #D8D8D8;
    font-size: 18px;
    line-height: 27px;
    padding-top: 50px;
}
.testimonial_caption h2 {
    color: #f39c12;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    margin-top: 25px;
}
.testimonial_caption h4 {
    color: #f39c12
}
.testimonial_caption h4 span {
    color: #D8D8D8;
    font-style: italic;
    font-weight: 300;
}
.testimonial ol.carousel-indicators li {
    width: 12px;
    height: 12px;
    border: 1px solid #f39c12;
    margin: 1PX
}
.testimonial ol.carousel-indicators li.active {
    width: 12px;
    height: 12px;
    border: 0px solid #f39c12;
    background: #f39c12;
}
/*---------------------------------------
   SECTION FEATURES              
-----------------------------------------*/


.feature_inner {
    padding-top: 0px;
    padding-bottom: 0px;
}
.feature_iphone {} .feature_iphone img {
    width: 100%;
}
.right_single_feature {
    position: relative;
    padding-left: 90px;
    margin-bottom: 65px;
    margin-top: 35px;
}
.right_single_feature div {
    position: absolute;
    font-size: 40px;
    color: #f39c12;
    left: 0;
    width: 90px;
    height: 90px;
    text-align: center;
    top: -8px;
}
.right_single_feature h3 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 21px;
    color: #333333;
}
.right_single_feature h3 span {
    color: #f39c12;
}
.right_single_feature p {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}
/*left feature*/

.left_single_feature {
    position: relative;
    padding-right: 90px;
    margin-bottom: 65px;
    text-align: right;
    margin-top: 35px;
}
.left_single_feature div {
    position: absolute;
    font-size: 40px;
    color: #f39c12;
    right: 0;
    width: 90px;
    height: 90px;
    text-align: center;
    top: -8px;
}
.left_single_feature h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 21px;
    color: #333333;
}
.big-text{
    color: #fff;
    font:25px  'Noto Serif', serif;
}
.head-cont a{
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 600;
    line-height: 29px;
}
.head-cont a:hover{
    text-decoration: none;
}
.owl-carousel .owl-item {
    text-align: center;
}
.left_single_feature h3 span {
    color: #f39c12;
}
.left_single_feature p {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}
.section_title2{
    color: #fff;
    text-align: center;
}
.right_no_padding {
    padding-left: 15px;
}
.left_no_padding {
    padding-right: 15px;
}
@media (min-width: 991px) and (max-width: 1200px) {
    .right_single_feature {
        margin-left: -60px;
    }
    .left_single_feature {
        margin-right: -60px;
    }
    .feature_iphone {
        margin-top: 35px;
    }
    .right_single_feature h3,
    .left_single_feature h3 {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}


/*---------------------------------------
   SECTION CALL TO ACTION              
-----------------------------------------*/

.call_to_action {
    padding-top: 79px;
    padding-bottom: 34px;
}
.call_to_action p {
    color: #dfdfdf;
    font-size: 18px;
    font-weight: 300;
}
.call_to_action a {} .btn-action,
.btn-action:active,
.btn-action:focus,
.btn-action:visited {
    background: #f39c12;
    border: 1px solid #f39c12;
    color: #fff;
    border-radius: 3px;
    padding: 15px 35px;
    text-transform: uppercase;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.btn-action:hover {
    background: #FF6B80;
    border-color: #FF6B80;
}

/*---------------------------------------
   SECTION APPS SCREEN             
-----------------------------------------*/

.apps_screen {
}
.screen_slider {
    padding-top: 0px;
    margin: 0 0 -75px 0;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 14px;
    height: 14px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: transparent;
    border: 3px solid #fff;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    background: #fff;
}
/*---------------------------------------
   SECTION FUN FACTS              
-----------------------------------------*/

.fun_facts {
    background: url(../images/fun_bg.jpg) no-repeat center;
    background-size: cover;
}
.fun_facts .section_overlay {
    padding-top: 120px;
    padding-bottom: 120px;
    background: rgba(0, 0, 0, .4);
}
.single_fun_facts {
    font-family: 'Source Sans Pro', sans-serif;
}
.single_fun_facts i {
    color: #f39c12;
    font-size: 60px;
    ;
}
.single_fun_facts h2 {
    color: #D7DADB;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 35px;
    margin-top: 15px;
    margin-bottom: 1px;
    font-family: 'Source Sans Pro', sans-serif;
}
.single_fun_facts h2 span {
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
}
.single_fun_facts p {
    color: #D7DADB;
    font-size: 20px;
    margin-top: 0px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}
/*---------------------------------------
   SECTION DOWNLOAD              
-----------------------------------------*/

.download {
    background: #f1f1f1;
}
.download_screen {
    padding-top: 45px;
}
.download_screen img {
    width: 100%
}
.available_store {
    background: #1a1a1a;
    margin-top: -8px;
    position: relative;
}
.available_title {
    padding-top: 75px;
}
.available_title h2 {
    color: #fff;
    font-size: 30px;
}
.available_title p {
    color: #B5B5B5;
}
.single_store {
    text-align: center;
    border-left: 1px solid #0F1217;
    min-height: 230px;
    padding-bottom: 15px;
    position: relative;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.single_store i {
    color: #f39c12;
    text-align: center;
    opacity: 1;
    font-size: 40px;
    padding-top: 90px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.store_inner {
    position: absolute;
    bottom: 93px;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.store_inner h2 {
    text-align: center;
    font-weight: 300;
    color: #d7dadb;
    font-size: 16px;
}
.single_store:hover {
    background: #121212;
}
.single_store:hover i {
    opacity: 0;
}
.single_store:hover div.store_inner {
    opacity: 1;
}
.no_padding {
    padding-left: 0px;
    padding-right: 0px;
}
.last {
    border-right: 1px solid #0F1217;
}
/*---------------------------------------
   SECTION CONTACT              
-----------------------------------------*/

.contact {
}
.contact_form {
}
.contact_form .form-control {
    display: block;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: transparent;
    border: 1px solid #aeaeae;
    background-image: none;
    border-radius: 3px;
    margin-bottom: 15px;
    opacity: .8;
     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    outline: 0px !important;   

}
.contact_form .form-control:focus {
    border: 1px solid #f39c12;
    border-color: #f39c12;
    outline: 0px none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(102, 175, 233, 0.6);
}
.contact_form {}
.form-control:-webkit-input-placeholder {
    color: red;
}
.form-control:-moz-placeholder {
    /* Firefox 19+ */
        color: red;
}
.form-control:-ms-input-placeholder {
    color: red;
}
.submit-btn,
.submit-btn:active,
.submit-btn:focus,
.submit-btn:visited {
    background-color: transparent;
    border: 1px solid #f39c12;
    border-radius: 4px;
    width: 100%;
    height: 50px;
    text-transform: uppercase;
    font-size: 18px;
    color: #f39c12;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    outline: 0px !important;
}
.submit-btn:hover {
    background-color: #f39c12;
    color: #fff;
    border-color: #f39c12;
}
.social_icons {
    padding-top: 50px;
    padding-bottom: 70px;
}
.social_icons ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.social_icons ul li {
    list-style: none;
    display: inline;
    padding-left: 10px
}
.social_icons ul li a {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: 1px solid #9d9d9d;
    border-radius: 3px;
    width: 45px;
    height: 45px;
    line-height: 49px;
    color: #9d9d9d;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.social_icons ul li a i {
    font-size: 20px;
}
.social_icons ul li a:hover {
    background: #f39c12;
    border: 1px solid #f39c12;
    color: #fff
}
.error {
    color: #f39c12;
    display: block;
    padding-bottom: 15px;
    font-size: 18px
}
.error i {
    padding-right: 10px;
    font-size: 18px
}
.Sucess {
    color: #4DB849;
    display: block;
    padding-bottom: 15px;
    font-size: 18px;
    text-align: center;
}
.Sucess i {
    padding-right: 10px;
    font-size: 18px;
    color: #4DB849
}
.contact_form .form-control {
    color: #3d3d3d;
}
#message {
    height: 70px;
    resize: none;
}
/*---------------------------------------
   SECTION SUBSCRIBE              
-----------------------------------------*/

.subscribe {
    background-image: url(../images/subscribe.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.subscribe .section_overlay {
    padding-bottom: 70px;
    background: transparent
}
.subscribe .section_title h2{
	color: #eaeaea;
}
.subscribe .section_title p{
	color: #a4a4a4;
}
.subscribe_form {
    text-align: center;
    padding-top: 30px;
}
.subscribe_form .form-group {} .subscribe_form .form-control {
    background: transparent;
    border: 1px solid #575b63;
    border-radius: 0px;
    height: 45px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    color: #aeaeae;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.subscribe_form .form-control:focus {
    background: transparent;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: none;
}
.subs-btn,
.subs-btn:active,
.subs-btn:focus,
.subs-btn:visited {
    width: 200px;
    background: transparent;
    border: 1px solid #f39c12;
    border-radius: 4px;
    height: 45px;
    margin-left: 0px;
    margin-bottom: 1px;
    color: #f39c12;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    outline: 0px !important;
}
.subs-btn:hover {
    background-color: #f39c12;
    color: #fff;
    border-color: #f39c12;
}
@media (min-width: 300px) {
    .subscribe_form .form-control {
        width: 100%
    }
}
.subscription-success {
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.subscription-error {
    color: #fff;
    text-align: center;
    font-size: 20px;
}
/*---------------------------------------
   SECTION FOOTER              
-----------------------------------------*/

.copyright {
    background-color: #1A1D22;
    padding-bottom: 65px;
    padding-top: 65px;
    border-bottom: 3px solid #f39c12;
}
.copyright h2 {
    height: 0;
    margin: 0;
}
.copy_right_text {
    color: #fff;
    font: 14px 'Noto Serif', serif;
}
.tel-foot{
    color: #fff;
    font: 14px 'Noto Serif', serif;
    background: url(../images/tel-foot.png)no-repeat 0 4px;
    padding: 0 0 0 26px;
}
.mail-foot{
    color: #fff;
    font: 14px 'Noto Serif', serif;
    background: url("../images/mail-foot.png")no-repeat  0 4px;
    padding: 0 0 0 26px;
}

.scroll_top {
    text-align: right;
}
.scroll_top a {
    background: #f39c12;
    padding: 25px;
}
.scroll_top a i {
    color: #fff;
    font-size: 25px;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: red;
    background-image: none;
    color: rgb(0, 0, 0);
}
.spn_hol {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 50000;
    opacity: 1;
     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.spinner {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -35px;
    height: 24px;
    width: 70px;
    text-align: center;
    display: block;
}
.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;

    
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

















/* Overlay */
@-moz-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
@-ms-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }

#overlay {
    -moz-animation: overlay 1.5s 1.5s forwards;
    -webkit-animation: overlay 1.5s 1.5s forwards;
    -o-animation: overlay 1.5s 1.5s forwards;
    -ms-animation: overlay 1.5s 1.5s forwards;
    animation: overlay 1.5s 1.5s forwards;
    background-attachment: fixed, fixed;
    background-image: url("../images/overlay-pattern.png"), url("../images/overlay.svg");
    background-position: top left, center center;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.modal-content {
    background-color: #f1f1f1;
    border-radius: 0;
    background-image: url(../images/overlay-pattern.png), url(../images/overlay.svg);
}
.zaya{
    max-width: 300px;
}
.zayvka input, .zayvka button{
    max-width: 200px;
    margin: 10px auto;
    text-align: center;
    display: block;
}
.first{
    margin: 33px 0 31px 0;
    color: #fff;
    text-align: center;
    font:20px  'Noto Serif', serif;
}
.top-panel{
    background: #190501;
    padding: 18px 0;
    position: relative;
}
.phone{
    background: url("../images/phone.png");
    width: 24px;
    height: 18px;
    display: inline-block;
}
.mail{
    background: url("../images/mail.png");
    width: 25px;
    height: 19px;
    display: inline-block;
}
.mailnumber, .mailnumber a,.phonenumber{
    font-size: 24px;
    color: #fff;
    font-family: 'Noto Serif', serif;

}
.button{
    border-bottom: none;
    border-right: none;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 8px 0px;
    width: 200px;
    border-top:solid 1px #ffcc7f;
    border-left:solid 1px #ffcc7f;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    font:17px  'Noto Serif', serif;
    color:#E5FFFF;
    background-color:#ffc573;
    background-image: -moz-linear-gradient(top, #ffc573 0%, #e06004 100%);
    background-image: -webkit-linear-gradient(top, #ffc573 0%, #e06004 100%);
    background-image: -o-linear-gradient(top, #ffc573 0%, #e06004 100%);
    background-image: -ms-linear-gradient(top, #ffc573 0% ,#e06004 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e06004', endColorstr='#e06004',GradientType=0 );
    background-image: linear-gradient(top, #ffc573 0% ,#e06004 100%);
    -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
    -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
    box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
    text-shadow: 0px -2px 1px rgba(0, 0, 0, 0.5);
    filter: dropshadow(color=#000000, offx=0, offy=-2); }
.button:hover{
    color: #fff;
    text-decoration: none;
         background-color:#e16309;
         background-image: -moz-linear-gradient(top, #e16309 0%, #ffcc7f 100%);
         background-image: -webkit-linear-gradient(top, #e16309 0%, #ffcc7f 100%);
         background-image: -o-linear-gradient(top, #e16309 0%, #ffcc7f 100%);
         background-image: -ms-linear-gradient(top, #e16309 0% ,#ffcc7f 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc7f', endColorstr='#ffcc7f',GradientType=0 );
         background-image: linear-gradient(top, #e16309 0% ,#ffcc7f 100%);
         -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
         -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
         box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
         text-shadow: 0px -2px 1px rgba(0, 0, 0, 0.5);
         filter: dropshadow(color=#000000, offx=0, offy=-2);}
.button:active,.button:checked, .button:focus{
    outline: none;
color: #fff;
        background:#e06004;
        -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
        -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
        box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
text-decoration: none;
        text-shadow: 0px 0px 1px #000000;
        filter: dropshadow(color=#000000, offx=0, offy=0);}

.fon-menu{
    background: url("../images/fon-menu.png");
    height: 100px;
    position: relative;
}
.logotip{
    background: url("../images/logotip.png");
    width: 190px;
    height: 51px;
    margin: 19px 0 0 0;
}
.fon-menu .nav{
    margin: 21px 0 0 0;
}
.fon-menu .nav li{
    display: inline-block;
}
.fon-menu .nav li a{
    color: #cbcbcb;
    font:16px  'Noto Serif', serif;
}
.fon-menu .nav li a:hover, .fon-menu .nav li a:focus{
    background: none;
    color: #fff;
}
.megafon{
    background:#190501  url('../images/megafon.jpg') no-repeat center top;

   /* -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;*/
}
.button2{margin: 0 auto; width: 300px;
    display: inline-block;}
.firstblock{
    height: 609px;
}
.two-block .title{
    color: #fff;
    font:30px  'Noto Serif', serif;
    text-align: center;
}
.two-block .description{
    color: #fff;
    font:24px  'Noto Serif', serif;
    text-align: center;
    max-width: 636px;
    margin: 17px auto 19px auto;
}
.input-line{
    border-radius: 5px;
    height: 34px;
    background: rgba(0, 0, 0, 0.25);
    border:none;
    border-bottom: 2px solid rgba(88, 93, 101, 0.37);
    box-shadow: inset 0 3px 6px #000000;
    width: 100%;
    margin: 11px 0;
    padding: 0 11px;
    color: #fff;
    font: 14px 'Noto Serif', serif;}
.input-line::-webkit-input-placeholder {color:#fff;}
.input-line::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
.input-line:-moz-placeholder           {color:#fff;}/* Firefox 18- */
.input-line:-ms-input-placeholder      {color:#fff;}
.input-line::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.3s ease;}
.input-line::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.3s ease;}
.input-line:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.3s ease;}
.input-line:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.3s ease;}
.input-line:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
.input-line:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.3s ease;}
.input-line:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.3s ease;}
.input-line:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.3s ease;}
.textarea-line{
    border-radius: 5px;
    height: 34px;
    background: rgba(0, 0, 0, 0.25);
    border:none;
    border-bottom: 2px solid rgba(88, 93, 101, 0.37);
    box-shadow: inset 0 3px 6px #000000;
    width: 100%;
    margin: 11px 0;
    padding: 0 11px;
    color: #fff;
    font: 14px 'Noto Serif', serif;}
.textarea-line::-webkit-input-placeholder {color:#fff;}
.textarea-line::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
.textarea-line:-moz-placeholder           {color:#fff;}/* Firefox 18- */
.textarea-line:-ms-input-placeholder      {color:#fff;}
.textarea-line::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.3s ease;}
.textarea-line::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.3s ease;}
.textarea-line:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.3s ease;}
.textarea-line:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.3s ease;}
.textarea-line:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
.textarea-line:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.3s ease;}
.textarea-line:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.3s ease;}
.textarea-line:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.3s ease;}
.firs-form{
    margin: 0 auto;
    max-width: 318px;
    display: inline-block;
}
.brelok1{
    background: url("../images/brelok1.png");
    width: 366px;
    height: 187px;
    float: left;
}
.brelok2{
    background: url("../images/brelok2.png");
    width: 298px;
    height: 189px;
    float: right;
}
.two-block{
    text-align: center;
    margin: 111px auto 0 auto;
}
.ico3{
    background: url("../images/ico3.png");
    width: 90px;display: inline-block;
    height: 107px;
}
.ico2{
    background: url("../images/ico2.png");
width: 94px;display: inline-block;
    height: 107px;
}
.ico1{
    background: url("../images/ico1.png");
    width: 98px;display: inline-block;
    height: 107px;
}
#UPAKOVKA p{
    color: #fff;
    font: 18px 'Noto Serif', serif;
}

/*gallerey*/
.dg-container{
    width: 100%;
    height: 300px;
    position: relative;
}
.dg-wrapper{
    width: 481px;
    height: 316px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}
.dg-wrapper a{
    width: 482px;
    height: 260px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;

    box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.dg-wrapper a.dg-transition{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
    display: block;
    padding: 0;
}
.dg-wrapper a div{
    font-style: italic;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    color: #333;
    font-size: 16px;
    width: 100%;
    bottom: -55px;
    display: none;
    position: absolute;
}
.dg-wrapper a.dg-center div{
    display: block;
}
.dg-container nav{
    width: 58px;
    position: absolute;
    z-index: 1000;
    top: 9%;
}
.dg-container nav span{
    margin: 42px 0 0 92px;
    text-indent: -9000px;
    float: left;
    cursor:pointer;
    width: 41px;
    height: 78px;
    opacity: 0.8;
    background: transparent url(../images/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
    opacity: 1;
}
.dg-container nav span.dg-next{
    background-position: top right;
    margin-left: 1209px;
    margin-top: -75px;
}
.politika .modal-title{
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}
.politika p{
    font:11px  'Noto Serif', serif;
    padding: 0;
    margin: 0;
}
.noLink {
    pointer-events: none;
}
.politika h2{
    font: 13px 'Noto Serif', serif;
    color: #3e2727;
    text-align: center;
    margin: 5px;
    padding: 0;
}
.politika h3 {
    font: 13px 'Noto Serif', serif;
    color: #3e2727;
    margin: 5px;
    padding: 0;
}
.dost1{
    background: url("../images/dost1.png") no-repeat 0 20px;
    width: 115px;    margin: 0 auto;
    height: 97px;
}
.dost2{
    background: url("../images/dost2.png") no-repeat;
    width: 103px;    margin: 0 auto;
    height: 97px;
}
.dost3{
    background: url("../images/dost3.png") no-repeat 0 4px;
    width: 93px;    margin: 0 auto;
    height: 97px;
}
.center{text-align: center}
.features h3, .features p{
    color: #fff;
    font: 20px 'Noto Serif', serif;
}
.politika2 {
    font: 14px 'Noto Serif', serif;
    color: #fff;
}
.politika2 a{
    text-decoration: underline;
    color: #fff;
}
.politika2 a:hover{
    text-decoration: none;
}
.logo-footer{
    background: url("../images/logo-footer.png");
    width: 263px;
    height: 70px;
}