/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017.03.14., 9:19:56
    Author     : nagy
*/


body{
    min-width: 450px;
   /* max-width: 1980px;*/
}





footer {
    background-color: #3e454d;
    display: block;
}
footer .content{
    display: table;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}



/* <#options-form */
footer #options-form{
    background: #ff6739;
    background: -moz-linear-gradient(-45deg, #ff6739 0%, #ff6739 29%, #e9511e 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff6739), color-stop(29%, #ff6739), color-stop(100%, #e9511e));
    background: -webkit-linear-gradient(-45deg, #ff6739 0%, #ff6739 29%, #e9511e 100%);
    background: -o-linear-gradient(-45deg, #ff6739 0%, #ff6739 29%, #e9511e 100%);
    background: -ms-linear-gradient(-45deg, #ff6739 0%, #ff6739 29%, #e9511e 100%);
    background: linear-gradient(135deg, #ff6739 0%, #ff6739 29%, #e9511e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6739', endColorstr='#e9511e', GradientType=1 );
}
footer #options-form .complet-opinion-text{    
    text-align: center;
    font-size: 30px;
    color: white;
    height: 150px;
    line-height: 150px;
    vertical-align: middle;
}

footer #options-form .padding-20{
    padding: 3%;
}
footer #options-form .col{    
    display: block;
    float: left;
    margin: 0px;
}
footer #options-form .input-groups{
    float: right;
    width: 47%;
    padding-left: 10px;
}
footer #options-form p{
    font-family: robotoslab-regular;
    text-align: left;
    line-height: 30px;
    color:white;
    font-size: 20px;
    padding-bottom: 4px;
}
footer #options-form input, footer #options-form  button{    
    display: block;
    width: 100%;
    line-height: 29px;
    height: 30px;
    margin: 0px 15px 0px 5px;
    line-height: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-size: 16px;
}
footer #options-form textarea{
    width: 45%;
    height: 105px;    
    line-height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: left;    
    padding: 10px;
}
footer #options-form input:first-child{
    margin-bottom: 9px;
}
footer #options-form button, footer #options-form input[type=button]{
    margin-top: 27px;
    border: 0px;
    color:white;
    background-color: #3e454d;
    text-transform: uppercase;
    font-size: 16px;
    font-family: roboto-condensed-bold;
}
/* #options-form> */




/* <social-icons */
footer .social-icons li {
    text-align: center;
    width: 35px;
    line-height: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}
footer .social-icons li a {
    display: block;
    text-decoration: none;
}
footer .social-icons.white-bg li {
    background-color: white;
}
/* social-icons> */



/* <orange-nav */
footer .orange-nav{
    font-size: 18px;    
    font-weight: bold;
    text-align: center;
    line-height: 22px;
}
footer .orange-nav li{
    padding: 0px 5px;
}
footer .orange-nav a{
    color:#e9511e;
    text-transform: uppercase;
    text-decoration: none;
}
/* orange-nav> */





/* <footer-nav */
footer nav ul{
    padding: 8px 0px 10px 0px;
    display: table;
    width: 100%;
}
footer nav ul li{
    font-size: 18px;
    display: table-cell;
    white-space: nowrap;
    width: 6%;
}
footer nav ul li a{
    padding: 15px 6px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;    
}
footer nav ul li.rd-color a{
    color: #e9511e;
    font-weight: bold;
}
footer nav ul li.v-line{
    color: #848e97;
    font-size: 15px;
    text-align: center;
}
/* footer-nav> */


footer .ft-right-sd p {
    display: inline-block;
    font-size: 12px;
    color: white;
    padding: 3px 0px 22px 0px;
    text-align: initial;
}



/*  <footer:blue-box: */
footer .partners-cont{
    display: table;
    width: 100%;
}
footer .partners-cont >div{
    display: table-cell;
}
footer .blue-box{
    border:1px solid #6c7680;
    /*float:left;
    margin: 10px 2%;*/
    height: 70px;
    line-height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  
    position: relative;
}
footer .blue-box span{
    color: #6c7680;
    background-color: #3e454d;
    position: absolute;
    top: -6px;
    left: -6px;
    text-transform: uppercase;
    padding: 5px;
    font-size: 14px;
}
footer .blue-box.type1{
    width: 64%;
}
footer .width-15{
    width: 15px;
}/*
footer .blue-box{        
    width: 95%;
    height: 70px;
    margin: 2%;
}    */
/*  :footer:blue-box> */


footer .ft-right-sd{
    padding: 10px 0px 0px 0px;
}



/*  Different css:    */

    /*  MOBILE SIZE:     */
    @media only screen and (max-width: 649px) 
    {
        footer .footer-subnav >div {
            display: table;
            width: 100%;   
            padding: 10px 0px;  
        }
        footer .footer-subnav >div >div{
            display: table-cell;
            vertical-align: middle;
        }
        footer .footer-subnav .main-menu{
            display: none;
        }    
        footer #options-form{
            width: 100%;
        }
        footer .social-icons{    
            text-align: center;
        } 
        footer .social-icons li {
            display: inline-block;
        }
        footer .orange-nav li{
            display: inline-block;
            padding: 0px 3px;
        }
        footer nav ul{
            font-size: 15px;
        }
        footer .blue-box.type1, footer .blue-box.type2{            
            width: 100%;
            display: table-caption;
        }
        footer .width-15{
            width: 100%;
            display: table-caption !important;
            height: 10px;
        }
        footer nav ul li {
            display: inline-table;
            width: 5%;
        }
        /*
        footer .blue-box.type2{
            width: 95%;    
        }*/
        
        footer .footer-subnav {
            margin: 0px 20px;
        }
        footer .ft-right-sd {
            padding: 0px 20px 20px 20px;
        }
        footer #options-form input, footer #options-form  button{            
            margin-left: 0px;
        }
        footer #options-form .col {
            width: 94%;
        }
        footer #options-form .input-groups {
            width: 100%;
            margin-top: 10px;
        }
        
        
    }
     @media only screen and (max-width: 450px) 
    {
        footer .social-icons {
            width: 90px;
        }
    }

    /*  TABLET SIZE:     */
    @media only screen and (min-width: 650px) and (max-width: 1299px) 
    {   
        footer #options-form input, footer #options-form  button{            
            margin-left: 0px;
        }
        footer .blue-box {
            height: 150px;
        }
        footer .ft-right-sd p {
            padding: 6px 0px 27px 0px;
        }
        footer #options-form .padding-20{            
            padding: 2%;
        }
        footer #options-form textarea{
            width: 63%;
        }
        footer #options-form .input-groups{
            width: 32%;            
        }
        footer #options-form p{
            padding-bottom: 12px;
        }
        footer .footer-subnav > div{
            display: table;
            width: 100%;    
        }
        footer .footer-subnav  > div > div, .footer-subnav  nav{
            display: table-cell;
            vertical-align: top;
            text-align: center;
        }
        footer .footer-subnav  > div > div:first-child{
            width: 80px;            
        }
        footer .footer-subnav  > div > div:last-child{
            width: 120px;            
        }
        footer #options-form{
            width: 100%;
        }
        footer .social-icons{
            padding: 22px 18px 20px 25px;
            width: 82px;
        }
        footer .orange-nav{
            padding: 22px 11px 20px 11px;
            width: 120px;
            margin-top:0px;
        }
        footer nav ul{
            font-size: 18px;
            border-left: 1px solid gray;
            border-right: 1px solid gray;
            margin-top: 20px;
            padding: 0px 3% 10px 3%;
            height: 70px;
            width: 94%;
        }
        footer .ft-right-sd .main-menu{
            display:none;
        } 
        footer .social-icons li {
            margin: 2px;
            float: left;
        }
        footer .ft-right-sd {
            padding: 0px 20px 20px;
        }
        footer nav ul li {
            display: inline-table;
        }
    }

    
    /*  PC SIZE:     */
    @media only screen and (min-width: 1300px) 
    {        
        footer #options-form .padding-20{            
            padding: 14px 17px 24px 20px;
        }
        footer #options-form p{
            padding-bottom: 7px;
        }
        footer .footer-subnav{
            padding: 18px;
        }
        footer .content >div{
            display: table-cell;
        }
        footer .footer-subnav{
            display: table;
            text-align: center;
        }
        footer .footer-subnav > div{
            text-align: center;
        }
        footer .footer-subnav .main-menu{
            display: none;
        }
        footer #options-form{
            width: 520px; 
        }  
        footer #options-form >div{
            min-width: 350px;
        }
        footer .social-icons{
            padding: 0px;
            display: inline-block;
        }
        footer .orange-nav{
            padding: 0px;
            margin-top:19px;
        }
        footer nav ul{
            font-size: 17px;
        }    
        footer .social-icons{
            width: 82px;
        }    
        footer .social-icons li {
            margin: 3px;
            float: left;
        }
    }