/* 
    Document   : contact
    Created on : Nov 22, 2012, 2:45:49 PM
    Author     : Sanjay Sinha
    Colours    :
        Black #000000
*/


body.contact {}

.contact .row { width: 960px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.contact a {color: #000000;}

.contact section {background: url(../images/bg-content.png); margin: 50px 0 80px 0; padding: 30px 0;}
.contact header.head-contact {width: 960px; margin: 50px auto 0;}
.contact header.head-contact h1 {font-family: "proxima-nova", helvetica, sans-serif; font-size: 48px; font-weight: bold; text-transform: uppercase;}

.contact h2 {font-family: "proxima-nova", helvetica, sans-serif; font-size: 24px; font-weight: bold; padding: 0 0 20px 0;}
.contact p {font-family: "proxima-nova", helvetica, sans-serif; font-size: 18px; font-weight: bold;}

.contact .details ul {padding: 0 0 30px 0;}
.contact .details ul li {font-family: "proxima-nova", helvetica, sans-serif; font-size: 18px; font-weight: bold; }

.contact .connect ul li {font-family: "proxima-nova", helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 46px}

.contact .connect ul li a.con-linkedin {background: url(../images/icon-linkedin-inpage.png) no-repeat 0 0; padding: 4px 0 6px 42px;}
.contact .connect ul li a.con-twitter {background: url(../images/icon-twitter-inpage.png) no-repeat 0 0; padding: 4px 0 6px 42px;}
.contact .connect ul li a.con-pinterest {background: url(../images/icon-pinterest-inpage.png) no-repeat 0 0; padding: 4px 0 6px 42px;}
.contact .connect ul li a.con-instagram {background: url(../images/icon-insta-inpage.png) no-repeat 0 0; padding: 4px 0 6px 42px;}

.contact section .contact-form form {background: url(../images/bg-form.png); }

.contact section .share-cntr {background: url(../images/bg-stripe-diag-sml.png) repeat 0 0; padding: 14px 14px 10px 14px; }

.contact section .share-fb {float: left; width: 48px; overflow: hidden; margin-right: 4px;}
.contact section .share-twit {float: left; width: 56px; overflow: hidden; margin-right: 4px;}
.contact section .share-google {float: left; width: 32px; overflow: hidden; margin-right: 4px;}
.contact section .share-pin {float: left; width: 46px; overflow: hidden; margin-right: 4px;}
.contact section .share-linkedin {float: left; overflow: hidden;}

.contact section .dotted-left {padding-left: 12px; border-left: 4px dotted #000000;}
.contact section .dotted-top {padding-top: 12px; border-top: 4px dotted #000000;}



/*-- Device responsive styles --*/

@media screen and (max-width: 960px) {
    .contact header.head-contact {width: auto; margin: 50px auto 0;}
}

@media screen and (max-width: 767px) {
    .contact .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
    .contact section {margin: 30px 0; padding: 30px 0;}
}

@media screen and (max-width: 600px) {
    
    
}

@media screen and (max-width: 480px) {
    
    
}

@media screen and (max-width: 320px) {
    
}