/************************************** SWD FRAMEWORDK CSS **************************************/

.ulDisc{list-style:disc; } .ulCircle{list-style:circle;} .ulSquare{list-style:square;} .ulDecimal{list-style:decimal;}
.ulDisc, .ulCircle, .ulSquare, .ulDecimal{ padding-left:20px;}

.outerCell { display: table; height: 100%; vertical-align: middle; width: 100%; }
.innerCell { display: table-cell; vertical-align: middle; }

.topCell { display: table-cell; vertical-align: middle; }

.centerCell { display: table-cell; vertical-align: middle; }
.baselinerCell { display: table-cell; vertical-align: middle; }


.relative{position: relative;}
.clear{clear:both;}

.block{ float:none; display:block;}
.inline-block{ float:none; display: inline-block;}


.display-ul{ margin-left:0px; padding-inline-start: 0px; }
.display-ul li{ display: block; float: none;}
.inline-ul { margin-left:0px; padding-inline-start: 0px; margin-bottom: 0px;}
.inline-ul li{ display: inline-block; float: none;}

@media only screen and (max-width: 580px){
    .mob-display-ul li{ display: block; float: none;}
    .mob-full-btn{ display: block; width: 100%; }
}

.overflow{overflow: hidden;}
.uppercase{text-decoration: uppercase !important;}



.flex{ float:none; display: flex; }
.flex-reverse{ flex-direction: row-reverse; }
.flex-v-start{ align-items:flex-start; }
.flex-v-center{ align-items:center; }

.flex-v-end{ align-items:flex-end; }
/*
@media screen and (max-width: 744px){
    .flex{ display: block !important; }
}*/


.disable-scroll{ overflow: hidden; }

.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper{ position: relative; }


/************ ACF OVERWRITE ***************/


.block-editor .edit-post-sidebar .acf-fields .acf-field .acf-fields  .acf-label{ float:none; display: block; width:100%; }
.block-editor .edit-post-sidebar .acf-fields .acf-field .acf-fields  .acf-input {width: 100% !important;}
.block-editor .edit-post-sidebar .acf-fields .acf-field .acf-fields .acf-field:before{ display: none !important; }


/************************ TITLE ******************************/

.fade-up-title[data-aos=fade-up]{ transform: translate3d(0,50px,0) !important; }
.fade-up-title[data-aos^=fade][data-aos^=fade].aos-animate{ transform:translateZ(0) !important; }

/************************ GRID ITEM ******************************/

 .item{padding-left: 0px; padding-right: 0px; }
 .wp-admin  .item{width: 33%;}
 .wp-admin .owl-carousel .item{width: 100%;}
 .item .item-inner{position: relative; }
 .item .item-image{ position:relative; overflow:hidden; background-size: cover; background-position: center;}
 .item .item-image .item-image-inner{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size:cover; background-position: center center;  background-repeat: no-repeat;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
 .item:hover .item-image .item-image-inner,  .item .item-image .item-image-inner:focus{ top:-10%; left:-10%; right:-10%; bottom:-10%; }
 .item.item-text-overlay .item-inner,
 .item.item-text-overlay-down .item-inner,
 .item.item-text-overlay-up .item-inner,
 .item.item-text-overlay-fadeIn .item-inner{ 
        height:0px; padding-top:40%; overflow: hidden; 
}

 .item.item-text-overlay .item-image,
 .item.item-text-overlay-down .item-image,
 .item.item-text-overlay-up .item-image,
 .item.item-text-overlay-fadeIn .item-image{
        position: absolute; top:0px; left:0px; bottom:0px; right:0px;  
}

 .item.item-text-left .item-image, 
 .item.item-text-center .item-image, 
 .item.item-text-right .item-image { 
        height: 0px; padding-top:40%;  
 }

 .item .item-video{position: absolute; top:0px; left:0px; bottom:0px; right:0px; z-index: 2; }
 .item .item-video video{ width:100%; height:auto;}

 .item.item-text-overlay .item-text .outerCell{ height:100% !important; }
 .item.item-text-overlay .item-text{ position: absolute; top:0px; left:0px; height:100%; width:100%; z-index:5000;  color:#FFFFFF; 
        letter-spacing: 1px; font-size:1em; font-weight: 400; -webkit-transition: all .3s; /* Safari */ transition: all .3s;}
/* .item.item-text-overlay:hover .item-text{ background-color:#000000; }
*/
 .item.item-text-overlay-down .item-text{ position: absolute; top:-100%; left:0px; height:100%; width:100%; z-index:8000; 
        letter-spacing: 1px; font-size: 1em; font-weight: 400; -webkit-transition: all .3s; /* Safari */ transition: all .3s;}
 .item.item-text-overlay-down:hover .item-text{top:0%;}

 .item.item-text-overlay-up .item-text{ position: absolute; top:100%; left:0px; height:100%; width:100%; z-index:8000;  
        letter-spacing: 1px; font-size: 1em;font-weight: 400; -webkit-transition: all .3s; /* Safari */     transition: all .3s;}
 .item.item-text-overlay-up:hover .item-text{top:0%;}

 .item.item-text-overlay-fadeIn .item-text{ position: absolute; top:0px; left:0px; height:100%; width:100%; z-index:8000;  opacity: 0;
        grid-itemletter-spacing: 1px; font-size: 1em; font-weight: 400; -webkit-transition: all .3s; /* Safari */ transition: all .3s;}
 .item.item-text-overlay-fadeIn:hover .item-text{ opacity: 1;}

 .item.item-text-left .item-inner,
 .item.item-text-center .item-inner,
 .item.item-text-right .item-inner{padding-bottom:10px; }

 .item.item-text-left .item-text,
 .item.item-text-center .item-text,
 .item.item-text-right .item-text{ padding-top:10px; }

 .item.item .item-text .innerCell{padding-left: 10px; padding-right: 10px; text-transform: uppercase;}
 .item.item-text-overlay .item-text{ text-align:center; }

 .item.item-text-left .item-text{ text-align:left; }
 .item.item-text-center .item-text{ text-align:center; }
 .item.item-text-right .item-text{ text-align:right; }


 .item a.item-link{position: absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:8001; }
  .item .item_socials{ padding-top:0px; }
 .item .item_socials li{ padding:0px 5px;  }


/**************** SOCIAL ******************************/

.snsContainer ul li{
  display: inline-block;
}

.snsContainer ul a:link, .snsContainer ul a:active, .snsContainer ul a:visited  {
    text-align: center;
    margin: 5px 5px;
    display: block;
    background-color:transparent;
    -moz-transition: background-color .4s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    color: #FFFFFF;
}

.snsContainer ul a:hover {
    padding: 0;
    color:#000000;
}


.snsContainer ul li a i{
  font-size: 1.3em;
  padding: 0px 0px 0px 0px;
}

.snsContainer ul li a i.fa-facebook{
  font-size: 1.4em;
  padding: 9px 0px 0px 1px;
}


.snsContainer.social-style-circle i{
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    text-align: center;
    line-height: 1.9em;
}

.snsContainer.social-style-outline i{
    width: 2em;
    height: 2em;
    border-radius: 50%;
    border: 1px solid transparent;
    text-align: center;
    line-height: 2em;
}

.snsContainer.social-layout-vert ul li{ display: block; }


@media only screen and (min-width: 768px){
    .dcenterLeft .snsContainer.social-layout-vert{
        position:absolute; top:0px; left:0px; bottom:0px;display: flex;  align-items: center; height: 100vh; padding-left: 10px;
    }

    .dcenterRight .snsContainer.social-layout-vert{
        position:absolute; top:0px; right:0px; bottom:0px;display: flex;  align-items: center; height: 100vh; padding-right: 10px;
    }
}


/******* VIDEOS *******/


    .videoPlayerContainer{position:relative; height:0px; padding-top:50%; border:<?php echo $block_video_border_width; ?>px solid <?php echo $block_video_border_color; ?>;}
    .videoPlayerContainer iframe{position: absolute; width:100%; height:100%; top:0px; left:0px; bottom:0px; right:0px;}

/******* SIGN UP *******/

         .sign-up-container{ height:100%; }
          .signup-close{position: absolute; right:20px; top:20px; padding:20px; font-size:2em; color:#ebd8c0;}

          .signup-section h2{color:#ebd8c0;}
          .errorText{text-align: center; padding:5px 0px 10px 0px; font-size: 1em; color:#FFFFFF;}

          .signup_underline .signup{
                text-align: center;
                margin:0px auto;
                padding:0px 0px 0px 0px;
                max-width:500px;
                width:100%; 
                font-size: 1em;
          }

          .signup_box .signup{
                text-align: center;
                margin:0px auto;
                padding:0px 0px 0px 0px;
                max-width:500px;
                width:100%; 
                font-size: 1em;
          }


 

          .signup .countryContainer{ padding-top:5px;}

          .countryContainer{
               position: relative;
          }
          .countryContainer::after {
               content: '';
               position: absolute;
               top: 50%;
               margin-top: -4px;
               right: 10px;
               width: 0;
               height: 0;
               border-left: 10px solid transparent;
               border-right: 10px solid transparent;
               border-top: 10px solid #FFF;
              z-index: 1;
          }
          .signup select{
                      width:100%;
                      padding:7px 30px 7px 30px; 
                        font-size:1em;          
                        border: 0px solid transparent;   
                        -webkit-appearance: none; 
                        -moz-border-radius: 0px;
                        -webkit-border-radius: 0px;
                        border-radius: 0px; 
                        background-color: rgb(0, 0, 0);
                        background-color: transparent;    
                        background-repeat: no-repeat;
                        background-position: center right;
                        line-height: 1.1em;
                        text-transform:  uppercase;
                         z-index: 2;
          }
          .signup select{
                      text-align-last:center;
                        text-align: center;
          }

          .signup_field_width_half{display: inline-block; width: 50%;}







          .signup #form{ padding:0px 10px; }
          .signup .checkboxContainer{ width: 80%; position: relative; padding-left: 35px; text-align: center; margin: 10px auto;}
          .signup .checkboxContainer input{ position: absolute; left:10px; top:5px;   -ms-transform: scale(1.5); /* IE */
              -moz-transform: scale(1.5); /* FF */
              -webkit-transform: scale(1.5); /* Safari and Chrome */
              -o-transform: scale(1.5); /* Opera */
              transform: scale(1.5); 
              line-height: 1.3em;
          }
          .signup .checkboxContainer p{line-height: 1.3em;}

          .signup .checkboxContainer a{text-decoration: underline; }

          .signup .submitButton{ text-align: center;}
          .signup .submitButton input{
                      width:auto;
                      cursor: pointer;
                      margin: 10px auto 0px auto;

                    }
          .signup .submitButton input:hover{
                       color:#ed2c92;
          }



         /******* SIGN UP INLINE STYLE *******/



          .signup_inline .signup{
                text-align: center;
                margin:0px auto;
                padding:0px 0px 0px 0px;
                
                width:100%; 
                font-size: 1em;
          }

          .signup_inline .signup #form {display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; 
                border-top: 3px solid #e5c155; border-bottom: 3px solid #e5c155; padding: 0px !important;}
          .signup_inline .signup #form div{ padding-left:30px; padding-top:0px; }

          .signup_inline .signup #form input { text-align: left; }
          .signup_inline .signup #form .submitButton input{ width: 100%; text-align: center; }
          .signup_inline .submitButton input{ margin:0px 0px 0px !important; padding: 10px 14px !important; border: 0px solid #e5c155;}


          @media screen and (max-width: 768px) {


             .signup_inline .signup #form {display: block; grid-auto-flow: column; grid-auto-columns: 1fr; 
                border-top: 0px solid transparent; border-bottom: 0px solid transparent; padding: 0px !important;}
            .signup_inline .signup #form input { text-align: center; }
            .signup_inline .signup #form div{ padding-left:0px; padding-top:10px; padding-bottom: 10px; border-top: 1px solid #e5c155; }
            .signup_inline .signup #form div.submitButton { padding-top:0px; }



          }



/************ Overlay *****************/

.block_overlay .block_overlay_close{
    position: relative;
}

.block_overlay .block_overlay_close_icon::before{
    position: absolute;
    content:  " ";
    top: 50%;
    left: 10%;
    width: 80%;
    height: 2px;
    background-color: #FF0000;
    z-index: 9999;
    transform: rotate(45deg);
}


.block_overlay .block_overlay_close_icon::after{
    position: absolute;
    content:  " ";
    top: 50%;
    right: 10%;
    width: 80%;
    height: 2px;
    background-color: #FF0000;
    z-index: 9999;
    transform: rotate(-45deg);
}



/************ Alignment Classes  *****************/

.v-top{vertical-align: top;}
.v-middle{vertical-align: middle;}
.v-bottom{vertical-align: bottom;}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

@media screen and (min-width: 575px){
    .text-sm-left { text-align: left; }
    .text-sm-center { text-align: center; }
    .text-sm-right { text-align: right !important; }

}
@media screen and (min-width: 768px){
    .text-md-left { text-align: left; }
    .text-md-center { text-align: center; }
    .text-md-right { text-align: right !important; }
}

@media screen and (min-width: 992px){
    .text-lg-left { text-align: left; }
    .text-lg-center { text-align: center; }
    .text-lg-right { text-align: right; }
}

@media screen and (min-width: 1200px){
    .text-xl-left { text-align: left; }
    .text-xl-center { text-align: center; }
    .text-xl-right { text-align: right; }
}


.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }
.pad40 { padding: 40px; }
.pad50 { padding: 50px; }
.pad60 { padding: 60px; }
.pad80 { padding: 80px; }

.padtop5 { padding-top: 5px; }
.padtop10 { padding-top: 10px; } .padtop15 {padding-top:15px; }
.padtop20 { padding-top: 20px; }
.padtop30 { padding-top: 30px; }
.padtop40 { padding-top: 40px; }
.padtop50 { padding-top: 50px; }
.padtop60 { padding-top: 60px; }
.padtop80 { padding-top: 80px; }

.padbot5 { padding-bottom: 5px; }
.padbot10 { padding-bottom: 10px; } .padbot15 {padding-bottom:15px; }
.padbot20 { padding-bottom: 20px; }
.padbot30 { padding-bottom: 30px; }
.padbot40 { padding-bottom: 40px; }
.padbot50 { padding-bottom: 50px; }
.padbot60 { padding-bottom: 60px; }
.padbot80 { padding-bottom: 80px; }

.padleft5  { padding-left: 5px; }
.padleft10 { padding-left: 10px; } .padleft15 {padding-left:15px; }
.padleft20 { padding-left: 20px; }
.padleft30 { padding-left: 30px; }
.padleft40 { padding-left: 40px; }
.padleft50 { padding-left: 50px; }
.padleft60 { padding-left: 60px; }
.padleft80 { padding-left: 80px; }

.padright5  { padding-right: 5px; }
.padright10 { padding-right: 10px; } .padright15 {padding-right:15px; }
.padright20 { padding-right: 20px; }
.padright30 { padding-right: 30px; }
.padright40 { padding-right: 40px; }
.padright50 { padding-right: 50px; }
.padright60 { padding-right: 60px; }
.padright80 { padding-right: 80px; }


/************ Margin  Classes  *****************/

.martop5 { margin-top: 5px; }
.martop10 { margin-top: 10px; }
.martop20 { margin-top: 20px; }
.martop30 { margin-top: 30px; }
.martop40 { margin-top: 40px; }
.martop50 { margin-top: 50px; }
.martop60 { margin-top: 60px; }
.martop80 { margin-top: 80px; }

.marbot5 { margin-bottom: 5px; }
.marbot10 { margin-bottom: 10px; }
.marbot20 { margin-bottom: 20px; }
.marbot30 { margin-bottom: 30px; }
.marbot40 { margin-bottom: 40px; }
.marbot50 { margin-bottom: 50px; }
.marbot60 { margin-bottom: 60px; }
.marbot80 { margin-bottom: 80px; }

.marleft5  { margin-left: 5px; }
.marleft10 { margin-left: 10px; }
.marleft20 { margin-left: 20px; }
.marleft30 { margin-left: 30px; }
.marleft40 { margin-left: 40px; }
.marleft50 { margin-left: 50px; }
.marleft60 { margin-left: 60px; }
.marleft80 { margin-left: 80px; }

.marrightt5  { margin-right: 5px; }
.marrightt10 { margin-right: 10px; }
.marrightt20 { margin-right: 20px; }
.marrightt30 { margin-right: 30px; }
.marrightt40 { margin-right: 40px; }
.marrightt50 { margin-right: 50px; }
.marrightt60 { margin-right: 60px; }
.marrightt80 { margin-right: 80px; }





@media screen and (max-width: 479px){

    .xxs-martop5 { margin-top: 5px; }
    .xxs-martop10 { margin-top: 10px; }
    .xxs-martop20 { margin-top: 20px; }
    .xxs-martop30 { margin-top: 30px; }
    .xxs-martop40 { margin-top: 40px; }
    .xxs-martop50 { margin-top: 50px; }
    .xxs-martop60 { margin-top: 60px; }
    .xxs-martop80 { margin-top: 80px; }

    .xxs-marbot5 { margin-bottom: 5px; }
    .xxs-marbot10 { margin-bottom: 10px; }
    .xxs-marbot20 { margin-bottom: 20px; }
    .xxs-marbot30 { margin-bottom: 30px; }
    .xxs-marbot40 { margin-bottom: 40px; }
    .xxs-marbot50 { margin-bottom: 50px; }
    .xxs-marbot60 { margin-bottom: 60px; }
    .xxs-marbot80 { margin-bottom: 80px; }

    .xxs-marleft5  { margin-left: 5px; }
    .xxs-marleft10 { margin-left: 10px; }
    .xxs-marleft20 { margin-left: 20px; }
    .xxs-marleft30 { margin-left: 30px; }
    .xxs-marleft40 { margin-left: 40px; }
    .xxs-marleft50 { margin-left: 50px; }
    .xxs-marleft60 { margin-left: 60px; }
    .xxs-marleft80 { margin-left: 80px; }

    .xxs-marrightt5  { margin-right: 5px; }
    .xxs-marrightt10 { margin-right: 10px; }
    .xxs-marrightt20 { margin-right: 20px; }
    .xxs-marrightt30 { margin-right: 30px; }
    .xxs-marrightt40 { margin-right: 40px; }
    .xxs-marrightt50 { margin-right: 50px; }
    .xxs-marrightt60 { margin-right: 60px; }
    .xxs-marrightt80 { margin-right: 80px; } 

    .xxs-padtop5 { padding-top: 5px; }
    .xxs-padtop10 { padding-top: 10px; } .xxs-padtop15 {padding-top:15px; }
    .xxs-padtop20 { padding-top: 20px; }
    .xxs-padtop30 { padding-top: 30px; }
    .xxs-padtop40 { padding-top: 40px; }
    .xxs-padtop50 { padding-top: 50px; }
    .xxs-padtop60 { padding-top: 60px; }
    .xxs-padtop80 { padding-top: 80px; }
    .xxs-padtop100 { padding-top:100px; }

    .xxs-padbot5 { padding-bottom: 5px; }
    .xxs-padbot10 { padding-bottom: 10px; } .xxs-padbot15 {padding-bottom:15px; }
    .xxs-padbot20 { padding-bottom: 20px; }
    .xxs-padbot30 { padding-bottom: 30px; }
    .xxs-padbot40 { padding-bottom: 40px; }
    .xxs-padbot50 { padding-bottom: 50px; }
    .xxs-padbot60 { padding-bottom: 60px; }
    .xxs-padbot80 { padding-bottom: 80px; }
    .xxs-padbot100 { padding-bottom:100px; }

    .xxs-padleft5  { padding-left: 5px; }
    .xxs-padleft10 { padding-left: 10px; } .xxs-padleft15 {padding-left:15px; }
    .xxs-padleft20 { padding-left: 20px; }
    .xxs-padleft30 { padding-left: 30px; }
    .xxs-padleft40 { padding-left: 40px; }
    .xxs-padleft50 { padding-left: 50px; }
    .xxs-padleft60 { padding-left: 60px; }
    .xxs-padleft80 { padding-left: 80px; }

    .xxs-padright5  { padding-right: 5px; }
    .xxs-padright10 { padding-right: 10px; } .xxs-padright15 {padding-right:15px; }
    .xxs-padright20 { padding-right: 20px; }
    .xxs-padright30 { padding-right: 30px; }
    .xxs-padright40 { padding-right: 40px; }
    .xxs-padright50 { padding-right: 50px; }
    .xxs-padright60 { padding-right: 60px; }
    .xxs-padright80 { padding-right: 80px; }

}


@media screen and (min-width: 480px){

    .xs-martop5 { margin-top: 5px; }
    .xs-martop10 { margin-top: 10px; }
    .xs-martop20 { margin-top: 20px; }
    .xs-martop30 { margin-top: 30px; }
    .xs-martop40 { margin-top: 40px; }
    .xs-martop50 { margin-top: 50px; }
    .xs-martop60 { margin-top: 60px; }
    .xs-martop80 { margin-top: 80px; }

    .xs-marbot5 { margin-bottom: 5px; }
    .xs-marbot10 { margin-bottom: 10px; }
    .xs-marbot20 { margin-bottom: 20px; }
    .xs-marbot30 { margin-bottom: 30px; }
    .xs-marbot40 { margin-bottom: 40px; }
    .xs-marbot50 { margin-bottom: 50px; }
    .xs-marbot60 { margin-bottom: 60px; }
    .xs-marbot80 { margin-bottom: 80px; }

    .xs-marleft5  { margin-left: 5px; }
    .xs-marleft10 { margin-left: 10px; }
    .xs-marleft20 { margin-left: 20px; }
    .xs-marleft30 { margin-left: 30px; }
    .xs-marleft40 { margin-left: 40px; }
    .xs-marleft50 { margin-left: 50px; }
    .xs-marleft60 { margin-left: 60px; }
    .xs-marleft80 { margin-left: 80px; }

    .xs-marrightt5  { margin-right: 5px; }
    .xs-marrightt10 { margin-right: 10px; }
    .xs-marrightt20 { margin-right: 20px; }
    .xs-marrightt30 { margin-right: 30px; }
    .xs-marrightt40 { margin-right: 40px; }
    .xs-marrightt50 { margin-right: 50px; }
    .xs-marrightt60 { margin-right: 60px; }
    .xs-marrightt80 { margin-right: 80px; } 

    .xs-padtop5 { padding-top: 5px; }
    .xs-padtop10 { padding-top: 10px; } .xs-padtop15 {padding-top:15px; }
    .xs-padtop20 { padding-top: 20px; }
    .xs-padtop30 { padding-top: 30px; }
    .xs-padtop40 { padding-top: 40px; }
    .xs-padtop50 { padding-top: 50px; }
    .xs-padtop60 { padding-top: 60px; }
    .xs-padtop80 { padding-top: 80px; }

    .xs-padbot5 { padding-bottom: 5px; }
    .xs-padbot10 { padding-bottom: 10px; } .xs-padbot15 {padding-bottom:15px; }
    .xs-padbot20 { padding-bottom: 20px; }
    .xs-padbot30 { padding-bottom: 30px; }
    .xs-padbot40 { padding-bottom: 40px; }
    .xs-padbot50 { padding-bottom: 50px; }
    .xs-padbot60 { padding-bottom: 60px; }
    .xs-padbot80 { padding-bottom: 80px; }

    .xs-padleft5  { padding-left: 5px; }
    .xs-padleft10 { padding-left: 10px; } .xs-padleft15 {padding-left:15px; }
    .xs-padleft20 { padding-left: 20px; }
    .xs-padleft30 { padding-left: 30px; }
    .xs-padleft40 { padding-left: 40px; }
    .xs-padleft50 { padding-left: 50px; }
    .xs-padleft60 { padding-left: 60px; }
    .xs-padleft80 { padding-left: 80px; }

    .xs-padright5  { padding-right: 5px; }
    .xs-padright10 { padding-right: 10px; } .xs-padright15 {padding-right:15px; }
    .xs-padright20 { padding-right: 20px; }
    .xs-padright30 { padding-right: 30px; }
    .xs-padright40 { padding-right: 40px; }
    .xs-padright50 { padding-right: 50px; }
    .xs-padright60 { padding-right: 60px; }
    .xs-padright80 { padding-right: 80px; }

}

@media screen and (min-width: 720px){

    .sm-martop5 { margin-top: 5px; }
    .sm-martop10 { margin-top: 10px; }
    .sm-martop20 { margin-top: 20px; }
    .sm-martop30 { margin-top: 30px; }
    .sm-martop40 { margin-top: 40px; }
    .sm-martop50 { margin-top: 50px; }
    .sm-martop60 { margin-top: 60px; }
    .sm-martop80 { margin-top: 80px; }

    .sm-marbot5 { margin-bottom: 5px; }
    .sm-marbot10 { margin-bottom: 10px; }
    .sm-marbot20 { margin-bottom: 20px; }
    .sm-marbot30 { margin-bottom: 30px; }
    .sm-marbot40 { margin-bottom: 40px; }
    .sm-marbot50 { margin-bottom: 50px; }
    .sm-marbot60 { margin-bottom: 60px; }
    .sm-marbot80 { margin-bottom: 80px; }

    .sm-marleft5  { margin-left: 5px; }
    .sm-marleft10 { margin-left: 10px; }
    .sm-marleft20 { margin-left: 20px; }
    .sm-marleft30 { margin-left: 30px; }
    .sm-marleft40 { margin-left: 40px; }
    .sm-marleft50 { margin-left: 50px; }
    .sm-marleft60 { margin-left: 60px; }
    .sm-marleft80 { margin-left: 80px; }

    .sm-marrightt5  { margin-right: 5px; }
    .sm-marrightt10 { margin-right: 10px; }
    .sm-marrightt20 { margin-right: 20px; }
    .sm-marrightt30 { margin-right: 30px; }
    .sm-marrightt40 { margin-right: 40px; }
    .sm-marrightt50 { margin-right: 50px; }
    .sm-marrightt60 { margin-right: 60px; }
    .sm-marrightt80 { margin-right: 80px; }
 
    .sm-padtop5 { padding-top: 5px; }
    .sm-padtop10 { padding-top: 10px; } .sm-padtop15 {padding-top:15px; }
    .sm-padtop20 { padding-top: 20px; }
    .sm-padtop30 { padding-top: 30px; }
    .sm-padtop40 { padding-top: 40px; }
    .sm-padtop50 { padding-top: 50px; }
    .sm-padtop60 { padding-top: 60px; }
    .sm-padtop80 { padding-top: 80px; }

    .sm-padbot5 { padding-bottom: 5px; }
    .sm-padbot10 { padding-bottom: 10px; } .sm-padbot15 {padding-bottom:15px; }
    .sm-padbot20 { padding-bottom: 20px; }
    .sm-padbot30 { padding-bottom: 30px; }
    .sm-padbot40 { padding-bottom: 40px; }
    .sm-padbot50 { padding-bottom: 50px; }
    .sm-padbot60 { padding-bottom: 60px; }
    .sm-padbot80 { padding-bottom: 80px; }

    .sm-padleft5  { padding-left: 5px; }
    .sm-padleft10 { padding-left: 10px; } .sm-padleft15 {padding-left:15px; }
    .sm-padleft20 { padding-left: 20px; }
    .sm-padleft30 { padding-left: 30px; }
    .sm-padleft40 { padding-left: 40px; }
    .sm-padleft50 { padding-left: 50px; }
    .sm-padleft60 { padding-left: 60px; }
    .sm-padleft80 { padding-left: 80px; }

    .sm-padright5  { padding-right: 5px; }
    .sm-padright10 { padding-right: 10px; } .sm-padright15 {padding-right:15px; }
    .sm-padright20 { padding-right: 20px; }
    .sm-padright30 { padding-right: 30px; }
    .sm-padright40 { padding-right: 40px; }
    .sm-padright50 { padding-right: 50px; }
    .sm-padright60 { padding-right: 60px; }
    .sm-padright80 { padding-right: 80px; }

}


@media screen and (min-width: 992px){

    .md-martop5 { margin-top: 5px; }
    .md-martop10 { margin-top: 10px; }
    .md-martop20 { margin-top: 20px; }
    .md-martop30 { margin-top: 30px; }
    .md-martop40 { margin-top: 40px; }
    .md-martop50 { margin-top: 50px; }
    .md-martop60 { margin-top: 60px; }
    .md-martop80 { margin-top: 80px; }

    .md-marbot5 { margin-bottom: 5px; }
    .md-marbot10 { margin-bottom: 10px; }
    .md-marbot20 { margin-bottom: 20px; }
    .md-marbot30 { margin-bottom: 30px; }
    .md-marbot40 { margin-bottom: 40px; }
    .md-marbot50 { margin-bottom: 50px; }
    .md-marbot60 { margin-bottom: 60px; }
    .md-marbot80 { margin-bottom: 80px; }

    .md-marleft5  { margin-left: 5px; }
    .md-marleft10 { margin-left: 10px; }
    .md-marleft20 { margin-left: 20px; }
    .md-marleft30 { margin-left: 30px; }
    .md-marleft40 { margin-left: 40px; }
    .md-marleft50 { margin-left: 50px; }
    .md-marleft60 { margin-left: 60px; }
    .md-marleft80 { margin-left: 80px; }

    .md-marrightt5  { margin-right: 5px; }
    .md-marrightt10 { margin-right: 10px; }
    .md-marrightt20 { margin-right: 20px; }
    .md-marrightt30 { margin-right: 30px; }
    .md-marrightt40 { margin-right: 40px; }
    .md-marrightt50 { margin-right: 50px; }
    .md-marrightt60 { margin-right: 60px; }
    .md-marrightt80 { margin-right: 80px; }

    .md-padtop5 { padding-top: 5px; }
    .md-padtop10 { padding-top: 10px; } .md-padtop15 {padding-top:15px; }
    .md-padtop20 { padding-top: 20px; }
    .md-padtop30 { padding-top: 30px; }
    .md-padtop40 { padding-top: 40px; }
    .md-padtop50 { padding-top: 50px; }
    .md-padtop60 { padding-top: 60px; }
    .md-padtop80 { padding-top: 80px; }

    .md-padbot5 { padding-bottom: 5px; }
    .md-padbot10 { padding-bottom: 10px; } .md-padbot15 {padding-bottom:15px; }
    .md-padbot20 { padding-bottom: 20px; }
    .md-padbot30 { padding-bottom: 30px; }
    .md-padbot40 { padding-bottom: 40px; }
    .md-padbot50 { padding-bottom: 50px; }
    .md-padbot60 { padding-bottom: 60px; }
    .md-padbot80 { padding-bottom: 80px; }

    .md-padleft5  { padding-left: 5px; }
    .md-padleft10 { padding-left: 10px; } .md-padleft15 {padding-left:15px; }
    .md-padleft20 { padding-left: 20px; }
    .md-padleft30 { padding-left: 30px; }
    .md-padleft40 { padding-left: 40px; }
    .md-padleft50 { padding-left: 50px; }
    .md-padleft60 { padding-left: 60px; }
    .md-padleft80 { padding-left: 80px; }

    .md-padright5  { padding-right: 5px; }
    .md-padright10 { padding-right: 10px; } .md-padright15 {padding-right:15px; }
    .md-padright20 { padding-right: 20px; }
    .md-padright30 { padding-right: 30px; }
    .md-padright40 { padding-right: 40px; }
    .md-padright50 { padding-right: 50px; }
    .md-padright60 { padding-right: 60px; }
    .md-padright80 { padding-right: 80px; }


}   


/************ Remove Margin and Padding Classes  *****************/

.remove-margin{ margin:0px 0px 0px 0px;}
.remove-margin-top{ margin-top:0px;}
.remove-margin-bottom{ margin-bottom:0px;}
.remove-margin-left{ margin-left:0px;}
.remove-margin-right{ margin-right:0px;}

.remove-padding{ padding:0px 0px 0px 0px;}
.remove-padding-top{ padding-top:0px;}
.remove-padding-bottom{ padding-bottom:0px;}
.remove-padding-left{ padding-left:0px;}
.remove-padding-right{ padding-right:0px;}

@media screen and (max-width: 992px){

    .remove-sm-padding{ padding:0px;}
    .remove-sm-padding-top{ padding-top:0px;}
    .remove-sm-padding-bottom{ padding-bottom:0px;}   
    .remove-sm-padding-left{ padding-left:0px;}
    .remove-sm-padding-right{ padding-right:0px;}

    .remove-sm-margin{ margin:0px;}
    .remove-sm-margin-top{ margin-top:0px;}
    .remove-sm-margin-bottom{ margin-bottom:0px;}
    .remove-sm-margin-left{ margin-left:0px;}
    .remove-sm-margin-right{ margin-right:0px;}    
}

@media screen and (max-width: 720px){

    .remove-xs-padding{ padding:0px;}
    .remove-xs-padding-top{ padding-top:0px;}
    .remove-xs-padding-bottom{ padding-bottom:0px;}   
    .remove-xs-padding-left{ padding-left:0px;}
    .remove-xs-padding-right{ padding-right:0px;}

    .remove-xs-margin{ margin:0px;}
    .remove-xs-margin-top{ margin-top:0px;}
    .remove-xs-margin-bottom{ margin-bottom:0px;}
    .remove-xs-margin-left{ margin-left:0px;}
    .remove-xs-margin-right{ margin-right:0px;}   

}

@media screen and (max-width: 480px){

    .remove-xxs-padding{ padding:0px;}
    .remove-xxs-padding-top{ padding-top:0px;}
    .remove-xxs-padding-bottom{ padding-bottom:0px;}   
    .remove-xxs-padding-left{ padding-left:0px;}
    .remove-xxs-padding-right{ padding-right:0px;}

    .remove-xxs-margin{ margin:0px;}
    .remove-xxs-margin-top{ margin-top:0px;}
    .remove-xxs-margin-bottom{ margin-bottom:0px;}
    .remove-xxs-margin-left{ margin-left:0px;}
    .remove-xxs-margin-right{ margin-right:0px;}   
    
}

/************ XS Columns  *****************/
@media screen and (min-width: 766px){
    .col-sm-3-5{ width: 30%}
    .col-sm-2-5{ width: 20%}
}
/************ XXS Columns  *****************/


@media screen and (max-width: 575px){
    .col-xxs-1, .col-xxs-10, .col-xxsm-11, .col-xxs-12, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9{
                display:inline-block;
                vertical-align:top;
                float: none;
    }
    .col-xxs-12{width:100%;}
    .col-xxs-11{width:91.66666667%;}
    .col-xxs-10{width:83.33333333%;}
    .col-xxs-9{width:75%;}
    .col-xxs-8{width:66.66666667%;}
    .col-xxs-7{width:58.33333333%;}
    .col-xxs-6{width:50%;}
    .col-xxs-5{width:41.66666667%;}
    .col-xxs-4{width:33.33333333%;}
    .col-xxs-3{width:25%;}
    .col-xxs-2{width:16.66666667%;}
    .col-xxs-1{width:8.33333333%;}
}