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

        .header {
            background-color:#fff;
            height:60px;
            text-align: center;
            z-index:1;
        }
        .container div {
            padding: 1%;
            box-sizing: border-box;
            min-height:100%;
        }
        .left-col{
            background-color:#F53169; /*#F53169*/
            width:40%;
            float: left;
        }

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

        .center-col {
            width:45%;
            float: left;
             background-color:#F53169;
             overflow: auto;
             white-space: nowrap;
        }

        #head-text{  
        margin-top:5em;  
font-family:Georgia;
font-weight:bolder;
font-size:30px;
color:#fff; 
}

#text{
margin-top:0px; 
line-height:150%;   
width:430px;    
margin-top:0px;    
font-family:Georgia; /*Palatino Linotype*/
font-weight:normal;
font-size:20px;
color:#fff; 
}


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

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

::-webkit-scrollbar { 
    width:5px;
}


::-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:250px;
padding:10px;    
font-family:Georgia;
line-height:140%;
font-size:25px;
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:0px;    
font-family:arial;
font-weight:normal;
font-size:14px;
color:#2E86C1;
padding:10px 30px;
background-color:#EAF2F8;
border:1.5px solid #3498DB;
border-radius:20px;
text-decoration:none;
}


.loginTab{     
padding:8px 20px;   
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:hover{
background-color:#93455B;
border:1px solid #93455B;   
}

.registerTab-2{ 
padding:8px 20px;   
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-2:hover{
background-color:#B2BABB;
border:1px solid #B2BABB;   
}

.mobile-div{
display:none;    
}

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


input[type="text"]{
outline:none;
font-family:arial;
font-weight:normal;
font-size:15px;
padding:6px;
width:300px;
border:1.5px solid #fff;
border-radius:2px;    
color:#333;
}

.subscribeBtn {
    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 25px;
    text-decoration:none;
}
.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, .registerBtn {
    float:right;
    margin-right:20px;
    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 25px;
    text-decoration:none;
}
.sigininBtn:hover , .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{
width:415px;    
background-color:#F9EBEA;
color:#922B21;
font-size:14px;
border:1px solid #F9EBEA;
padding:6px;
font-family:arial;  
border-radius:2px;  
}

        .footer {
            bottom:0;
            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;   
        }