/*
| ----------------------------------------------------
| Text colors variation
| ----------------------------------------------------
*/
.text-primary { color: #F0114C; }
.text-white { color: #fff; }
.text-black { color: #000; }
.text-red { color: #e74c3c; }
.text-green { color: #79b335; }
.text-yellow{color:#FFC107}
.text-blue{color: #45cee0;}
/** Dark colors variation for text */
.text-dark { color: #414145; }
.text-dark.dk { color: #333; }
.text-dark.dker { color: #222; }
.text-dark.lt { color: #666; }
.text-dark.lter { color: #7e7e7e; }
/** Light colors variation for text */
.text-light { color: #888893; }
.text-light.dk { color: #626266; }
.text-light.dker { color: #505057; }
.text-light.lt { color: #b5b5bf; }
.text-light.lter { color: #d0d0dc; }


.bg-white { background: #fff; }
.bg-dark { background: #2d2a2f; }
.bg-dark.dk { background: #201e21; }
.bg-light { background: #f7f7f7; }
.bg-light.dk{background-color:#ededed; }
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6,
.bg-dark .h1, .bg-dark .h2, .bg-dark .h3, .bg-dark .h4, .bg-dark .h5, .bg-dark .h6,
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6,
.bg-primary .h1, .bg-primary .h2, .bg-primary .h3, .bg-primary .h4, .bg-primary .h5, .bg-primary .h6, .bg-primary {
	color: #fff;
}
.f24{font-size: 24px !important;}
.f18{font-size: 18px !important;}
.f16{font-size: 16px !important;}
.f14{font-size: 14px !important;}
.f13{font-size: 13px !important;}
.f12{font-size: 12px !important;}

.title-1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.title-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.title-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

 
 /*
| ----------------------------------------------------
| Gap
| ----------------------------------------------------
*/
.gap-5 { height: 5px; }
.gap-10 { height: 10px; }
.gap-15 { height: 15px; }
.gap-20 { height: 20px; }
.gap-25 { height: 25px; }
.gap-30 { height: 30px; }
.gap-35 { height: 35px; }
.gap-40 { height: 40px; }
.gap-45 { height: 45px; }
.gap-50 { height: 50px; }
.gap-60 { height: 60px; }
.gap-70 { height: 70px; }
.gap-80 { height: 80px; }
.gap-90 { height: 90px; }
.gap-100 { height: 100px; }
.gap-120 { height: 120px; }


.pd0{padding:0;}
.p25 {padding: 25px;}
.pt0 { padding-top: 0px; }
.pt { padding-top: 30px; }
.pt-xs { padding-top: 5px; }
.pt-sm { padding-top: 20px; }
.pt-lg { padding-top: 40px; }

.pb0 { padding-bottom: 0px; }
.pb { padding-bottom: 30px; }
.pb-xs { padding-bottom: 5px; }
.pb-sm { padding-bottom: 20px; }
.pb-lg { padding-bottom: 40px; }

.pr0 { padding-right: 0px; }
.pr { padding-right: 30px; }
.pr-xs { padding-right: 5px; }
.pr-sm { padding-right: 20px; }
.pr-lg { padding-right: 40px; }

.pl0 { padding-left: 0px; }
.pl { padding-left: 30px; }
.pl-xs { padding-left: 5px; }
.pl-sm { padding-left: 20px; }
.pl-lg { padding-left: 40px; }

/*
| ----------------------------------------------------
| Margin
| ----------------------------------------------------
*/
.mg0 { margin: 0px; }

.mt0{ margin-top: 0px;}
.mt { margin-top: 30px; }
.mt-xs { margin-top: 5px; }
.mt-sm { margin-top: 20px; }
.mt-lg { margin-top: 40px; }

.mb0{margin-bottom: 0px; }
.mb { margin-bottom: 30px; }
.mb-xs { margin-bottom: 5px; }
.mb-15 { margin-bottom: 15px; }
.mb-msm { margin-bottom: 17px; }
.mb-sm { margin-bottom: 20px; }
.mb-lg { margin-bottom: 40px; }

.mr0 { margin-right: 0px; }
.mr { margin-right: 30px; }
.mr-xs { margin-right: 5px; }
.mr-sm { margin-right: 20px; }
.mr-lg { margin-right: 40px; }

.ml0 { margin-left: 0px; }
.ml { margin-left: 30px; }
.ml-xs { margin-left: 5px; }
.ml-sm { margin-left: 20px; }
.ml-lg { margin-left: 40px; }
/*
/*
| ----------------------------------------------------
| img
| ----------------------------------------------------
*/
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.avatar-sq{
    margin: 0 auto 20px auto;
    border-radius: 50%;
    overflow: hidden;
    width: 160px;
    height: 160px;
    /*clip: rect(0px,76px,76px,0px); */
    position: absolute;
    right: 55px;
}
.avatar-sq img{
    width: 100%;
    height: auto;
    border-radius: 0%;
   
}
/*
| ----------------------------------------------------
| Some handy styles
| ----------------------------------------------------
*/
.have-list {
    list-style-type: disc;
    padding: 0;
    margin: 0;
}
.inline li{
    display: inline-block;
}
.no-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.tbl {
	display: table;
	width: 100%;
	height: 100%;
}
.tbl > .td { display: table-cell; }
.td.vtop { vertical-align: top; }
.td.vmid { vertical-align: middle; }
.td.vbot { vertical-align: bottom; }

.noborder{border:none;box-shadow:none;}

/*
| ----------------------------------------------------
| font-style
| ----------------------------------------------------
*/ 

.italic{font-style: italic;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*
| ----------------------------------------------------
| visible
| ----------------------------------------------------
*/ 


@-ms-viewport {
    width: device-width
}
.visible-xs,.visible-sm,.visible-md,.visible-lg {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row!important
    }

    th.visible-xs,td.visible-xs {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row!important
    }

    th.visible-sm,td.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row!important
    }

    th.visible-md,td.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row!important
    }

    th.visible-lg,td.visible-lg {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}