/* Global Page Structure*/


/*Posistion*/
.ovFl-h{
    overflow: hidden;
}
.ovFl-v{
    overflow: visible;
}
.posRel{
    position: relative;
}
.posFix{
    position: fixed;
}
.posAbs{
    position: absolute;
}
.posFUL {
    top:  0%; 
    left: 0%;
}
.posFUR {
    top: 0%; 
    right: 0%;
}
.posFLL {
    bottom: 0%; 
    left: 0%;
}
.posFLR {
    bottom: 0%; 
    right: 0%;
}
.posFC {
    top:  50%; 
    left: 50%;
}


/*Display Parent with Child on Hover*/
.displayP{
    display: block;
}
.displayC{
    display: none;
}
.displayP:hover .displayC{
    display: block;
}

/*Display*/
.z-1{
    z-index: 1;
}
.displayN{
    display: none;
}
.displayB{
    display: block;
}
.displayI{
    display: inline-block;
}
.displayF{
    display: flex;
}
.displayFR{
    flex-direction: row;
}
.displayFRr{
    flex-direction: row-reverse;
}
.displayFR-C{
    display: flex;
    flex-direction: row;
}
.displayFC-R{
    display: flex;
    flex-direction: column;
    text-align: left;
}
.displayFC{
    flex-direction: column;
}
.displayFCr{
    flex-direction: column-reverse;
}

/*Alignment*/
.textAL {
    text-align: left;
}
.textAR {
    text-align: right;
}
.textAC {
    text-align: center;
}
.textAJ {
    text-align: justify;
}
.conAC {
    align-content: center;
}

/* Row with Column*/
.r-1:after {
    content: "";
  display: table;
  clear: both;
}


/*Conatiner Width*/
.width100 {
    width: 100%;
}
.width80 {
    width: 80%;
}
.width50 {
    width: 50%;
}
.width34 {
    width: 34%;
}
.width33 {
    width: 33%;
}
.width25 {
    width: 25%;
}
.width20 {
    width: 20%;
}
.width10 {
    width: 10%;
}
.width5 {
    width: 5%;
}
.width1 {
    width: 1%;
}
.width005 {
    width: 0.5%;
}
.widthA {
    width: auto;
}



/*Container Margins*/
.margin0{
    margin: 0%;
}
/*Container Margin Inward*/
.margin1{
    margin: 1%;
}
.margin5{
    margin: 5%;
}
.margin10{
    margin: 10%;
}
.margin20{
    margin: 20%;
}
/*Container Margin Outward*/
.margin-1{
    margin: -1%;
}
.margin-5{
    margin: -5%;
}
.margin-10{
    margin: -10%;
}
.margin-20{
    margin: -20%;
}
/*Container Margin Width In*/
.marginW1{
    margin-left: 1%;
    margin-right: 1%;
}
.marginW5{
    margin-left: 5%;
    margin-right: 5%;
}
.marginW10{
    margin-left: 10%;
    margin-right: 10%;
}
.marginW20{
    margin-left: 20%;
    margin-right: 20%;
}
/*Container Margin Width Out*/
.marginW-1{
    margin-left: -1%;
    margin-right: -1%;
}
.marginW-5{
    margin-left: -5%;
    margin-right: -5%;
}
.marginW-10{
    margin-left: -10%;
    margin-right: -10%;
}
.marginW-20{
    margin-left: -20%;
    margin-right: -20%;
}
/*Container Margin Height In*/
.marginH1{
    margin-top: 1%;
    margin-bottom: 1%;
}
.marginH5{
    margin-top: 5%;
    margin-bottom: 5%;
}
.marginH10{
    margin-top: 10%;
    margin-bottom: 10%;
}
.marginH20{
    margin-top: 20%;
    margin-bottom: 20%;
}
/*Container Margin Height Out*/
.marginH-1{
    margin-top: -1%;
    margin-bottom: -1%;
}
.marginH-5{
    margin-top: -5%;
    margin-bottom: -5%;
}
.marginH-10{
    margin-top: -10%;
    margin-bottom: -10%;
}
.marginH-20{
    margin-top: -20%;
    margin-bottom: -20%;
}



/*Landing Padding Top*/
.landpadT{
    padding: 0%;
}
/*Container Padding*/
.padding0{
    padding: 0%;
}
/*Container Padding*/
.padding1{
    padding: 1%;
}
.padding5{
    padding: 5%;
}
.padding10{
    padding: 10%;
}
.padding20{
    padding: 20%;
}
.padding30{
    padding: 30%;
}
.padding40{
    padding: 40%;
}
.padding50{
    padding: 50%;
}
.padding60{
    padding: 60%;
}
.padding70{
    padding: 70%;
}
.padding80{
    padding: 80%;
}
.padding90{
    padding: 90%;
}
.padding100{
    padding: 100%;
}
/*Container Padding Width*/
.paddingW1{
    padding-left: 1%;
    padding-right: 1%;
}
.paddingW5{
    padding-left: 5%;
    padding-right: 5%;
}
.paddingW10{
    padding-left: 10%;
    padding-right: 10%;
}
.paddingW20{
    padding-left: 20%;
    padding-right: 20%;
}
/*Container Padding Height*/
.paddingH1{
    padding-top: 1%;
    padding-bottom: 1%;
}
.paddingH5{
    padding-top: 5%;
    padding-bottom: 5%;
}
.paddingH10{
    padding-top: 10%;
    padding-bottom: 10%;
}
.paddingH15{
    padding-top: 15%;
    padding-bottom: 15%;
}
.paddingH20{
    padding-top: 20%;
    padding-bottom: 20%;
}
.paddingH30{
    padding-top: 30%;
    padding-bottom: 30%;
}
.paddingH40{
    padding-top: 40%;
    padding-bottom: 40%;
}
.paddingH50{
    padding-top: 50%;
    padding-bottom: 50%;
}
.paddingH60{
    padding-top: 60%;
    padding-bottom: 60%;
}
.paddingH70{
    padding-top: 70%;
    padding-bottom: 70%;
}
.paddingH80{
    padding-top: 80%;
    padding-bottom: 80%;
}
.paddingH90{
    padding-top: 90%;
    padding-bottom: 90%;
}
.paddingH100{
    padding-top: 100%;
    padding-bottom: 100%;
}
/*Container Padding Top*/
.paddingT1{
    padding-top: 1%;
}
.paddingT5{
    padding-top: 5%;
}
.paddingT10{
    padding-top: 10%;
}
.paddingT15{
    padding-top: 15%;
}
.paddingT20{
    padding-top: 20%;
}
.paddingT30{
    padding-top: 30%;
}
.paddingT40{
    padding-top: 40%;
}
.paddingT50{
    padding-top: 50%;
}
.paddingT60{
    padding-top: 60%;
}
.paddingT70{
    padding-top: 70%;
}
.paddingT80{
    padding-top: 80%;
}
.paddingT90{
    padding-top: 90%;
}
.paddingT100{
    padding-top: 100%;
}

/* Media Screen Adjustments */

@media only screen and (max-width:700px){
.displayF{
    display: block;
}

.headdisplayFR-C{
    display: flex;
    flex-direction: column;
}
.headdisplayFC-R{
    display: flex;
    flex-direction: row;
}
    
/*Conatiner Width*/
.width100 {
    width: 100%;
}
.width80 {
    width: 100%;
}
.width50 {
    width: 100%;
}
.width34 {
    width: 100%;
}
.width33 {
    width: 100%;
}
.width25 {
    width: 100%;
}
.width20 {
    width: 100%;
}
.width10 {
    width: 100%;
}
.width5 {
    width: 0%;
}
.width1 {
    width: 0%;
}
.width005 {
    width: 0%;
}
    
/*Container Margins*/
.margin0,.margin1,.margin5,.margin10,.margin20,.margin-1,.margin-5,.margin-10,.margin-20{
    margin: 0%;
}
/*Container Margin Width In*/
.marginW1,.marginW5,.marginW10,.marginW20,.marginW-1,.marginW-5,.marginW-10,.marginW-20{
    margin-left: 0%;
    margin-right: 0%;
}
/*Container Margin Height In*/
.marginH1,.marginH5,.marginH10,.marginH20,.marginH-1,.marginH-5,.marginH-10,.marginH-20{
    margin-top: 0%;
    margin-bottom: 0%;
}



/*Landing Padding Top*/
.landpadT{
    padding: 10%;
}
/*Container Padding*/
.padding0,.padding1,.padding5,.padding10{
        padding: 0%;
}
    
.padding20.padding30,.padding40,.padding50{
    padding: 10%;
}
.padding60,.padding70,.padding80,.padding90,.padding100{
    padding: 20%;
}
/*Container Padding Width*/
.paddingW1,.paddingW5,.paddingW10{
    padding-left: 5%;
    padding-right: 5%;
}
.paddingW20{
    padding-left: 10%;
    padding-right: 10%;
}
/*Container Padding Height*/
.paddingH1{
    padding-top: 1%;
    padding-bottom: 1%;    
}
.paddingH5{
    padding-top: 5%;
    padding-bottom: 5%;
}
.paddingH10{
    padding-top: 10%;
    padding-bottom: 10%;
}
.paddingH15{
    padding-top: 15%;
    padding-bottom: 15%;
}
.paddingH20,.paddingH30,.paddingH40{
    padding-top: 30%;
    padding-bottom: 30%;
}
.paddingH50,.paddingH60,.paddingH70,.paddingH80,.paddingH90,.paddingH100{
    padding-top: 60%;
    padding-bottom: 60%;
}

/*Container Padding Top Height */
.paddingT1{
    padding-top: 1%;
    padding-bottom: 1%;    
}
.paddingT5{
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}
.paddingT10{
    padding-top: 5%;
    padding-bottom: 5%;
}
.paddingT15{
    padding-top: 7.5%;
    padding-bottom: 7.5%;
}
.paddingT20,.paddingT30,.paddingT40{
    padding-top: 10%;
    padding-bottom: 10%;
}
.paddingT50,.paddingT60,.paddingT70,.paddingT80,.paddingT90,.paddingT100{
    padding-top: 20%;
    padding-bottom: 20%;
}    
    
    
    
}

