.single h2{
  color: #444;
  font-weight: 700;
  text-transform: uppercase;
}
.single h2::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 6px;
    left: 0;
    right: 0;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    margin: 0 auto;
    background: #0a0c81;
    bottom: -10px;
}
.table thead th {
    vertical-align: top;
    padding: 1rem;
    border-bottom: 2px solid #dee2e6;
}
.table thead th {
    vertical-align: top;
    padding: 1rem;
    border-bottom: 2px solid #dee2e6;
}
.bg-description1 {
    background-color: #f7f7f7;
    color: #434343;
    width: 85%;
}
.bg-description1 p {
    margin: 0;
    padding: 0;
}
.bg-title1 {
    background-color: #0a0c81;
    color: #fff;
    width: 15%;
}
.bg-title1 a, .bg-title1 a:hover {
    color: #fff;
}



















.ic-img p{
  color: #000;
}
.item1{
  text-align: center !important;
  margin: 0px !important;
  padding: 0px !important;
  background-color: #eee;

}
.item1 img{
   
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.item1_img{
  width:auto  !important;
  height:360px !important;
}
.item2_img{
  width:auto  !important;
  height:50px !important;
}
.text-pro-topics{
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: 25px; margin-bottom: 15px; 
}

.text-pro-des{
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 55px; margin-bottom: 15px; 
}
.bg-fixed {
    background-attachment: fixed !important;
}

.loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #494dc3;
  transition: .3s;
}
.loadMore:hover {
  color: #494dc3;
  background-color: #fff;
  border: 1px solid #494dc3;
  text-decoration: none;
}
/************************** Slider **********************************/

.slick-slide {
    margin: 0px 3px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

body {

    font-size: 14px;
    font-family: 'Prompt' !important;
    font-weight: normal;
    background: #fff;
    color: #fff!important;
}
h2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.btn-primary {
    color: #fff;
    background-color: #31348e !important;
    border-color: #31348e !important;
}

p {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 25px;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
   border-top: 1px solid rgb(227 227 227);
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none;
    margin-bottom: 0px;
}
p a {
    display: inline;
    position: relative;
    color: inherit;
    
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

p:last-of-type {
    margin-bottom: 0;
}

a,
a:hover,
a:visited,
a:active,
a:link {
    text-decoration: none;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a:active {
    position: relative;
    color: #FF6347;
    text-decoration: none !important;
}

p a:hover {
    color: #FFFFFF;
    background: #ffa07f;
}

p a:hover::after {
    opacity: 0.2;
}

::selection {
    background: rgba(97, 228, 155, 0.7);
    color: #FFFFFF;
}

p::selection {}
/*************maintenance***************/
.maintenance-section {
    padding: 4rem 0;
    background: linear-gradient(90deg, rgba(35,52,104,1) 0%, rgba(28,62,159,1) 100%);
}
.more-section{
    padding: 4rem 0;
    background: radial-gradient(circle, rgba(172,172,172,1) 0%, rgba(223,223,223,1) 100%);
}
.details-card {
  background: #ecf0f1;
}

.card-content {
  background: #ffffff;
  border: 4px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.card-img {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  z-index: 1;
}

.card-img img {
  width: 100%;
  height: auto;
  display: block;
}

.card-img span {
  position: absolute;
    top: 15%;
    left: 12%;
    background: #1ABC9C;
    padding: 6px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transform: translate(-50%,-50%);
}
.card-img span h4{
        font-size: 12px;
        margin:0;
        padding:10px 5px;
         line-height: 0;
}
.card-desc {
  padding: 1.25rem;
  height: 161px;
}

.card-desc h3 {
  color: #000000;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
}

.card-desc p {
  color: #747373;
    font-size: 14px;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0;
 
}
.maintenance{
  padding-top: 20px;
}
.maintenance h2{
  border-left: 8px solid #ed1c24;
  padding-left: 20px;
  font-size: 25px;
  color: #000;
    font-weight: 800;
}
.maintenance h6{
  color: #aaa;
  padding: 20px 0;
}
/**********pay***********/
.cart-totals1 {
    border-radius: 3px;
    background-color: rgb(236 236 236 / 26%);
    border: 1px solid #eaeaea;
    background-size: cover;
    padding: 25px;
}
/********check**********/
.img-product1 .che-img img{
  max-width: 46px;
  min-height: 46px;
      float: left;
}
.che-img img{
  padding: 5px !important;
}

/********cart****************/
.xx{
  width: 80px !important;
}
.cart-wrap {
  padding: 40px 0;
  font-family: 'Open Sans', sans-serif;
}
.main-heading {
  font-size: 19px;
  margin-bottom: 20px;
}
.table-cart table {
    width: 100%;
}
.table-cart thead {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5px;
}
.table-cart thead tr th {
    padding: 8px 0 18px;
    color: #484848;
    font-size: 15px;
    font-weight: 400;
}
.table-cart tr td {
    padding: 20px 0 2px;
    vertical-align: middle;
}
.table-cart tr td:nth-child(1) {
    width: 52%;
}
.table-cart tr td:nth-child(2) {
    width: 26%;
}
.table-cart tr td:nth-child(3) {
    width: 13.333%;
}
.table-cart tr td:nth-child(4) {
    width: 8.667%;
}
.table-cart tr td .img-product {
    width: 72px;
    float: left;
    margin-left: 8px;
    margin-right: 31px;
    line-height: 63px;
}
.table-cart tr td .img-product img {
  width: 100%;
}
.table-cart tr td .name-product {
    font-size: 15px;
    color: #484848;
    padding-top: 8px;
    line-height: 24px;
    width: 50%;
}
.table-cart tr td .price {
    text-align: right;
    line-height: 64px;
    margin-right: 20px;
    margin-left: 20px
    color: #989898;
    font-size: 16px;
    font-family: 'Nunito';
}
.table-cart tr td .quanlity {
    position: relative;
}
.product-count .qtyminus,
.product-count .qtyplus {
  width: 34px;
    height: 34px;
    background: transparent;
    text-align: center;
    font-size: 19px;
    line-height: 34px;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}
.product-count .qtyminus {
    line-height: 32px;
}
.product-count .qtyminus {
  border-radius: 3px 0 0 3px; 
}
.product-count .qtyplus {
  border-radius: 0 3px 3px 0; 
}
.product-count .qty {
  width: 60px;
  text-align: center;
  border: none;
}
.count-inlineflex {
  display: inline-flex;
  border: solid 2px #ccc;
  border-radius: 20px;  
}
.total {
  font-size: 20px;
  font-weight: 600;
  color: #31348e;
}
.display-flex {
  display: flex;
}
.align-center {
  align-items: center;
}

.coupon-box {
    padding: 63px 0 58px;
    text-align: center;
    border: 2px dotted #e5e5e5;
    border-radius: 10px;
    margin-top: 55px;
}
.coupon-box form input {
    display: inline-block;
    width: 264px;
    margin-right: 13px;
    height: 44px;
    border-radius: 25px;
    border: solid 2px #cccccc;
    padding: 5px 15px;
    font-size: 14px;
}
input:focus {
  outline: none;
  box-shadow: none;
}
.round-black-btn {
  border-radius: 25px;
    background: #31348e;
    color: #fff;
    padding: 8px 35px;
    display: inline-block;
    border: solid 2px #31348e; 
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
}
.round-black-btn:hover,
.round-black-btn:focus {
  background: transparent;
  color: #212529;
  text-decoration: none;
}
.cart-totals {
  border-radius: 3px;
  background: #f4f4f4;
  padding: 25px;
}
.cart-totals h3 {
  font-size: 19px;
    color: #3c3c3c;
    letter-spacing: 1px;
    font-weight: 500;
}
.cart-totals table {
  width: 100%;
}
.cart-totals table tr th,
.cart-totals table tr td {
  width: 50%;
    padding: 3px 0;
    vertical-align: middle;
}
.cart-totals table tr td:last-child {
  text-align: right;
}
.cart-totals table tr td.subtotal {
  font-size: 20px;
    color: #6f6f6f;
}
.cart-totals table tr td.free-shipping {
  font-size: 14px;
    color: #6f6f6f;
}
.cart-totals table tr.total-row td {
  padding-top: 25px;
}
.cart-totals table tr td.price-total {   
  font-size: 24px;
    font-weight: 600;
    color: #31348e;
}
.btn-cart-totals {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
}
.btn-cart-totals .round-black-btn {
  margin: 10px 0; 
}
/*******product-detail*******/
.Quantity{
  width: 120px;
  padding: 20px 0;
}
.b-slider .b-slider__item {
  position: relative;
  vertical-align: middle;
  display: none;
}
.b-slider .b-slider__item:first-child, .slick-initialized .b-slider .b-slider__item {
  display: block;
}
.b-slider .b-slider__carousel {
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-slider .slick-slide {
  outline: none;
}
.b-slider .slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.b-slider .slick-arrow {
  position: absolute;
  z-index: 9;
}
.b-slider .slick-slider.slick-dotted ~ .slick-slider {
  display: none;
}
.b-slider .slick-slider.slick-vertical .slick-slide {
  border: 0;
}
.b-slider .slick-slider.slick-vertical .slick-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.b-slider .slick-slider.slick-vertical .slick-arrow[class*="left"], .b-slider .slick-slider.slick-vertical .slick-arrow[class*="prev"] {
  top: 0;
}
.b-slider .slick-slider.slick-vertical .slick-arrow[class*="next"], .b-slider .slick-slider.slick-vertical .slick-arrow[class*="next"] {
  bottom: 0;
}
.b-slider .slick-slider:not(.slick-vertical) .slick-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.b-slider .slick-slider:not(.slick-vertical) .slick-arrow[class*="left"], .b-slider .slick-slider:not(.slick-vertical) .slick-arrow[class*="prev"] {
  left: 0;
}
.b-slider .slick-slider:not(.slick-vertical) .slick-arrow[class*="right"], .b-slider .slick-slider:not(.slick-vertical) .slick-arrow[class*="next"] {
  right: 0;
}
.b-slider .slick-dots {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  line-height: 1;
}
.b-slider .slick-dots button {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 0 !important;
  line-height: 0 !important;
  display: block !important;
  outline: none;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen a[data-fancybox] {
  cursor: zoom-in;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow {
  font-size: 30px;
  opacity: .5;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow[class*="left"], .b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow[class*="prev"] {
  left: 10px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow[class*="right"], .b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow[class*="next"] {
  right: 10px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--screen .slick-arrow.slick-arrow:hover {
  opacity: 1;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs {
  overflow: hidden;
  margin-top: 10px;
  padding: 0 50px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item {
  position: relative;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #7f7f7f;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item:hover::after {
  border-color: #000;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item img {
  opacity: .75;
  cursor: pointer;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .b-slider__item:hover img {
  opacity: 1;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-list {
  margin: 0 -5px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-slide > * {
  padding: 0 5px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-current img {
  opacity: 1;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-current .b-slider__item {
  position: relative;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-current .b-slider__item::after {
  border-color: red;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow {
  font-size: 30px;
  color: #7f7f7f;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow[class*="left"], .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow[class*="prev"] {
  left: 10px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow[class*="right"], .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow[class*="next"] {
  right: 10px;
}
.b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-arrow.slick-arrow:hover {
  color: #000;
}
.b-slider--horizontal-tm-1 .slick-dots {
  margin: 15px 0 0;
}
.b-slider--horizontal-tm-1 .slick-dots button {
  border-radius: 50%;
  background: #7f7f7f;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
.b-slider--horizontal-tm-1 .slick-dots .slick-active button {
  background: red;
}
@media (min-width: 1200px) {
  .b-slider--horizontal-tm-1 .b-slider__carousel .slick-arrow.slick-arrow[class*="left"], .b-slider--horizontal-tm-1 .b-slider__carousel .slick-arrow.slick-arrow[class*="prev"] {
    left: 15px;
  }
  .b-slider--horizontal-tm-1 .b-slider__carousel .slick-arrow.slick-arrow[class*="right"], .b-slider--horizontal-tm-1 .b-slider__carousel .slick-arrow.slick-arrow[class*="next"] {
    right: 15px;
  }
  .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs {
    margin-top: 15px;
    padding: 0 60px;
  }
  .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-list {
    margin: 0 -7.5px;
  }
  .b-slider--horizontal-tm-1 .b-slider__carousel--thumbs .slick-slide > * {
    padding: 0 7.5px;
  }
}
.img-event{
  text-align: center;
}
/*******product*******/
.scrollbar {
    height: 200px !important;
    overflow-y: scroll !important;
}

#style-3::-webkit-scrollbar {
    width: 4px !important;
    background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar-thumb {
    background-color: #dedede;
}
.content1 .form-control {
height: 40px;
border-color: #ededed;
border-radius:0;
}
.content1.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.content1 .btn {
min-height: 40px; 
border-radius:0;
background: #3337a5;
color: #fff;
font-weight:600;
}
.shop-widget {
  margin: 30px 0;
}
.widget{
  border: 1px solid #ededed;
}
.widget-title {
  margin: 0px 0 35px;
  background-color: #ededed;
}
.widget-title h4 {
  text-transform: uppercase;
  padding: 15px;
  font-size: 16px;
  color: #222222;
  letter-spacing: 1px;
}
.widget-content ul#accordion {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget-content ul#accordion li {
  display: block;
  margin: 0 0 25px;
  padding: 0px 20px;
}
.widget-content ul#accordion li span {
  position: absolute;
  right: 14px;
}
.widget-content ul#accordion li h4 {
  font-size: 13px;
  color: #222222;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 10px;
}
 .widget-content ul#accordion li h4:after {
  content: "";
  left: 16px;
  position: absolute;
  width: 26px;
  top: 25px;
}
 .widget-content ul#accordion li ul {
  padding: 0;
  margin: 0;
  display: none;
}
 .widget-content ul#accordion li ul li {
  padding: 0 0 5px;
  margin:0;
}
.widget-content ul#accordion li ul li a {
  color: #888888;
  text-transform: none;
  font-size: 13px;
  font-weight: 300;
  transition: 0.3s;
}
.widget-content ul#accordion li ul li a:hover {
  text-decoration: none;
  color: #000000;
}
.view-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}
.thumbnail
{
    margin-bottom: 30px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
    border: 0;
}
.item.list-group-item .img-event {
    float: left;
    width: 30%;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}
.item.list-group-item .caption
{
    float: left;
    width: 70%;
    margin: 0;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item:after
{
    clear: both;
}
/*******contact*******/
.con-us{
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
  padding: 30px;
}
.contact__address h4 {
    color: #111111;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.contact__address ul li {
    overflow: hidden;
    list-style: none;
    margin-bottom: 20px;
}
.contact__address ul li .icon {
    font-size: 17px;
    color: #f3bd00;
    height: 40px;
    width: 40px;
    background: #323596;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 20px;
}
.contact__address ul li p {
    overflow: hidden;
    margin-bottom: 0;
    color: #111111;
}
.contact__address ul li p span {
    display: block;
}
ul, ol {
    padding: 0;
    margin: 0;
}
/*******job********/
#upload {
    opacity: 0;
}

#upload-label {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
}

.image-area {
    border: 2px dashed rgba(255, 255, 255, 0.7);
    padding: 1rem;
    position: relative;
}

.image-area::before {
    content: 'Uploaded image result';
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.8rem;
    z-index: 1;
}

.image-area img {
    z-index: 2;
    position: relative;
}

.pad-job{
  padding-left: 0px !important;
}
.our-plans{
  width:100%;
}
.our-plans .price-plan{
  width:100%;
  padding: 20px;
  background: #fff;
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
}
.our-plans .price-plan:last-child{
  margin-bottom: 0;
}
.our-plans .price-plan .plan-details,
.our-plans .price-plan .plan-features,
.our-plans .price-plan .accept-plan{
  float:left;
  padding: 0 10px;
}
.our-plans .price-plan .plan-details{
  width: 25%;
}
.our-plans .price-plan .plan-features{
  width:55%;
}
.our-plans .price-plan .accept-plan{
  width:20%;
}

.our-plans .price-plan .plan-details h2{
  display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    padding: 20px 0;
    color: #252a37;
    margin-bottom: 0;
}
.our-plans .price-plan .plan-details h3{
  font-size: 34px;
  padding: 0 0;
  position: relative;
  color: #252a37;
  margin: 0 0 25px;
}
.our-plans .price-plan .plan-details h3 sub{
  font-size: 20px;
  left: -0.6em;
  position: relative;
}
.our-plans .price-plan .plan-details h3 sup{
  top: -0.9em;
  font-size: 50%;
  left: -0.01em;
  font-weight: 700;
}
/* plan features */
.our-plans .price-plan .plan-features ul{
  list-style: none;
}
.our-plans .price-plan .plan-features ul li{
  position: relative;
  padding-left: 30px;
  margin-bottom: 4px;
}
.our-plans .price-plan .plan-features ul li:before{
  content: "\f00c";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #2154cf;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}
/* plan details ends here */
.our-plans .price-plan .accept-plan{
  text-align: center;
}
.our-plans .price-plan .accept-plan a{
  text-align: center;
  padding: 5px 20px;
  background-color: #2154cf;
  color: #fff;
  border-radius: 27px;
  margin-top: 20%;
  display: inline-block;
}
.our-plans .price-plan .accept-plan a:hover{
  background:#272d33;
}

#aspect-content {
  margin: 50px 0 0;
  width: 100%;
}
#aspect-content * {
  box-sizing: border-box;
  margin-right: 10px;
}

.aspect-tab {
  position: relative;
  width: 100%;
  margin: 0 auto 10px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 0 1px #ececec;
  opacity: 1;
  transition: box-shadow .2s, opacity .4s;
}
.aspect-tab:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
}

.aspect-input {
  display: none;
}

.aspect-input:checked ~ .aspect-content + .aspect-tab-content {
  max-height: 3000px;
}

.aspect-input:checked ~ .aspect-content:after {
  transform: rotate(0);
}

.aspect-label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-height: 80px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  z-index: 1;
  cursor: pointer;
}
.aspect-label:hover ~ .aspect-content:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
}

.aspect-content {
  position: relative;
  display: block;
  height: 80px;
  margin: 0;
  padding: 0 87px 0 30px;
  font-size: 0;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}
.aspect-content:before, .aspect-content:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
}
.aspect-content:before {
  height: 100%;
}
.aspect-content:after {
  position: absolute;
  width: 24px;
  height: 100%;
  right: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
}

.aspect-name {
  display: inline-block;
  width: 75%;
  margin-left: 16px;
  font-weight: 500;
  color: #242a32;
  white-space: normal;
  text-align: left;
  vertical-align: middle;
}

.aspect-stat {
  width: 40%;
  text-align: right;
}

.all-opinions,
.aspect-name {
  font-size: 14px;
  line-height: 22px;
}

.all-opinions {
  color: #5d5d5d;
  text-align: left;
}

.aspect-content + .aspect-tab-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s;
}

.aspect-content > div,
.aspect-stat > div {
  display: inline-block;
}

.aspect-content > div {
  vertical-align: middle;
}

.positive-count,
.negative-count,
.neutral-count {
  display: inline-block;
  margin: 0 0 0 20px;
  padding-left: 26px;
  background-repeat: no-repeat;
  font-size: 13px;
  line-height: 20px;
  color: #363636;
}

.positive-count {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiM3RUQzMjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxMS40MjdhNSA1IDAgMCAwIDEwIDAgLjcxNC43MTQgMCAxIDAtMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMS03LjE0MiAwIC43MTQuNzE0IDAgMSAwLTEuNDI5IDB6bTEuMDcxLTVhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MyAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==");
}

.negative-count {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNGRjZFMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxNC45OThhLjcxNC43MTQgMCAwIDAgMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMSA3LjE0MiAwIC43MTQuNzE0IDAgMSAwIDEuNDI5IDAgNSA1IDAgMSAwLTEwIDB6bTEuMDcxLTguNTdhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MiAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDIgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==");
}

.neutral-count {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNCQUMyRDYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNS43MTQgMTEuNDI3YS43MTQuNzE0IDAgMSAwIDAgMS40MjloOC41NzJhLjcxNC43MTQgMCAxIDAgMC0xLjQyOUg1LjcxNHptLjM1Ny01YTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3ptNy44NTggMGExLjA3MSAxLjA3MSAwIDEgMCAwIDIuMTQzIDEuMDcxIDEuMDcxIDAgMCAwIDAtMi4xNDN6Ii8+Cjwvc3ZnPgo=");
}

.aspect-info {
  width: 60%;
  white-space: nowrap;
  font-size: 0;
}
.aspect-info:before {
  content: '';
  display: inline-block;
  height: 44px;
  vertical-align: middle;
}

.chart-pie {
  position: relative;
  display: inline-block;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  background-color: #e4e4e4;
  vertical-align: middle;
}
.chart-pie:after {
  content: '';
  display: block;
  position: absolute;
  height: 40px;
  width: 40px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background-color: #fff;
}

.chart-pie-count {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 44px;
  color: #242a32;
  text-align: center;
  z-index: 1;
}

.chart-pie > div {
  clip: rect(0, 44px, 44px, 22px);
}

.chart-pie > div,
.chart-pie.over50 .first-fill {
  position: absolute;
  height: 44px;
  width: 44px;
  border-radius: 50%;
}

.chart-pie.over50 > div {
  clip: rect(auto, auto, auto, auto);
}

.chart-pie.over50 .first-fill {
  clip: rect(0, 44px, 44px, 22px);
}

.chart-pie:not(.over50) .first-fill {
  display: none;
}

.second-fill {
  position: absolute;
  clip: rect(0, 22px, 44px, 0);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  box-sizing: border-box;
}

.chart-pie.positive .first-fill {
  background-color: #82d428;
}
.chart-pie.positive .second-fill {
  border-color: #82d428;
}

.chart-pie.negative .first-fill {
  background-color: #ff6e00;
}
.chart-pie.negative .second-fill {
  border-color: #ff6e00;
}

.aspect-tab-content {
  background-color: #f9f9f9;
  font-size: 0;
  text-align: justify;
}

.sentiment-wrapper {
  padding: 24px 30px 30px;
}

.sentiment-wrapper > div {
  display: inline-block;
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box;
  vertical-align: top;
  cursor: default;
}

.sentiment-wrapper > div > div {
  width: 100%;
  padding: 16px 24px 20px;
  box-sizing: border-box;
  border-radius: 4px;
      background-color: #ffffff0a;
    border: 1px solid #ececec00;
  text-align: left;
}

.opinion-header {
  position: relative;
  width: 100%;
  margin: 0 0 24px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: #242a32;
  text-transform: capitalize;
}
.opinion-header1 {
  position: relative;
  width: 100%;
  margin: 0 0 24px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: #242a32;
  text-transform: capitalize;
}
.opinion-header1 {
  border-left: 1px solid #0000001f;
  padding-left: 40px;

}
.opinion-header1 > span:nth-child(2) {
  position: absolute;
  right: 0;
}

.opinion-header1 + div > span {
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  color: #363636;
}
.opinion-header > span:nth-child(2) {
  position: absolute;
  right: 0;
}

.opinion-header + div > span {
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  color: #363636;
}

@media screen and (max-width: 800px) {
  .aspect-label {
    max-height: 102px;
  }

  .aspect-content {
    height: auto;
    padding: 10px 87px 10px 30px;
  }
  .aspect-content:before {
    display: none;
  }
  .aspect-content:after {
    top: 0;
  }

  .aspect-content > div {
    display: block;
    width: 100%;
  }

  .aspect-stat {
    margin-top: 10px;
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  .sentiment-wrapper > div {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .sentiment-wrapper > div:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 500px) {
  .aspect-label {
    max-height: 140px;
  }

  .aspect-stat > div {
    display: block;
    width: 100%;
  }

  .all-opinions {
    margin-bottom: 10px;
  }

  .all-opinions + div > span:first-child {
    margin: 0;
  }
}
/*-------news------------*/

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.media-body {
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
}
.well hr{
    background-color: #333 !important;
}

.media-left img{
    max-width: 64px;
    max-height: 64px;
}
.media-left iframe{
    max-width: 84px;
    max-height: 74px;
}
.media-body small {
   margin-top: -15px;
}
.media-body h6 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 18px;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.content {

  display: none;
}
#loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #494dc3;
  transition: .3s;
}
#loadMore:hover {
  color: #494dc3;
  background-color: #fff;
  border: 1px solid #494dc3;
  text-decoration: none;
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}
/*-------news------------*/


.form-control {
    color: #6c757d;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    font-family: 'Prompt', ;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {

    background: transparent;
}

.parallax_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.nopadding {
    padding: 0px !important;
}

.section_title_container>div:first-child {
    margin-right: 38px;
}

.section_title {
    font-size: 36px;
    font-weight: bold;
    line-height: 0.75;
    color: #000000;
    white-space: nowrap;
}

.section_subtitle {
    font-size: 16px;
    color: #838282;
    font-weight: bold;
    line-height: 0.75;
    margin-top: 11px;
}

.section_bar {
    width: 100%;
    height: 26px;
    background: #ebeded;
    margin-top: 1px;
}

.cat_technology {
    background: #624693 !important;
}

.cat_world {
    background: #61e49b !important;
}

.cat_video {
    background: #ff4b75 !important;
}

.cat_party {
    background: #f8a64f !important;
}

.cat_technology a,
.cat_world a,
.cat_video a,
.cat_party a {
    color: #FFFFFF !important;
}

.fadeIn {
    animation-delay: 900ms;
}

/*********************************
3. Header
*********************************/

.header {
    width: 100%;
    padding: 0px;
}

.header_bar {
    width: 100%;
    background: #f7f9f9;
}

.header_bar_content {
    width: 100%;
    height: 64px;
}



.header_social {
    margin-right: -5px;
}

.header_social ul li:not(:last-child) {
    margin-right: 20px;
}

.header_social ul li a i {
    font-size: 14px;
    color: #0d0d0d;
    padding: 5px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.header_social ul li a i:hover {
    color: #61e49b;
}

.header_content_container {
    width: 100%;

}

.header_content {
    text-align: center !important;
}



.header_extra {
    width: 557px;
    height: 0px;
    padding-left: 90px;
}

.header_extra a {
    display: block;
}

.header_extra_title {
    font-size: 48px;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 0.75;
}

.header_extra_subtitle {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 0.75;
    margin-top: 7px;
    padding-left: 1px;
}

.header_nav_container {
    width: 100%;
    margin-top: 0px !important;
    z-index: 100;
    background: linear-gradient(90deg, rgb(28 28 53) 0%, rgb(8 11 139) 100%);
    height: 80px;
   
}

.header.header--normal {
    position: relative;
}

.header__logo {
    padding: 5px;
    position: relative;
    z-index: 1;
}

.header__logo::before {
    left: -400px;
    top: 0;
    width: 580px;
    height: 100%;
    content: "";
    z-index: -1;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
}

.header__logo a {
    display: inline-block;
}

.header__menu {
    text-align: right;

    
}
.header__menu ul li a:hover {
    color: #ffffff;
    background-color: #36399f;
    font-weight: 200;
    
}

.header__menu ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.header__menu ul li.active a:after {
    opacity: 1;
}

.header__menu ul li:hover a:after {
    opacity: 1;
}

.header__menu ul li:hover .dropdown {
    top: 33px;
    opacity: 1;
    visibility: visible;
}

.header__menu ul li:last-child {
    margin-right: 0;
}

.header__menu ul li .dropdown {
    position: absolute;
    left: 0;
    top: 56px;
    width: 150px;
    background: #f3bd00;
    text-align: left;
    padding: 2px 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
    display: block;
    margin-right: 0;
}

.header__menu ul li .dropdown li a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    padding: 8px 20px;
    text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
    display: none;
}

.header__menu ul li a {
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
    text-decoration:none;
    color: #fff;
    display: block;
    padding: 29px 12px;
    position: relative;
}
.pl{
    padding-left: 0px;
}
.header__menu ul li a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    top: 88px;
    height: 4px;
    color: #000;
    background: rgb(255 0 0 / 0%);
    content: "";
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    opacity: 0;
}
.header__right {
    text-align: right;
    padding: 20px 0;
}

.header__right__search {
    display: inline-block;
    padding-right: 15px;
    position: relative;
    margin-top: 25px;
    margin-right: 15px;
}

.header__right__search:after {
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: 15px;
    background: rgba(255, 255, 255, 0.3);
    content: "";
}

.header__right__search i {
    font-size: 15px;
    color: #ffffff;
    cursor: pointer;
}

.header__right__social {
    display: inline-block;
    margin-right: 25px;
}

.header__right__social a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    margin-right: 20px;
}

.header__right__social a:last-child {
    margin-right: 0;
}

.header__right__btn {
    display: inline-block;
}



.header_nav_container.scrolled .main_nav {
    margin-top: 3px;
}

.header_nav_content {
    width: 100%;
    height: 70px;
}

.header_nav_content .logo_container {
    display: none;
    margin-top: 0;
}

.header_nav_content .logo_container .logo {
    height: 28px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 3px;
}

.header_nav_content .logo_container .logo span {
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
    background: #000000;
    line-height: 28px;
    padding-left: 6px;
    padding-right: 8px;
    margin-right: 3px;
    text-transform: none;
}

.header_nav_content .logo_sub {
    display: none;
}

.main_nav {
    margin-top: 3px;
    margin-left: 0px;
}

.main_nav_list li:not(:last-child) {
    padding: 0px 10px;

}

.main_nav_list li a {
    font-size: 18px;
    padding: 0px 24px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.main_nav_list li a:hover {
    color: #ffd400;
}

.header_search_container {
    width: 190px;
    height: 35px;
    background: #FFFFFF;
    overflow: hidden;
}

.header_search {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    -webkit-transform: translateX(171px);
    -moz-transform: translateX(171px);
    -ms-transform: translateX(171px);
    -o-transform: translateX(171px);
    transform: translateX(171px);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 800ms cubic-bezier(.31, .48, .32, 1);
}

.header_search.active {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.header_search_activation {
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

.header_search_form {
    width: 100%;
    height: 100%;
}

.header_search_activation i {
    font-size: 15px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.header_search_activation:hover i {
    color: #61e49b;
}

.header_search_input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    margin-left: 10px;
}

.header_search_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #aeaeae !important;
}

.header_search_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #aeaeae !important;
}

.header_search_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #aeaeae !important;
}

.header_search_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #aeaeae !important;
}

.header_search_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #aeaeae !important;
}

.hamburger {
    display: none;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-top: 3px;
    cursor: pointer;
}

.hamburger:hover i {
    color: #aeaeae;
}

.hamburger i {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
}


.home {
    width: 100%;
}

.home_slider_container {
    width: 100%;
    height: 797px;
    background: #000000;
}

.home_slider_container::before {
    top: 0;
    height: 61px;
}

.home_slider_container::after {
    bottom: 0;
    height: 66px;
}

.home_slider_nav {
    position: absolute;
    top: 46%;
    width: 42px;
    height: 42px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.home_slider_nav i {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 42px;
}

.home_slider_prev {
    left: 200px;
}

.home_slider_next {
    right: 200px;
}

.home_slider_nav:hover {
    background: #f7f9f9;
}

.home_slider_nav:hover i {
    color: #000000;
}

.home_slider_content {
    position: absolute;
    left: 50%;
    top: calc(50% - 21px);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 780px;
}

.home_category {
    display: inline-block;
    height: 22px;
    background: #624693;
}

.home_category a {
    display: block;
    color: #FFFFFF;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.35em;
    line-height: 22px;
    padding-left: 9px;
    padding-right: 7px;
}

.home_title {
    font-size: 60px;
    color: #FFFFFF;
    margin-top: 2px;
    line-height: 1.2;
}

.home_text {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 2.14;
    margin-top: 7px;
}

.home_button {
    display: inline-block;
    width: 265px;
    height: 59px;
    background: #61e49b;
    margin-top: 22px;
}

.home_button a {
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 59px;
    letter-spacing: 0.35em;
}

.home_button:hover {
    background: #624693;
}


/*********************************
10. Sidebar
*********************************/

.sidebar {
    width: 100%;
    margin-top: 13px;
}

.sidebar_title {
    font-size: 18px;
    color: #000000;
}

.newsletter_form {
    width: 100%;
    margin-top: 22px;
}

.newsletter_input {
    width: 100%;
    height: 42px;
    background: #ebeded;
    border: none;
    outline: none;
    text-align: center;
}

.newsletter_input::-webkit-input-placeholder {
    font-size: 13px !important;
    font-weight: normal !important;
    font-style: italic;
    color: #b2b2b2 !important;
}

.newsletter_input:-moz-placeholder {
    font-size: 13px !important;
    font-weight: normal !important;
    font-style: italic;
    color: #b2b2b2 !important;
}

.newsletter_input::-moz-placeholder {
    font-size: 13px !important;
    font-weight: normal !important;
    font-style: italic;
    color: #b2b2b2 !important;
}

.newsletter_input:-ms-input-placeholder {
    font-size: 13px !important;
    font-weight: normal !important;
    font-style: italic;
    color: #b2b2b2 !important;
}

.newsletter_input::input-placeholder {
    font-size: 13px !important;
    font-weight: normal !important;
    font-style: italic;
    color: #b2b2b2 !important;
}

.newsletter_button {
    width: 100%;
    height: 59px;
    background: #624693;
    border: solid 1px #dcdcdc;
    margin-top: 17px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.35em;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.newsletter_button:hover {
    background: #61e49b;
}

.sidebar_extra {
    margin-top: 55px;
}

.sidebar_extra a {
    display: block;
}

.sidebar_extra_container {
    width: 100%;
    height: 352px;
    margin-top: 53px;
}

.sidebar_extra_content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 31px;
    padding-bottom: 25px;
}

.sidebar_extra_title {
    font-size: 60px;
    color: #FFFFFF;
    line-height: 0.75;
}

.sidebar_extra_title:not(:last-child) {
    margin-bottom: 4px;
}

.sidebar_extra_subtitle {
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 9px;
    padding-left: 5px;
}

.sidebar_latest {
    margin-top: 57px;
}


/*---------------------
  Header
-----------------------*/
.bg-head{
    background-color: #424242;
    text-align: center;
    padding: 13px;

}
.bg-head >a {
    text-decoration: none !important;

}
.bg-head >a >p{
    color: #fff;
    text-decoration: none !important;

}
.bg-head >a >p:hover{
    color: #4cb848;
    text-decoration: none !important;

}
.bg-head >h6{
    color: #4cb848;
    font-style: 19px important;
}

.offcanvas-menu-wrapper {
    display: none;
}

.canvas__open {
    display: none;
}





.header__top__auth1 ul li {
    display: inline-block;
    list-style: none;
    margin-right: 35px;
    position: relative;
}
.header__top__auth1 ul {
    margin-bottom: 0rem;
    margin-top: 10px;
}
.header__top__auth ul {
    margin-bottom: 0rem;
    margin-top: 10px;
}
.header__top__auth1 ul li > a{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.header__top__auth {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 0px;
    background-color: #181d31;
}
.header__top__auth1 {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 0px;
    background-color: #181d31;
}
.header__top__language {
    display: inline-block;
    padding: 12px 0 12px;
    position: relative;
    cursor: pointer;
}
.header__top__auth ul li {
    display: inline-block;
    list-style: none;
    margin-right: 5px;
    position: relative;
}
.header__top__auth ul li > a{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.header__top__language i {
    display: inline-block;
    font-size: 15px;
    color: #1d1c1c;
    font-weight: 500;
}
.header__top__language img {
    display: inline-block;
    margin-right: 6px;
}
.header__top__language span {
    display: inline-block;
    font-size: 15px;
    color: #1d1c1c;
}
.header__top__language ul {
    position: absolute;
    left: 19px;
    top: 65px;
    background: #ffffff;
    text-align: left;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}
.header__top__language ul li {
    font-size: 15px;
    color: #19191A;
    padding: 5px 10px;
    list-style: none;
    cursor: pointer;
}
.header__top__language ul li > a{
    font-size: 15px;
    color: #19191A;
    margin-left: -35px;
}
.header__top__language:hover ul {
    opacity: 1;
    top: 45px;
    visibility: visible;
    position: absolute;
    z-index: 1222;
}


.heading-box h2{ width:100%; color: red; }
.text-box {
    position: absolute;
    top: 50%;
    left: 15%;
    right: 15%;
    color: #fff;
    text-align: left;
    transform: translateY(-50%);
}
.text-box >h2 {
    font-size: 4rem;
    font-weight: 700;
        text-align: center;
}
.text-box >h6 {
    color: #ff040e;
        text-align: center;
    font-size: 22px;
    font-weight: 700;
    text-transform: none;
}
.text-box h5 {
    padding-top: 30px;
        text-align: center;
}
.text-box h5 >a{
    color: #fff;
}
.text-box h5 a:hover {
    color: #ff0000;
    padding: 10px;
    border: 1px solid;
}



.carousel{
    width: 100%;
}
.carousel-item img {
  height: auto;
    max-width: 100%;
    border: none;
    text-align: center!important;
}
.carousel-item > div {
  float: left;
}
.carousel-by-item [class*="cloneditem-"] {
  display: none;
}
.accordion {
  max-width: 500px;
  margin: 0 auto;
}
.accordion__title {
  font-family: 'industry', sans-serif;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.125em;
}
.accordion__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion__item {
margin-top: 10px;
  visibility: hidden;
}
.accordion__item:last-child {
  border-bottom: 0;
}
.accordion__item.is-active .accordion__itemTitleWrap::after {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.accordion__item.is-active .accordion__itemIconWrap {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion__itemTitleWrap {
  display: flex;
  height: 2.5em;
  align-items: center;
  padding: 0 1em;
  color: #fff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.accordion__itemTitleWrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: #3bade3;
  background: linear-gradient(45deg, #353b6d 0%, #4054b2 25%, #4d5388 51%, #cdb075 100%);
  z-index: 1;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.accordion__itemTitleWrap.is-active::after, .accordion__itemTitleWrap:hover::after {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.accordion__itemIconWrap {
  width: 1.25em;
  height: 1.25em;
  margin-left: auto;
  position: relative;
  z-index: 10;
}
.accordion__itemTitle {
  margin: 0;
  font-family: 'industry', sans-serif;
  font-weight: 300;
  font-size: 1em;
  position: relative;
  z-index: 10;
}
.accordion__itemContent {
  font-size: 0.875em;
  height: 0;
  overflow: hidden;
  background-color: rgb(255 255 255 / 0%);
  padding: 0 1.25em;
}
.accordion__itemContent p {
  margin: 2em 0;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    color: #000;
}
.block-text {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 0 #2c2222;
    color: #626262;
    font-size: 14px;
    margin-top: 27px;
    padding: 15px 18px;
}
.block-text a {
 color: #7d4702;
    font-size: 25px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mark {
    padding: 12px 0;background:none;
}
.block-text p {
    color: #585858;
    font-style: italic;
    line-height: 20px;
}

.sprite-i-triangle {
    background-position: 0 -1298px;
    height: 44px;
    width: 20px;
}
.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}

.person-text {
    padding: 20px 0 0;
    text-align: center;
    z-index: 2;
}
.person-text a {
    color: #cdb075;
    display: block;
    font-size: 14px;
    margin-top: 3px;
    text-decoration: none;
}
.person-text a:hover {
    color: #399a37;
    text-decoration: none;
}

.rel {
    position: relative;
}
.site-section{
    background-color: #212529;
    height: auto;
    max-width: 100%;
    padding: 1rem 0;
}
  
.plus{
    font-size: 55px;
    color: #e5b84c;
}
.textt h2{
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4em;
    text-align: left;
}
.texttx h2{
    color: #cdb075;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.4em;
    text-align: center;
}
.elementor{
    color: #fff;
    margin: 0 15px;
    padding: 20px 0 10px 25px;
    background-color: rgba(255,255,255,.1);
    border-style: solid;
    border-color: #e5b84c;
    border-radius: 20px 20px 20px 20px;
}
.box-29291 {
    background: #fff;
    position: relative;
    z-index: 2;
    margin-right: -60px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 4rem;
}
.box-29291 >h2{
    color: #fff;
    font-size: 26px;
}
.box-29291 >p{
    color: #b9b9b9;
    
}
.box-29291 >h6{
    color: #b9b9b9;
    padding-left: 30px;
    
}
.h-100 {
    height: 100%!important;
}
.bg-white1 {
    background-color: rgb(28 28 29 / 97%) !important; 
}
.heading-39291 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 30px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.cloned{
    width: 730px !important;
}

/*------- ber ----------*/
.bar-head {
    padding: 11em 0;
    background-size: cover;
}
.breadcrumb-list {
    margin-left: 0px;
}
.breadcrumb-list>li {
    font-size: 14px;
    list-style: none;
    display: inline;
}
.breadcrumb-list>li span {
    color: #fff;
}
.breadcrumb-list>li a {
    color: #fff;
    text-decoration: none;
}
.breadcrumb-list>li a:after {
    content: "/";
    vertical-align: middle;
    margin: 0 5px;
    color: #fff;
}
.service h1{
    background-color: #f5f5f5d6;
    padding: 10px;
    font-size: revert;
    color: #000;
}
/*------หน้าแรก--------*/
.post-module {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 15px;
  background: #FFFFFF;
  min-width: 100%;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-module:hover,
.hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.post-module  .date {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  background: #ed1c24;
  width: 65px;
  height: 65px;
  padding: 12.5px 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post-module  .date .day {
  font-size: 18px;
}
.post-module  .date .month {
  font-size: 12px;
  text-transform: uppercase;
}
.post-module  img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-module .post-content {
  bottom: 0;
  background: #FFFFFF;
  width: 100%;
  padding: 30px;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}
.post-module .post-content .category {
  position: absolute;
  top: -41px;
  left: 0;
  background: #ed1c24;
  padding: 10px 15px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.post-module .post-content .title {
  margin: 0;
  padding: 0 0 10px;
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 50px; margin-bottom: 15px; 
}
.post-module .post-content .sub_title {
  margin: 0;
  padding: 0 0 20px;
  color: #ed1c24;
  font-size: 15px;
  font-weight: 400;
}
.post-module .post-content .description {
  display: none;
  color: #666666;
  font-size: 14px;
  line-height: 1.8em;
}
.post-module .post-content .post-meta {
  margin: 30px 0 0;
  color: #999999;
}
.post-module .post-content .post-meta .timestamp {
  margin: 0 16px 0 0;
}
.post-module .post-content .post-meta a {
  color: #999999;
  text-decoration: none;
}
.hover .post-content .description {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
}

.room-section{
    padding: 4rem 0;
    background-size: cover;

}
.foot-section{
    padding: 2rem 0;
    text-align: center;
    background: linear-gradient(90deg, rgb(28 28 53) 0%, rgb(8 11 139) 100%);

}
.bg-ser{
    background-color: #000000b8;
    padding: 120px 30px;
}
.bg-ser1{
    background-size: cover;
    padding: 30px 30px;
}
.contact-section{
    background-color: #d2d2d2;
    padding: 2rem 0;
    background-size: cover;
}
.line > hr{
    border-top: 2px solid #ed1c24;
    width: 50px;
    margin-left: 0px;
}
.line1 > hr {
    border-top: 2px solid #ed1c24;
    width: 50px;
}
.ic-text{
    color: #333333;
}
.ic-text p{
    line-height: 40px;
    font-size: initial;
}
.ic-text >h2{
    color: #000;
    font-weight: 700;
}
.ic-text >h5{
    color: #4cb848;
    font-weight: 700;
}
.pro-text>h5{
    color: #fff;
    font-weight: 200;
}
.pro-text>h1{
    color: #fff;
    font-weight: 700;
}
.middle {
    display: table-cell;
    padding: 0 10px;
    text-align: center;
        padding: 20px 0px;
}

.detail-in{
  display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; height: 200px; margin-bottom: 15px; 
}

.toppics-in{
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 55px; margin-bottom: 15px; 
}

.employer-in{
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 40px; margin-bottom: 15px; 
}



.pr-1{
    color: #fff !important;
    background-color: #3ca138 !important;
    border-color: #fff !important;
}
.pr-2{
    color: #3ca138 !important;
    background-color: #fff !important;
    border-color: #3ca138 !important;
}
.tc{
    color: #3ca138 !important;
}
.re-text>h5{
    color: #333;
    font-weight: 200;
}
.re-text>h1{
    color: #000;
    font-weight: 700;
}
.section-title {
    position: relative
}
.section-title p {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
}
.section-title h4 {
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 20px;
    display: inline-block
}
.section-title h4:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #d8d8d8;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
}
.section-title h4:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #FF7200;
    left: 0;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}
.mb-100{
    margin-bottom:100px;
}
.services {
    background-color: #FBFBFB;
}
.single-service {
    position: relative;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 30px 20px;
}
.single-service i.fa {
    font-size: 20px;
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    background-color: #fff;
    line-height: 60px;
    margin-bottom: 30px;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s
}
.single-service:hover i.fa {
    background-color: #FF7200;
    color: #fff;
    border-color: #FF7200;
    border-radius: 0;
}
.single-service h4 {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.single-service p {
    font-size: 15px;
    color: #000;
    line-height: 1.8;
}
.btn-green{
    font-size:23px;
    padding:0px 20px;
    color: #fff;
    background-color: #47a447;
    border:none;
    justify-content: center;
    align-items: center;
    display: flex;
    width:230px;
}
.btn-facebook{
    font-size:23px;
    padding:0px 20px;
    color: #fff;
    background-color: #5863db;
    border:none;
    justify-content: center;
    align-items: center;
    display: flex;
    width:230px;
}
.lin{
    border-left: 1px solid #9a9a9a;
}

/*footer*/
.fix_top {
    position: fixed;
    top: 130px;
    z-index: 99;
    right:  -7px;
    /* min-height: 50px; */
    text-align: center;
    color: #fff414 !important;
}
.fix_footer {
    position: fixed;
    bottom: 0px;
    z-index: 99;
    width: 100%;
    left: 0px;
    /* min-height: 50px; */
    text-align: center;
    color: #fff414 !important;
}
#myBtn {
    background-color: #31348e;
    border: none;
    color: #fff;
    border-radius: 0px;
    outline: none;
    font-size: 16px;
    padding: 2px 10px;
    width: 230px;
    height: 40px;
    box-shadow: inset 0 0 0 0 #3a7999;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    left: 0px;
    top: 0px;
}
#myBtn1 {
    background-color: #00c300;
    border: none;
    color: #fff;
    border-radius: 0px;
    outline: none;
    font-size: 16px;
    padding: 2px 10px;
    width: 170px;
    height: 40px;
    box-shadow: inset 0 0 0 0 #3a7999;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    left: 0px;
    top: 0px;
}
.middl{
    background-color: #31348e;
}
.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#212121; min-height:250px; padding:10px 0px 25px 0px ;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #afafaf4a;  padding-bottom:20px;}
.foote_bottom_ul_amrc {
    list-style-type:none;
    padding:0px;
    display:table;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}



@media (max-width: 1200px) {
.item1 img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.item1_img{
  width:100%  !important;
  height:auto !important;
}
.item2_img{
  width:auto  !important;
  height:40px !important;
}
}
@media (max-width: 992px) {
.item1 img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.item1_img{
  width:100%  !important;
  height:auto !important;
}
.item2_img{
  width:auto  !important;
  height:25px !important;
}
}


@media (max-width: 767px) {
.item1{
  text-align: center !important;
  margin: 0px !important;
  padding: 0px !important;
  background-color: #eee;

}
.item1 img{
   
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.item1_img{
  width:100%  !important;
  height:auto !important;
}
.item2_img{
  width:auto  !important;
  height:auto !important;
}

#hidden-box{
 display: none;
}
}