﻿/*.....default.....*/
.ta-nogutter {
  margin: 0 !important;
}

.ta-width-unset {
  width: unset !important;
}

.ta-max-width-unset {
  max-width: unset !important;
}

.ta-min-width-unset {
  min-width: unset !important;
}

/*....margin all side......*/
.ta-ma-0 {
  margin: 0 !important;
}

.ta-ma-1 {
  margin: 5px !important;
}

.ta-ma-2 {
  margin: 10px !important;
}

.ta-ma-3 {
  margin: 15px !important;
}

.ta-ma-4 {
  margin: 20px !important;
}

.ta-ma-5 {
  margin: 25px !important;
}

.ta-ma-6 {
  margin: 30px !important;
}

.ta-ma-7 {
  margin: 35px !important;
}

.ta-ma-8 {
  margin: 40px !important;
}

.ta-ma-9 {
  margin: 45px !important;
}

.ta-ma-10 {
  margin: 50px !important;
}

.ta-ma-11 {
  margin: 55px !important;
}

.ta-ma-12 {
  margin: 60px !important;
}

.ta-ma-13 {
  margin: 65px !important;
}

.ta-ma-14 {
  margin: 70px !important;
}

.ta-ma-15 {
  margin: 75px !important;
}

.ta-ma-16 {
  margin: 80px !important;
}

.ta-ma-17 {
  margin: 85px !important;
}

.ta-ma-18 {
  margin: 90px !important;
}

.ta-ma-19 {
  margin: 95px !important;
}

.ta-ma-20 {
  margin: 100px !important;
}

.ta-ma-xs {
  margin: 5px !important;
}

.ta-ma-s {
  margin: 10px !important;
}

.ta-ma-m {
  margin: 30px !important;
}

.ta-ma-l {
  margin: 60px !important;
}

.ta-ma-xl {
  margin: 100px !important;
}

/*....margin top......*/
.ta-mt-0 {
  margin-top: 0 !important;
}

.ta-mt-1 {
  margin-top: 5px !important;
}

.ta-mt-2 {
  margin-top: 10px !important;
}

.ta-mt-3 {
  margin-top: 15px !important;
}

.ta-mt-4 {
  margin-top: 20px !important;
}

.ta-mt-5 {
  margin-top: 25px !important;
}

.ta-mt-6 {
  margin-top: 30px !important;
}

.ta-mt-7 {
  margin-top: 35px !important;
}

.ta-mt-8 {
  margin-top: 40px !important;
}

.ta-mt-9 {
  margin-top: 45px !important;
}

.ta-mt-10 {
  margin-top: 50px !important;
}

.ta-mt-11 {
  margin-top: 55px !important;
}

.ta-mt-12 {
  margin-top: 60px !important;
}

.ta-mt-13 {
  margin-top: 65px !important;
}

.ta-mt-14 {
  margin-top: 70px !important;
}

.ta-mt-15 {
  margin-top: 75px !important;
}

.ta-mt-16 {
  margin-top: 80px !important;
}

.ta-mt-17 {
  margin-top: 85px !important;
}

.ta-mt-18 {
  margin-top: 90px !important;
}

.ta-mt-19 {
  margin-top: 95px !important;
}

.ta-mt-20 {
  margin-top: 100px !important;
}

.ta-mt-xs {
  margin-top: 5px !important;
}

.ta-mt-s {
  margin-top: 10px !important;
}

.ta-mt-m {
  margin-top: 30px !important;
}

.ta-mt-l {
  margin-top: 60px !important;
}

.ta-mt-xl {
  margin-top: 100px !important;
}

/*....margin right......*/
.ta-mr-0 {
  margin-right: 0 !important;
}

.ta-mr-1 {
  margin-right: 5px !important;
}

.ta-mr-2 {
  margin-right: 10px !important;
}

.ta-mr-3 {
  margin-right: 15px !important;
}

.ta-mr-4 {
  margin-right: 20px !important;
}

.ta-mr-5 {
  margin-right: 25px !important;
}

.ta-mr-6 {
  margin-right: 30px !important;
}

.ta-mr-7 {
  margin-right: 35px !important;
}

.ta-mr-8 {
  margin-right: 40px !important;
}

.ta-mr-9 {
  margin-right: 45px !important;
}

.ta-mr-10 {
  margin-right: 50px !important;
}

.ta-mr-11 {
  margin-right: 55px !important;
}

.ta-mr-12 {
  margin-right: 60px !important;
}

.ta-mr-13 {
  margin-right: 65px !important;
}

.ta-mr-14 {
  margin-right: 70px !important;
}

.ta-mr-15 {
  margin-right: 75px !important;
}

.ta-mr-16 {
  margin-right: 80px !important;
}

.ta-mr-17 {
  margin-right: 85px !important;
}

.ta-mr-18 {
  margin-right: 90px !important;
}

.ta-mr-19 {
  margin-right: 95px !important;
}

.ta-mr-20 {
  margin-right: 100px !important;
}

.ta-mr-xs {
  margin-right: 5px !important;
}

.ta-mr-s {
  margin-right: 10px !important;
}

.ta-mr-m {
  margin-right: 30px !important;
}

.ta-mr-l {
  margin-right: 60px !important;
}

.ta-mr-xl {
  margin-right: 100px !important;
}

/*....margin bottom......*/
.ta-mb-0 {
  margin-bottom: 0 !important;
}

.ta-mb-1 {
  margin-bottom: 5px !important;
}

.ta-mb-2 {
  margin-bottom: 10px !important;
}

.ta-mb-3 {
  margin-bottom: 15px !important;
}

.ta-mb-4 {
  margin-bottom: 20px !important;
}

.ta-mb-5 {
  margin-bottom: 25px !important;
}

.ta-mb-6 {
  margin-bottom: 30px !important;
}

.ta-mb-7 {
  margin-bottom: 35px !important;
}

.ta-mb-8 {
  margin-bottom: 40px !important;
}

.ta-mb-9 {
  margin-bottom: 45px !important;
}

.ta-mb-10 {
  margin-bottom: 50px !important;
}

.ta-mb-11 {
  margin-bottom: 55px !important;
}

.ta-mb-12 {
  margin-bottom: 60px !important;
}

.ta-mb-13 {
  margin-bottom: 65px !important;
}

.ta-mb-14 {
  margin-bottom: 70px !important;
}

.ta-mb-15 {
  margin-bottom: 75px !important;
}

.ta-mb-16 {
  margin-bottom: 80px !important;
}

.ta-mb-17 {
  margin-bottom: 85px !important;
}

.ta-mb-18 {
  margin-bottom: 90px !important;
}

.ta-mb-19 {
  margin-bottom: 95px !important;
}

.ta-mb-20 {
  margin-bottom: 100px !important;
}

.ta-mb-xs {
  margin-bottom: 5px !important;
}

.ta-mb-s {
  margin-bottom: 10px !important;
}

.ta-mb-m {
  margin-bottom: 30px !important;
}

.ta-mb-l {
  margin-bottom: 60px !important;
}

.ta-mb-xl {
  margin-bottom: 100px !important;
}

/*....margin left......*/
.ta-ml-0 {
  margin-left: 0 !important;
}

.ta-ml-1 {
  margin-left: 5px !important;
}

.ta-ml-2 {
  margin-left: 10px !important;
}

.ta-ml-3 {
  margin-left: 15px !important;
}

.ta-ml-4 {
  margin-left: 20px !important;
}

.ta-ml-5 {
  margin-left: 25px !important;
}

.ta-ml-6 {
  margin-left: 30px !important;
}

.ta-ml-7 {
  margin-left: 35px !important;
}

.ta-ml-8 {
  margin-left: 40px !important;
}

.ta-ml-9 {
  margin-left: 45px !important;
}

.ta-ml-10 {
  margin-left: 50px !important;
}

.ta-ml-11 {
  margin-left: 55px !important;
}

.ta-ml-12 {
  margin-left: 60px !important;
}

.ta-ml-13 {
  margin-left: 65px !important;
}

.ta-ml-14 {
  margin-left: 70px !important;
}

.ta-ml-15 {
  margin-left: 75px !important;
}

.ta-ml-16 {
  margin-left: 80px !important;
}

.ta-ml-17 {
  margin-left: 85px !important;
}

.ta-ml-18 {
  margin-left: 90px !important;
}

.ta-ml-19 {
  margin-left: 95px !important;
}

.ta-ml-20 {
  margin-left: 100px !important;
}

.ta-ml-xs {
  margin-left: 5px !important;
}

.ta-ml-s {
  margin-left: 10px !important;
}

.ta-ml-m {
  margin-left: 30px !important;
}

.ta-ml-l {
  margin-left: 60px !important;
}

.ta-ml-xl {
  margin-left: 100px !important;
}

/*....margin top and bottom......*/
.ta-mv-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ta-mv-1 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.ta-mv-2 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.ta-mv-3 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.ta-mv-4 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.ta-mv-5 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.ta-mv-6 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.ta-mv-7 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.ta-mv-8 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.ta-mv-9 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.ta-mv-10 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.ta-mv-11 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.ta-mv-12 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.ta-mv-13 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.ta-mv-14 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.ta-mv-15 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.ta-mv-16 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.ta-mv-17 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.ta-mv-18 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.ta-mv-19 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.ta-mv-20 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.ta-mv-xs {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.ta-mv-s {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.ta-mv-m {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.ta-mv-l {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.ta-mv-xl {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

/*....margin left and right......*/
.ta-mh-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ta-mh-1 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.ta-mh-2 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.ta-mh-3 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.ta-mh-4 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.ta-mh-5 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.ta-mh-6 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.ta-mh-7 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.ta-mh-8 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.ta-mh-9 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.ta-mh-10 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.ta-mh-11 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.ta-mh-12 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.ta-mh-13 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.ta-mh-14 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.ta-mh-15 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.ta-mh-16 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.ta-mh-17 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.ta-mh-18 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.ta-mh-19 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.ta-mh-20 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.ta-mh-xs {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.ta-mh-s {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.ta-mh-m {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.ta-mh-l {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.ta-mh-xl {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

/*....padding all side......*/
.ta-pa-0 {
  padding: 0 !important;
}

.ta-pa-1 {
  padding: 5px !important;
}

.ta-pa-2 {
  padding: 10px !important;
}

.ta-pa-3 {
  padding: 15px !important;
}

.ta-pa-4 {
  padding: 20px !important;
}

.ta-pa-5 {
  padding: 25px !important;
}

.ta-pa-6 {
  padding: 30px !important;
}

.ta-pa-7 {
  padding: 35px !important;
}

.ta-pa-8 {
  padding: 40px !important;
}

.ta-pa-9 {
  padding: 45px !important;
}

.ta-pa-10 {
  padding: 50px !important;
}

.ta-pa-11 {
  padding: 55px !important;
}

.ta-pa-12 {
  padding: 60px !important;
}

.ta-pa-13 {
  padding: 65px !important;
}

.ta-pa-14 {
  padding: 70px !important;
}

.ta-pa-15 {
  padding: 75px !important;
}

.ta-pa-16 {
  padding: 80px !important;
}

.ta-pa-17 {
  padding: 85px !important;
}

.ta-pa-18 {
  padding: 90px !important;
}

.ta-pa-19 {
  padding: 95px !important;
}

.ta-pa-20 {
  padding: 100px !important;
}

.ta-pa-xs {
  padding: 5px !important;
}

.ta-pa-s {
  padding: 10px !important;
}

.ta-pa-m {
  padding: 30px !important;
}

.ta-pa-l {
  padding: 60px !important;
}

.ta-pa-xl {
  padding: 100px !important;
}

/*....padding top......*/
.ta-pt-0 {
  padding-top: 0 !important;
}

.ta-pt-1 {
  padding-top: 5px !important;
}

.ta-pt-2 {
  padding-top: 10px !important;
}

.ta-pt-3 {
  padding-top: 15px !important;
}

.ta-pt-4 {
  padding-top: 20px !important;
}

.ta-pt-5 {
  padding-top: 25px !important;
}

.ta-pt-6 {
  padding-top: 30px !important;
}

.ta-pt-7 {
  padding-top: 35px !important;
}

.ta-pt-8 {
  padding-top: 40px !important;
}

.ta-pt-9 {
  padding-top: 45px !important;
}

.ta-pt-10 {
  padding-top: 50px !important;
}

.ta-pt-11 {
  padding-top: 55px !important;
}

.ta-pt-12 {
  padding-top: 60px !important;
}

.ta-pt-13 {
  padding-top: 65px !important;
}

.ta-pt-14 {
  padding-top: 70px !important;
}

.ta-pt-15 {
  padding-top: 75px !important;
}

.ta-pt-16 {
  padding-top: 80px !important;
}

.ta-pt-17 {
  padding-top: 85px !important;
}

.ta-pt-18 {
  padding-top: 90px !important;
}

.ta-pt-19 {
  padding-top: 95px !important;
}

.ta-pt-20 {
  padding-top: 100px !important;
}

.ta-pt-xs {
  padding-top: 5px !important;
}

.ta-pt-s {
  padding-top: 10px !important;
}

.ta-pt-m {
  padding-top: 30px !important;
}

.ta-pt-l {
  padding-top: 60px !important;
}

.ta-pt-xl {
  padding-top: 100px !important;
}

/*....padding right......*/
.ta-pr-0 {
  padding-right: 0 !important;
}

.ta-pr-1 {
  padding-right: 5px !important;
}

.ta-pr-2 {
  padding-right: 10px !important;
}

.ta-pr-3 {
  padding-right: 15px !important;
}

.ta-pr-4 {
  padding-right: 20px !important;
}

.ta-pr-5 {
  padding-right: 25px !important;
}

.ta-pr-6 {
  padding-right: 30px !important;
}

.ta-pr-7 {
  padding-right: 35px !important;
}

.ta-pr-8 {
  padding-right: 40px !important;
}

.ta-pr-9 {
  padding-right: 45px !important;
}

.ta-pr-10 {
  padding-right: 50px !important;
}

.ta-pr-11 {
  padding-right: 55px !important;
}

.ta-pr-12 {
  padding-right: 60px !important;
}

.ta-pr-13 {
  padding-right: 65px !important;
}

.ta-pr-14 {
  padding-right: 70px !important;
}

.ta-pr-15 {
  padding-right: 75px !important;
}

.ta-pr-16 {
  padding-right: 80px !important;
}

.ta-pr-17 {
  padding-right: 85px !important;
}

.ta-pr-18 {
  padding-right: 90px !important;
}

.ta-pr-19 {
  padding-right: 95px !important;
}

.ta-pr-20 {
  padding-right: 100px !important;
}

.ta-pr-xs {
  padding-right: 5px !important;
}

.ta-pr-s {
  padding-right: 10px !important;
}

.ta-pr-m {
  padding-right: 30px !important;
}

.ta-pr-l {
  padding-right: 60px !important;
}

.ta-pr-xl {
  padding-right: 100px !important;
}

/*....padding bottom......*/
.ta-pb-0 {
  padding-bottom: 0 !important;
}

.ta-pb-1 {
  padding-bottom: 5px !important;
}

.ta-pb-2 {
  padding-bottom: 10px !important;
}

.ta-pb-3 {
  padding-bottom: 15px !important;
}

.ta-pb-4 {
  padding-bottom: 20px !important;
}

.ta-pb-5 {
  padding-bottom: 25px !important;
}

.ta-pb-6 {
  padding-bottom: 30px !important;
}

.ta-pb-7 {
  padding-bottom: 35px !important;
}

.ta-pb-8 {
  padding-bottom: 40px !important;
}

.ta-pb-9 {
  padding-bottom: 45px !important;
}

.ta-pb-10 {
  padding-bottom: 50px !important;
}

.ta-pb-11 {
  padding-bottom: 55px !important;
}

.ta-pb-12 {
  padding-bottom: 60px !important;
}

.ta-pb-13 {
  padding-bottom: 65px !important;
}

.ta-pb-14 {
  padding-bottom: 70px !important;
}

.ta-pb-15 {
  padding-bottom: 75px !important;
}

.ta-pb-16 {
  padding-bottom: 80px !important;
}

.ta-pb-17 {
  padding-bottom: 85px !important;
}

.ta-pb-18 {
  padding-bottom: 90px !important;
}

.ta-pb-19 {
  padding-bottom: 95px !important;
}

.ta-pb-20 {
  padding-bottom: 100px !important;
}

.ta-pb-xs {
  padding-bottom: 5px !important;
}

.ta-pb-s {
  padding-bottom: 10px !important;
}

.ta-pb-m {
  padding-bottom: 30px !important;
}

.ta-pb-l {
  padding-bottom: 60px !important;
}

.ta-pb-xl {
  padding-bottom: 100px !important;
}

/*....padding left......*/
.ta-pl-0 {
  padding-left: 0 !important;
}

.ta-pl-1 {
  padding-left: 5px !important;
}

.ta-pl-2 {
  padding-left: 10px !important;
}

.ta-pl-3 {
  padding-left: 15px !important;
}

.ta-pl-4 {
  padding-left: 20px !important;
}

.ta-pl-5 {
  padding-left: 25px !important;
}

.ta-pl-6 {
  padding-left: 30px !important;
}

.ta-pl-7 {
  padding-left: 35px !important;
}

.ta-pl-8 {
  padding-left: 40px !important;
}

.ta-pl-9 {
  padding-left: 45px !important;
}

.ta-pl-10 {
  padding-left: 50px !important;
}

.ta-pl-11 {
  padding-left: 55px !important;
}

.ta-pl-12 {
  padding-left: 60px !important;
}

.ta-pl-13 {
  padding-left: 65px !important;
}

.ta-pl-14 {
  padding-left: 70px !important;
}

.ta-pl-15 {
  padding-left: 75px !important;
}

.ta-pl-16 {
  padding-left: 80px !important;
}

.ta-pl-17 {
  padding-left: 85px !important;
}

.ta-pl-18 {
  padding-left: 90px !important;
}

.ta-pl-19 {
  padding-left: 95px !important;
}

.ta-pl-20 {
  padding-left: 100px !important;
}

.ta-pl-xs {
  padding-left: 5px !important;
}

.ta-pl-s {
  padding-left: 10px !important;
}

.ta-pl-m {
  padding-left: 30px !important;
}

.ta-pl-l {
  padding-left: 60px !important;
}

.ta-pl-xl {
  padding-left: 100px !important;
}

/*....padding left and right......*/
.ta-ph-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ta-ph-1 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.ta-ph-2 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.ta-ph-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.ta-ph-4 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.ta-ph-5 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.ta-ph-6 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.ta-ph-7 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.ta-ph-8 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.ta-ph-9 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.ta-ph-10 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.ta-ph-11 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.ta-ph-12 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.ta-ph-13 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.ta-ph-14 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.ta-ph-15 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.ta-ph-16 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.ta-ph-17 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.ta-ph-18 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.ta-ph-19 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.ta-ph-20 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.ta-ph-xs {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.ta-ph-s {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.ta-ph-m {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.ta-ph-l {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.ta-ph-xl {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

/*....padding top and bottom......*/
.ta-pv-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ta-pv-1 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.ta-pv-2 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ta-pv-3 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.ta-pv-4 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.ta-pv-5 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.ta-pv-6 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.ta-pv-7 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.ta-pv-8 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.ta-pv-9 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.ta-pv-10 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.ta-pv-11 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.ta-pv-12 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.ta-pv-13 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.ta-pv-14 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.ta-pv-15 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.ta-pv-16 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.ta-pv-17 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.ta-pv-18 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.ta-pv-19 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.ta-pv-20 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.ta-pv-xs {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.ta-pv-s {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ta-pv-m {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.ta-pv-l {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.ta-pv-xl {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/*..............font-waight.................*/
.ta-font-weight-100 {
  font-weight: 100;
}

.ta-font-weight-200 {
  font-weight: 200;
}

.ta-font-weight-300 {
  font-weight: 300;
}

.ta-font-weight-400 {
  font-weight: 400;
}

.ta-font-weight-500 {
  font-weight: 500;
}

.ta-font-weight-600 {
  font-weight: 600;
}

.ta-font-weight-700 {
  font-weight: 700;
}

.ta-font-weight-800 {
  font-weight: 800;
}

.ta-font-weight-900 {
  font-weight: 900;
}

.ta-font-weight-light {
  font-weight: 100;
}

.ta-font-weight-normal {
  font-weight: 400;
}

.ta-font-weight-semibold {
  font-weight: 500;
}

.ta-font-weight-bold {
  font-weight: 700;
}

/*....popup modal width.......*/
.full-width {
  max-height: 100vh;
  height: 100vh;
  width: 100%;
}

.max-width {
  width: 1000px;
}

.small-width {
  width: 500px;
}

/*......width..........*/
.f-width1 {
  width: 50px;
}

.f-width2 {
  width: 100px;
}

.f-width3 {
  width: 150px;
}

.f-width4 {
  width: 200px;
}

.f-width5 {
  width: 250px;
}

.f-width6 {
  width: 300px;
}

.f-width7 {
  width: 350px;
}

.f-width8 {
  width: 400px;
}

.f-width9 {
  width: 450px;
}

.f-width10 {
  width: 500px;
}

.f-width11 {
  width: 550px;
}

.f-width12 {
  width: 600px;
}

/*......Column.......*/
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.row > * {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

@media (min-width: 1200px) {
  .col-xld-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-3 {
    flex: 0 0 auto;
    width: 25%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-6 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-9 {
    flex: 0 0 auto;
    width: 75%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-xld-12 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
}
@media (min-width: 1200px) {
  .col-ld-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-3 {
    flex: 0 0 auto;
    width: 25%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-6 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-9 {
    flex: 0 0 auto;
    width: 75%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-ld-12 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
    display: flex;
    flex-flow: column;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    flex-flow: column;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
    display: flex;
    flex-flow: column;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
}
@media (min-width: 576px) {
  .col-sd-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-3 {
    flex: 0 0 auto;
    width: 25%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-6 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-9 {
    flex: 0 0 auto;
    width: 75%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
    display: flex;
    flex-flow: column;
  }
  .col-sd-12 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
}
