/*
Softozin Explication Private Limited
Copyright @ 2018 - 2019
*/
/* 
    Created on : 27 May, 2018, 5:39:12 AM
    Author     : MKS
*/
/* For desktop: */
html,body{
    height: 100%;
}
*{
    padding: 0;
    margin: 0;
    font-family:sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:focus {
    outline: 0 !important;
}
.row::before{
    content: "";
    clear: both;
    display: block;
}
.row::after {
    content: "";
    clear: both;
    display: block;
}
.container{
    padding-left: 8%;
    padding-right: 8%;
}
.container::after{
    content: "";
    clear: both;
    display: block;
}
.container::before{
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.col-o-1 {margin-left: 8.33%;}
.col-o-2 {margin-left: 16.66%;}
.col-o-3 {margin-left: 25%;}
.col-o-4 {margin-left: 33.33%;}
.col-o-5 {margin-left: 41.66%;}
.col-o-6 {margin-left: 50%;}
.col-o-7 {margin-left: 58.33%;}
.col-o-8 {margin-left: 66.66%;}
.col-o-9 {margin-left: 75%;}
.col-o-10 {margin-left: 83.33%;}
.col-o-11 {margin-left: 91.66%;}
.col-o-12 {margin-left: 100%;}

.float-left{float: left;}
.float-right{float: right;}
section{height: 100%;}
.mr-1{margin: 1px;}
.mr-2{margin: 2px;}
.mr-3{margin: 3px;}
.mr-4{margin: 4px;}
.mr-5{margin: 5px;}
.mr-6{margin: 6px;}
.mr-7{margin: 7px;}
.mr-8{margin: 8px;}
.mr-9{margin: 9px;}
.mr-11{margin: 11px;}
.mr-12{margin: 12px;}
.mr-10{margin: 10px;}

.mr-lr-1{
    margin-left: 1px;
    margin-right: 1px;
}
.mr-lr-2{
    margin-left: 2px;
    margin-right: 2px;
}
.mr-lr-3{
    margin-left: 3px;
    margin-right: 3px;
}
.mr-lr-4{
    margin-left: 4px;
    margin-right: 4px;
}
.mr-lr-5{
    margin-left: 5px;
    margin-right: 5px;
}
.mr-lr-6{
    margin-left: 6px;
    margin-right: 6px;
}
.mr-lr-7{
    margin-left: 7px;
    margin-right: 7px;
}
.mr-lr-8{
    margin-left: 8px;
    margin-right: 8px;
}
.mr-lr-9{
    margin-left: 9px;
    margin-right: 9px;
}
.mr-lr-10{
    margin-left: 10px;
    margin-right: 10px;
}
.mr-lr-11{
    margin-left: 11px;
    margin-right: 11px;
}
.mr-lr-12{
    margin-left: 12px;
    margin-right: 12px;
}

.pd-1{padding: 1px;}
.pd-2{padding: 2px;}
.pd-3{padding: 3px;}
.pd-4{padding: 4px;}
.pd-5{padding: 5px;}
.pd-6{padding: 6px;}
.pd-7{padding: 7px;}
.pd-8{padding: 8px;}
.pd-9{padding: 9px;}
.pd-10{padding: 10px;}
.pd-11{padding: 11px;}
.pd-12{padding: 12px;}

b, strong {
    font-weight: 700;
}

.vc-parent{
    width: 100%;
    height: 100%;
    display: table;
}
.vc-child{
    display: table-cell;
    vertical-align: middle;
}

.t-ac{
    text-align: center;
}
.t-uc{
    text-transform: uppercase;
}
.t-lc{
    text-transform: lowercase;
}
.head{
    height: 50px;
    background: #D71F3A;
    color: #FFFFFF;
    line-height: 50px;
    font-size: 40px;
    font-family:sans-serif;
}
textarea{
    width: 100%;
    height: 150px;
    padding: 5px;
    border: 1px solid #D71F3A;
    background: #EFEFEF;
}
h1{
    margin-top: 5px;
    margin-bottom: 5px;
}
.buttons{
    margin-left: 15px;
}
.btn{
    background: #D71F3A;
    border: 1px solid #D71F3A;
    padding: 10px;
    color: #FFFFFF;
    cursor: pointer;
}
.btn:hover{
    background: #FFFFFF;
    color: #D71F3A;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
    [class*="col-o-"] {
        margin: 0;
    }
    .container{
        padding-left: 16px;
        padding-right: 16px;
    }
}