body {
            margin: 0;
            background-color:#F53169;
            overflow:auto;
            -webkit-tap-highlight-color: transparent;
        }

        .header {
            background-color:#fff;
            height:430px;
            text-align: center;
        }
        .container div {
            padding: 1%;
            box-sizing: border-box;
        }

        .left-col{
            background-color:#F53169; /*#F53169*/
            width:2%;
            float: left;
        }

        .right-col {
            background-color:#F53169;
            width:2%;
            float: left;
            display:none;
        }

        .center-col {
            width:96%;
            float: left;
             background-color:#F53169;
        }

        #head-text, #text, .loginTab, .registerTab-2, .desktop-form{display:none;}

        .mob-form{display:inline;}

#head-text-2{      
display:inline;    
font-family:Georgia;
font-weight:bolder;
font-size:20px;
color:#333; 
}

#text-2{   
display:inline;    
margin-top:10px; 
line-height:150%;   
width:310px;    
margin-top:0px;    
font-family:Georgia; /*Palatino Linotype*/
font-weight:normal;
font-size:17px;
color:#333; 
}


.box{
    width:95%;
    height:100%;
    background-color:#fff;
    margin:8px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    border-radius:10px;
    border:1px solid #F8F9F9;
    display:inline-block;
    overflow:hidden;
    white-space: pre-line;
}

.box:hover{
background-color:#F8F9F9;    
}

::-webkit-scrollbar { 
    width:1px;
    display:none;
}


::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent; 
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background:#fff; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #fff; 
}

#content-text{ 
height:260px; 
padding:10px;    
font-family:Georgia;
line-height:140%;
font-size:18px;
font-weight:normal;
margin-top:0px;
color:#333;
word-wrap: break-word;
cursor:default;
}

#content-text a{      
color:#333;
font-family:georgia;
text-decoration:none;   
border-bottom:2px solid #82E0AA;
background-color:#E8F8F5;
font-weight:normal;
font-size:18px;
}

#content-text a:hover{
background-color:#ABEBC6;
transition:0.1s;    
}

#content-text::first-letter {
font-size: 200%;
color: #333;
}

#attachment-text{  
margin-top:-2em;    
font-family:arial;
font-weight:normal;
font-size:14px;
color:#2E86C1;
padding:5px 30px;
background-color:#EAF2F8;
border:1.5px solid #3498DB;
border-radius:20px;
text-decoration:none;
}


.loginTab-2{  
display:inline;   
padding:8px 50px;   
color:#fff;
font-family:arial;
font-weight:normal;
font-size:15px;
border-radius:3px;
background-color:#2ECC71;
border:1px solid #2ECC71;   
text-decoration:none;
}

.loginTab-2:hover{
background-color:#93455B;
border:1px solid #93455B;   
}

.registerTab-3{ 
display:inline;    
padding:8px 60px;   
color:#424949;
font-family:arial;
font-weight:normal;
font-size:15px;
border-radius:3px;
background-color:#E5E8E8;
border:1px solid #E5E8E8;   
text-decoration:none;   
}

.registerTab-3:hover{
background-color:#B2BABB;
border:1px solid #B2BABB;   
}

input[type="text"]{
outline:none;
font-family:arial;
font-weight:normal;
font-size:15px;
padding:8px;
width:90%;
padding:15px;
border:1.5px solid #fff;
border-radius:4px;    
color:#333;
background-color:#eee;
}

.subscribeBtn {
    outline:none;
    margin-top:5px;
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:8px 25px;
    height:40px;
    text-decoration:none;
    width:99%;
}
.subscribeBtn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}


.subscribeBtn {
    outline:none;
    margin-top:5px;
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:8px 25px;
    text-decoration:none;
    width:99%;
}
.subscribeBtn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}

.signinBtn{
    float:right;
    margin-right:35px;
    margin-top:1em;
    outline:none;
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:8px 35px;
    text-decoration:none;
}
.sigininBtn:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}

.registerBtn {
    float:right;
    margin-right:45px;
    margin-top:1em;
    outline:none;
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:8px 45px;
    text-decoration:none;
}

.registerBtn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}


#error-msg{
margin-top:-3em;    
width:340px;    
background-color:#F9EBEA;
color:#922B21;
font-size:14px;
border:1px solid #F9EBEA;
padding:6px;
font-family:arial;  
border-radius:2px;  
}



        .footer {
            clear: both;
            font-family:arial;
            background-color:#F53169;
            text-align: center;
            height: 50px;
            padding-top: 10px;
            box-sizing: border-box;
        }

        .footer a{ 
         font-size:13px;   
         color:#fff;
         text-decoration:none;
          padding:0 10px;   
        }