/*!
                                  __                         _   __
                                  \ \                       | | / /
      ____ ___  ____  _____  _____ \ \   _      __ ___  _ __| |/ / ___       
     / __ `__ \/ __ \/ ___ \/ ___ \ \ \ \ \    / / __ \| '__|     / __|
    / / / / / / /_/ / /__/ / /__/ /  \ \ \ \/\/ / /_/ /| |  | |\ \\__ \ 
   /_/ /_/ /_/\____/______/______/    \_\ \_/\_/\____/ |_|  |_| \_\___/
                                 
			
				        Project Name:  autopia.com.tr             
				|------------------------------------------|
				         Author:  MODD\works | bh*  
				|------------------------------------------|         
				       Website:  http://autopia.com.tr         
				|------------------------------------------|
	       Copyright: (C) 2017 tum haklari saklidir kopyalanamaz                     
 
*/
.div-popup {
    background-color: rgba(0,0,0,0.8);
    padding: 20px;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
    top:0;
}

    .div-popup .close-button {
    position: absolute;
    background-color: #6fcddd;
    border-radius: 100%;
    color: #FFF;
    right: 7px;
    top: -9px;
    width: 60px;
    height: 60px;
    font-size: 25px;
    text-align: center;
    padding-top: 0px;
    z-index: 1000;
    cursor: pointer;
    border: 8px solid #FFFFFF;
    /* -webkit-box-shadow: inset 0px 6px 17px -8px rgba(0,0,0,0.49); */
    -moz-box-shadow: inset 0px 6px 17px -8px rgba(0,0,0,0.49);
    /* box-shadow: inset 0px 6px 17px -8px rgba(0,0,0,0.49); */
	}

    @media (min-width : 0px) and (max-width : 480px) {
    .div-popup-gallery {
        width: 95%;
        margin: 0 auto;
        left: 10px;
        top: 10%;
        position: absolute;
    }
}

@media (min-width : 481px) and (max-width : 767px) {
    .div-popup-gallery {
        width: 70%;
        margin: 0 auto;
        top: 10%;
        position: absolute;
    }
}

@media only screen and (min-width : 768px) {
    .div-popup-gallery {
        width: 28%;
        margin: 0 auto;
        left: 35%;
        top: 10%;
        position: absolute;
        z-index:9999;
    }
}


#contact-form .overlay-popup{
	
	padding: 25px 10px 20px 10px;
}

#contact-form .overlay-popup h4{
    text-align:center;font-size:16px;color:#808080;
}

#contact-form .overlay-popup .item{
    padding:5px 0;
    margin:3px 0;
}

#contact-form .overlay-popup .item input[type=text]{
    padding:5px;
    border-radius:5px;
    border:1px solid #808080;
    width:95%;
}

#contact-form .overlay-popup .item input[type=text].full{
    padding:5px;
    border-radius:5px;
    border:1px solid #808080;
    width:98%;
}

#contact-form .overlay-popup .item input[type=text]:focus{
    border:1px solid #6fcddd;
}

#contact-form .overlay-popup .item select{
    padding:5px;
    border-radius:5px;
    border:1px solid #808080;
    width:95%;
}

#contact-form .overlay-popup .item select:focus{
    border:1px solid #6fcddd;
}

#contact-form .overlay-popup .item input[type=submit] {
    width: 100%;
    float: right;
    -moz-box-shadow: inset 0px 6px 17px -8px rgba(0,0,0,0.49);
    border-radius: 5px;
    border: none;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    background-color: #6fcddd;
    color: #fff;
}