/*body { font-family: 'Raleway', sans-serif;background: url(bg/18.jpg) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
*/
body { font-family: 'Raleway', sans-serif; background:url(https://www.sharebusinesscard.com/Free/background/B5.jpg); background-size:contain;}
.mainwrapper { max-width: 620px; margin: 0 auto; margin-bottom: 60px;}
        .maincontent { width: 96%; display: block; padding: 2%; margin-bottom: 10px;}
        .maincontent h1 { margin: 0px; padding: 0px; font-size: 20px; text-align: center; color:black; text-shadow:0.5px 0.5px #000;}
        .maincontent h2 { margin: 0px; padding: 0px; font-weight: normal;font-size: 14px; text-align: center; color:black; text-shadow:0.5px 0.5px #000;}
        
        .maintopblock { width: 96%; margin-top: 5px; display: block; background-color: #f8f8f8;padding: 2%; border-top-left-radius: 10px; border-top-right-radius: 10px; opacity:0.88;}
        .maintopblock h1 { margin: 0px; padding: 0px; font-size: 20px;}
        .maintopblock h2 { margin: 0px; padding: 0px; font-weight: normal;font-size: 14px;}
        
        .maintopblock-social { width: 96%; display: block; background-color: #222C47;padding: 2%; font-size: 24px;}
        .maintopblock-social a { margin-right: 10px; line-height: 35px; color: white;}
        
        .btnblock { display: block; margin: 0px 0px 7px 0px; width: 100%; }
        .btnblock a { padding: 7px 10px; display: inline-block; margin-bottom: 5px; border-radius: 10px; background: linear-gradient(135deg, #222C47 0%, #465780 100%); color: white; text-decoration: none; font-size: 12px;}
        
        .btn1block { width: 100%; display: block; margin-bottom: 15px;}
        .btn1block a { text-decoration: none;}
        .btn1block p { width: 100%; color: #000; margin: 0px; } 
        .btn1block h5 { width: 100%; color: #000; font-size: 14px; margin: 0px; } 
        
        .btn2block { width: 100%; display: table; margin-bottom: 15px; font-size: 12px; text-align: center;}
        .btn2block-left { width: 44%; padding: 3%; color:white !important; background-color: #222C47; float: left;}
        .btn2block-left a { text-decoration: none; color:white !important;}
        .btn2block-right { width: 44%; padding: 3%; color:white !important; background-color: #465780; float: left;}
        .btn2block-right a { text-decoration: none; color:white !important;}
        
        .footer_menu{position: fixed;border-radius: 10px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;bottom: 0;left: 0;right: 0;z-index: 98;background:#fff;transition: all 250ms ease;min-height: 45px;transition: all 250ms ease;box-shadow: 0 15px 30px 0 rgba(0,0,0,.21),0 0 15px 0 rgba(0,0,0,.18)!important;overflow: hidden;}
        .footer_menu a {width: 16%; display: inline-block;text-align: center;margin-top: 9px;font-size: 10px; text-decoration: none; color: #222C47;}
        
        .aboutuswrapper { max-width: 620px; margin: 0 auto; opacity:0.88;}
        .aboutuscontent { width: 96%; display: block; padding: 2%;}
        .aboutusblock{ width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #fff; }
        .aboutusmain{ width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #f8f8f8; box-shadow:1px 1px 5px 1px #ccc !important;}
        .aboutusblock h5 {margin: 0px;padding: 0px; font-size: 20px; text-align: center; text-decoration: underline;text-underline-position: under; margin-bottom: 15px;}
        .aboutusblock p { text-align: justify; font-size: 14px; line-height: 20px; margin: 10px 0px;}        
        .companyprofilebtn { width: 80%; display: block; text-align: center; margin-top: 15px; padding: 10px 10%; border-radius: 5px; background: linear-gradient(135deg, #222C47 0%, #465780 100%); color: white; text-decoration: none;}
        
        .productswrapper { max-width: 620px; margin: 0 auto; opacity:0.88;}
        .productscontent { width: 96%; display: block; padding: 2%;}
        .productsblock{ width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #fff; }
        
        /*.productsmain { width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #f8f8f8; box-shadow:1px 1px 5px 1px #ccc !important; margin-bottom: 10px;}
        */
        .productsmain { width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #f8f8f8; box-shadow:1px 1px 5px 1px #ccc !important; margin-bottom: 10px;}
        .productsmain a { text-decoration: none; color: #222C47;}
        .productsmain img { width: 100%;}
        
        .productsblock h6 { font-weight: bold;font-size: 16px; line-height: 20px; margin: 10px 0px 0px 0px; text-align: center;}
        .productsblock h5 {margin: 0px;padding: 0px; font-size: 20px; text-align: center; text-decoration: underline;text-underline-position: under; margin-bottom: 15px;}
        .productsblock p { text-align: justify; font-size: 14px; line-height: 20px; margin: 10px 0px; text-align: center;}
        
        .gallerywrapper { max-width: 620px; margin: 0 auto; opacity:0.88;}
        .gallerycontent { width: 96%; display: block; padding: 2%;}
        .galleryblock{ width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #fff; }
        .gallerymain{ width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #f8f8f8; box-shadow:1px 1px 5px 1px #ccc !important; }
        .galleryblock h5 {margin: 0px;padding: 0px; font-size: 20px; text-align: center; text-decoration: underline;text-underline-position: under; margin-bottom: 15px;}
        .galleryblock p { text-align: justify; font-size: 14px; line-height: 20px; margin: 10px 0px; text-align: center;}
        
        .paymentwrapper { max-width: 620px; margin: 0 auto; opacity:0.88;}
        .paymentcontent { width: 96%; display: block; padding: 2%;}
        .paymentblock{ width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #fff; }
        .paymentmain{ width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #f8f8f8; box-shadow:1px 1px 5px 1px #ccc !important; }
        .paymentblock h5 {margin: 0px;padding: 0px; font-size: 20px; text-align: center; text-decoration: underline;text-underline-position: under; margin-bottom: 15px;}
        .paymentblock p { text-align: justify; font-size: 14px; line-height: 20px; margin: 10px 0px;}
        
        .contactwrapper { max-width: 620px; margin: 0 auto; opacity:0.88;}
        .contactcontent { width: 96%; display: block; padding: 2%;}
        .contactblock{ width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #fff; }
        .contactmain{ width: 92%; display: block;padding: 4%; border-radius: 5px; background-color: #f8f8f8; box-shadow:1px 1px 5px 1px #ccc !important; }
        .contactblock h5 {margin: 0px;padding: 0px; font-size: 20px; text-align: center; text-decoration: underline;text-underline-position: under; margin-bottom: 15px;}
        
        .contactinfo { width: 100%; margin: 10px 0px; }
        .contactinfo h1 {margin: 0px; padding: 0px; font-size: 20px; text-align: center; color:#222C47;}
        .contactinfo table {font-size: 14px; margin-top: 10px;}
        .contactinfo table td,th,tr {padding: 5px;}
        .contactinfo table a { color: black; text-decoration: none;}
        
        .inquiryinfo { width: 100%; margin: 10px 0px; }
        .inquiryinfo h1 {margin: 0px; padding: 0px; font-size: 20px; text-align: center; color:#222C47;}
        .inquiryinfo p { text-align: left; margin: 0px; margin: 10px 0px 5px 0px;;}
        .inquirytext { width: 96%; padding: 2%; }
        .sendbtn {width: 80%; display: block; padding: 10px 10%; border-radius: 5px; background: linear-gradient(135deg, #222C47 0%, #465780 100%); color: white; text-decoration: none;}
        
#modal {left: 34%;margin: 0px 0 0 -32%;opacity: 0;position: absolute;top: -50%;visibility: hidden;width: 96%;box-shadow: 0 3px 7px rgba(0,0,0,.25);box-sizing: border-box;transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out}
#modal:target {opacity: 1;top: 25%;visibility: visible}

#modal .header, #modal .footer {border-bottom: 1px solid #222C47;border-radius: 5px 5px 0 0}
#modal .footer {border: none;border-top: 1px solid #222C47;border-radius: 0 0 5px 5px}
#modal h2 {margin: 0;color: #fff}
#modal .btn { float: right }
#modal .copy, #modal .header, #modal .footer {padding: 10px;color: #fff}
.modal-content {background: #222C47;position: relative;z-index: 20;border-radius: 5px;color: #fff;}
#modal .copy { background: #465780; }
.copy p {font-size: 14px;line-height: 20px;margin: 5px 0px;text-align: center;}
#modal .overlay {background-color: #000;background: rgba(0,0,0,.8);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 10}
.copy a {color: #fff;text-decoration: none;display: inline-block;padding: 5px 10px;border-radius: 5px;background-color: #E74C3C;font-size:13px;}
.social a {color: #fff;text-decoration: none;display: inline-block;padding: 5px 10px;border-radius: 5px;background-color: #222C47;font-size:13px; margin-bottom:10px;}

        @media{
            .mainwrapper { width: 100%;}
        }