/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
.sl-newdiv {
   position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 9px;
    color: #fff;
    background: #000;
}
.sl-newdiv:hover {
    background: #333;
}
.sl-newdiv .product_order {
    cursor: pointer;
}
form#order_form {
    color: #000;
    width: 100%;
    max-width: 500px;
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    position: relative;
}
.parfrm label {
    float: left;
    width: 25%;
    line-height: 18px;
    font-size: 14px;
}
.parfrm {
    overflow: hidden;
    padding-bottom: 5px;
}
.parfrm input {
    float: right;
    width: 75%;
}
.modal-content {
    position: relative;
}
.close {
    position: absolute;
    right: 15px;
    top: 10px;
}
.parfrm1 {
    padding-bottom: 10px;
}
.parfrm1 .instalation {
    vertical-align: middle;
    margin-left: 15px;
}
#order_form h3 {
    font-size: 16px;
    padding: 0 0 5px;
}
.modal-content {
    width: 100% !important;
    top: 50%;
    transform: translate3d(0,-50%,0);
}
.modal {
    padding-top: 0 !important;
}
.loader {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate3d(0,-50%,0);
    color: #000;
    text-align: center;
    background-image: url(../dt-the7/images/lazy_placeholder.gif);
    z-index: 99999;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
    width: 100%;
    background-color: rgba(0,0,0,.1);
    height: 100vh;
}
@media (max-width: 640px) {
	.parfrm label {
        float: none;
        width: 100%;
        margin: 0 0 5px;
        line-height: 18px;
   		font-size: 13px;
    }
    .parfrm input {
        float: none;
        width: 100%;
        margin: 0;
    }
    #order_form h3 {
        padding: 0 0 5px;
        line-height: 16px;
    }
    .modal-content {
        width: 85% !important;
        min-height: 500px;
        height: 500px;
        overflow-y: scroll;
    }
}