/*CSS for Ipremium Website
By Double Design & Development - 2017
*/
body {
    color: #333333;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px;
}

h1, h2, h3, h4 {
    font-weight: 300;
}

span.text-primary {
    color: #ccc;
    font-weight: 600 !important;
}
/*Utilities*/
.lh-2 {
    line-height: 2em;
}

.pd-50 {
    padding: 50px;
}

hr.mblack {
    border-color: #222;
}

.container-lg {
    max-width: 80%;
    word-break: break-word;
}
/*Normalize Buttons*/
.btn-ip-white {
    color: white;
    border: 1px solid #fff;
    background-color: transparent;
}

    .btn-ip-white:hover {
        color: #222;
        background-color: white;
    }

.btn-ip-sled {
    color: white;
    border: 1px solid #fff;
}

    .btn-ip-sled:hover {
        color: #fff;
        border: 1px solid #3BD42E;
    }

.btn-ip-default {
    color: #222;
    border: 1px solid #222;
}

    .btn-ip-default:hover {
        color: gray;
        border: 1px solid gray;
    }

/*Hero*/
header.video .overlay {
    opacity: 0.5;
    top: 0;
}
/*About Section*/
.about-desc {
    padding: 40px 80px;
}

    .about-desc span {
        font-size: 17px;
    }

.navbar ul li a {
    font-weight: 600;
}
/*Products Homepage*/

/*SLED section*/
#sled {
    padding: 100px 0px;
    min-height: 500px;
    max-height: 500px;
    background: url('http://ipremium.double.pt/media/1729/sled.jpg') rgba(0, 0, 0, 0.4);
    background-size: cover;
    background-blend-mode: multiply; /*Test browsers*/
    color: white;
    background-position: top center;
    transition-timing-function: ease-out;
    -moz-transition: ease-out;
    -webkit-transition: 1.5s; /* Safari */
    transition: 1.5s;
}

    #sled:hover {
        background: url('http://onadifferentangle.com/assets/img/slider/photo.jpg') rgba(59, 212, 46, 0.5);
        background-size: cover;
        background-blend-mode: multiply; /*Test browsers*/
        transition-timing-function: ease-in-out;
        -moz-transition: ease-in-out;
        background-position: center center;
        -webkit-transition: 1s; /* Safari */
        transition: 1.5s;
    }

    #sled ul {
        padding: 0;
    }

        #sled ul li {
            list-style: none;
            display: inline-block;
        }

/*footer*/
footer.footer .contact-details {
    color: white;
}

@media(min-width:320px) and (max-width:768px) {


    header.video {
        margin-top: 50px;
        height:100vw;
    }

    #sled {
        background: url('http://onadifferentangle.com/assets/img/slider/photo.jpg') rgba(59, 212, 46, 0.5);
        background-size: cover;
        background-position: center;
        background-blend-mode: multiply;
    }

        #sled ul {
            padding: 0;
        }

            #sled ul li {
                padding: 0;
                list-style: none;
                display: block;
                margin-top: 20px;
            }
    /*About Section*/
    #about {
        padding: 20px;
    }

    .about-desc {
        padding: 40px 0px;
    }

        .about-desc span {
            font-size: 18px;
        }

    .lh-2 {
        line-height: 1.8em;
    }
    /**/
    /*Logo*/
    .navbar-brand img {
        max-width: 120PX;
    }

    .navbar {
        margin-top: 0px;
        padding: 0px;
    }
    /**/
    .payment-detail {
        padding-top:10px !important;
        text-align: center;
    }
    /*Services*/
    #servicos .info-detail {
        text-align: center;
        padding: 0px;
    }

        #servicos .info-detail h2 {
            font-size: 30px;
            text-align: center;
        }

        #servicos .info-detail h3 {
            font-size: 24px;
        }
}

@media(min-width:901px) and (max-width:1000px) {
    #portfoliolist .mix {
        max-height: 208px !important;
    }
}

@media(min-width:769px) and (max-width:900px) {
    #portfoliolist .mix {
        max-height: 160px;
    }
}

@media(min-width:601px) and (max-width:768px) {
    #portfoliolist .mix {
        max-height: 250px;
    }

        #portfoliolist .mix .portfolio-wrapper img {
            max-height: 257px;
            height: auto;
        }
}

@media(min-width:480px) and (max-width:600px) {
    #portfoliolist .mix {
        max-height: 178px;
    }

        #portfoliolist .mix .portfolio-wrapper img {
            max-height: 257px;
            height: auto;
        }
}

@media(max-width:400px) {
    #portfoliolist .mix {
        width: 100%;
    }
}

@media(max-width:480px) {
    #servicos h2 {
        text-align: center !important;
    }

    .container-lg {
        max-width: 100%;
    }

    .info-detail {
        padding: 0px;
    }
    /*#portfoliolist .mix{
    width: 100%;
    }*/
}

.intro-content img {
    width: 80%;
}
/*CTA 4 APP*/
.cta-quote .btn-disabled {
    color: white;
    border: 1px solid white;
}

    .cta-quote .btn-disabled:hover {
        color: #333 !important;
        border: 1px solid #222 !important;
    }

    .cta-quote .btn-disabled:focus {
        color: white !important;
        background-color: #222;
        border: 1px solid #222 !important;
    }

/*Contact Form*/
/*Safari Fix*/
#contactForm .form-control {
    padding: 0px;
}


/*Product Page*/
.p-detail img {
    width: 100%;
    border-radius: 20px;
    margin-top: 15px;
}

.info-detail {
    padding: 0px 40px 40px 40px;
}

.back-black {
    margin-top: 50px;
    padding: 80px 0;
    background-color: #222;
    background-bend-mode: multiply;
    background-repeat: no-repeat;
    color: white;
}

.payment-detail {
    padding: 30px 0px;
    padding-top: 100px;
}

#servicos.p-detail {
    padding-bottom: 0;
    margin-top: 50px;
}

.payment-detail .form-group .form-control {
    border-radius: 10px !important;
}

#target .pf {
    left: -6px;
    position: relative;
}

#servicos p-detail {
    text-align: left;
}

#servicos .p-detail h2 {
    font-size: 36px;
    color: gray;
    text-align: left;
}

#servicos .info-head h2:hover {
    color: black;
}

#servicos p, #servicos span, #servicos label {
    width: 100%;
}

#servicos .price {
    font-size: 20px;
    font-weight: bold;
    /*text-align:right;*/
}

.order {
    margin-top: 20px;
}

.payment-description {
    margin-top: 40px;
    padding: 50px;
}

    .payment-description h2 {
        color: white;
    }
/*Normalize Select all browsers*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    max-width: 100%;
    display: inline-block;
    height: 44px;
    padding: 0 10px !important;
    background: #fff;
    overflow: hidden;
    font-size: 13px;
    border-radius: 15px;
}