@import url("https://fonts.googleapis.com/css?family=Inconsolata:700");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap");

.color1 { background: #ffe7e6 }

.color2 { background: #f4ffd5 }

.color3 { background: #e1fcff }

.color4 { background: #fff9c6 }

.top-bg { background: #0000 }

.white-bg { background: #ffffff }

.gray-bg { background: #f5f5f5 }

.gray-bg { background: #f7f7fd }

.white-bg { background: #fff }

.black-bg { background: #0C1694 }

.theme-bg { background: #B32C28 }

.brand-bg { background: #f1f4fa }

.testimonial-bg { background: #f9fafc }

.white-color { color: #fff }

.black-color { color: #000 }

.theme-color { color: #B32C28 }

.boxed-btn { background: #fff; color: #B32C28 !important; display: inline-block; padding: 18px 44px; font-family: "Roboto",sans-serif; font-size: 14px; font-weight: 400; border: 0; border: 1px solid #B32C28; letter-spacing: 3px; text-align: center; color: #B32C28; text-transform: uppercase; cursor: pointer }

    .boxed-btn:hover { background: #B32C28; color: #fff !important; border: 1px solid #B32C28 }

    .boxed-btn:focus { outline: none }

    .boxed-btn.large-width { width: 220px }

[data-overlay] { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center }

    [data-overlay]::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: "" }

[data-opacity="1"]::before { opacity: 0.1 }

[data-opacity="2"]::before { opacity: 0.2 }

[data-opacity="3"]::before { opacity: 0.3 }

[data-opacity="4"]::before { opacity: 0.4 }

[data-opacity="5"]::before { opacity: 0.5 }

[data-opacity="6"]::before { opacity: 0.6 }

[data-opacity="7"]::before { opacity: 0.7 }

[data-opacity="8"]::before { opacity: 0.8 }

[data-opacity="9"]::before { opacity: 0.9 }

::placeholder { color: #838383 }

body { font-family: "Roboto",sans-serif; font-weight: normal; font-style: normal }

h1, h2, h3, h4, h5, h6 { font-family: "Roboto",sans-serif; color: #000; margin-top: 0px; font-style: normal; font-weight: 500; text-transform: normal }

p { font-family: "Roboto",sans-serif; color: #506172; font-size: 16px; line-height: 30px; margin-bottom: 15px; font-weight: normal }

.bg-img-1 { background-image: url(../img/slider/slider-img-1.jpg) }

.bg-img-2 { background-image: url(../img/background-img/bg-img-2.jpg) }

.cta-bg-1 { background-image: url(../img/background-img/bg-img-3.jpg) }

.img { max-width: 100%; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

.f-left { float: left }

.f-right { float: right }

.fix { overflow: hidden }

.clear { clear: both }

a, .button { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

    a:focus, .button:focus { text-decoration: none; outline: none }

a { color: #1eaaf1 }

    a:hover { /*color: #fff*/ }

    a:focus, a:hover, .portfolio-cat a:hover, .footer -menu li a:hover { text-decoration: none }

a, button { /*color: #fff;*/ outline: medium none }

    button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0 }

.uppercase { text-transform: uppercase }

input:focus::-moz-placeholder { opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s }

.capitalize { text-transform: capitalize }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit }

ul { margin: 0px; padding: 0px }

li { list-style: none }

hr { border-bottom: 1px solid #eceff8; border-top: 0 none; margin: 30px 0; padding: 0 }

.theme-overlay { position: relative }

    .theme-overlay::before { background: #1696e7 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100% }

.overlay { position: relative; z-index: 0 }

    .overlay::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 }

.overlay2 { position: relative; z-index: 0 }

    .overlay2::before { position: absolute; content: ""; background-color: #2E2200; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5 }

.section-padding { padding-top: 120px; padding-bottom: 120px }

.separator { border-top: 1px solid #f2f2f2 }

.mb-90 { margin-bottom: 90px }

.bg-header { height: 125px; /*background: url('../img/logo/banner_ntt.png') no-repeat center center;*/ }

@media (max-width: 767px) {
    .mb-90 { margin-bottom: 30px }
	.skdslider .slide-desc{
		bottom: 42% !important;
	}
	.skdslider ul.slides li img{
		object-fit: contain !important;
		height: 57% !important;
	}
	
	
}

@media (min-width: 768px) and (max-width: 991px) {
    .mb-90 { margin-bottom: 45px }
}

.owl-carousel .owl-nav div { background: rgba(255,255,255,0.8) none repeat scroll 0 0; height: 40px; left: 20px; line-height: 40px; font-size: 22px; color: #646464; opacity: 1; visibility: visible; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; width: 40px }

    .owl-carousel .owl-nav div.owl-next { left: auto; right: -30px }

        .owl-carousel .owl-nav div.owl-next i { position: relative; right: 0; top: 1px }

    .owl-carousel .owl-nav div.owl-prev i { position: relative; right: 1px; top: 0px }

.owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible }

    .owl-carousel:hover .owl-nav div:hover { color: #fff; background: #ff3500 }

.btn { -moz-user-select: none; text-transform: uppercase; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 0; margin-bottom: 0; padding: 27px 44px; border-radius: 5px; min-width: 200px; margin: 10px; cursor: pointer; transition: color 0.4s linear; position: relative; z-index: 1; border: 0; overflow: hidden; margin: 0 }

    .btn::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e6373d; z-index: 1; border-radius: 5px; transition: transform 0.5s; transition-timing-function: ease; transform-origin: 0 0; transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); transform: scaleX(0) }

    .btn:hover::before { transform: scaleX(1); color: #fff !important; z-index: -1 }

.header-btn { text-transform: uppercase }

.btn.focus, .btn:focus { outline: 0; box-shadow: none }

.hero-btn { padding: 30px 56px }

.border-btn { background: none; -moz-user-select: none; border: 2px solid #B32C28; padding: 18px 38px; margin: 10px; text-transform: capitalize; color: #B32C28; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; margin-bottom: 0; border-radius: 5px; position: relative; transition: color 0.4s linear; position: relative; overflow: hidden; margin: 0 }

    .border-btn::before { border: 2px solid transparent; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #B32C28; z-index: -1; transition: transform 0.5s; transition-timing-function: ease; transform-origin: 0 0; transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); transform: scaleY(0) }

    .border-btn:hover::before { transform: scaleY(1); order: 2px solid transparent }

    .border-btn.border-btn2 { padding: 17px 52px }

.send-btn { background: #B32C28; color: #fff; font-size: 14px; width: 100%; height: 55px; border: none; border-radius: 5px; cursor: pointer; transition: color 0.4s linear; position: relative; overflow: hidden; z-index: 1 }

    .send-btn::before { border: 2px solid transparent; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e6373d; color: #B32C28; z-index: -1; transition: transform 0.5s; transition-timing-function: ease; transform-origin: 0 0; transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); transform: scaleX(0) }

    .send-btn:hover::before { transform: scaleY(1); order: 2px solid transparent; color: red }

.breadcrumb > .active { color: #888 }

#scrollUp { background: #B32C28; height: 50px; width: 50px; right: 31px; bottom: 18px; color: #fff; font-size: 20px; text-align: center; border-radius: 50%; line-height: 48px; border: 2px solid transparent }

@media (max-width: 767px) {
    #scrollUp { right: 16px }
}

#scrollUp:hover { color: #fff }

.sticky-bar { left: 0; margin: auto; position: fixed; top: 0; width: 100%; -webkit-box-shadow: 0 10px 15px rgba(25,25,25,0.1); box-shadow: 0 10px 15px rgba(25,25,25,0.1); z-index: 9999; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25,25,25,0.1); background: #0C1694 }

.header-flex.sticky-flex { display: flex }

.mt-5 { margin-top: 5px }

.mt-10 { margin-top: 10px }

.mt-15 { margin-top: 15px }

.mt-20 { margin-top: 20px }

.mt-25 { margin-top: 25px }

.mt-30 { margin-top: 30px }

.mt-35 { margin-top: 35px }

.mt-40 { margin-top: 40px }

.mt-45 { margin-top: 45px }

.mt-50 { margin-top: 50px }

.mt-55 { margin-top: 55px }

.mt-60 { margin-top: 60px }

.mt-65 { margin-top: 65px }

.mt-70 { margin-top: 70px }

.mt-75 { margin-top: 75px }

.mt-80 { margin-top: 80px }

.mt-85 { margin-top: 85px }

.mt-90 { margin-top: 90px }

.mt-95 { margin-top: 95px }

.mt-100 { margin-top: 100px }

.mt-105 { margin-top: 105px }

.mt-110 { margin-top: 110px }

.mt-115 { margin-top: 115px }

.mt-120 { margin-top: 120px }

.mt-125 { margin-top: 125px }

.mt-130 { margin-top: 130px }

.mt-135 { margin-top: 135px }

.mt-140 { margin-top: 140px }

.mt-145 { margin-top: 145px }

.mt-150 { margin-top: 150px }

.mt-155 { margin-top: 155px }

.mt-160 { margin-top: 160px }

.mt-165 { margin-top: 165px }

.mt-170 { margin-top: 170px }

.mt-175 { margin-top: 175px }

.mt-180 { margin-top: 180px }

.mt-185 { margin-top: 185px }

.mt-190 { margin-top: 190px }

.mt-195 { margin-top: 195px }

.mt-200 { margin-top: 200px }

.mb-5 { margin-bottom: 5px }

.mb-10 { margin-bottom: 10px }

.mb-15 { margin-bottom: 15px }

.mb-20 { margin-bottom: 20px }

.mb-25 { margin-bottom: 25px }

.mb-30 { margin-bottom: 30px }

.mb-35 { margin-bottom: 35px }

.mb-40 { margin-bottom: 40px }

.mb-45 { margin-bottom: 45px }

.mb-50 { margin-bottom: 50px }

.mb-55 { margin-bottom: 55px }

.mb-60 { margin-bottom: 60px }

.mb-65 { margin-bottom: 65px }

.mb-70 { margin-bottom: 70px }

.mb-75 { margin-bottom: 75px }

.mb-80 { margin-bottom: 80px }

.mb-85 { margin-bottom: 85px }

.mb-90 { margin-bottom: 90px }

.mb-95 { margin-bottom: 95px }

.mb-100 { margin-bottom: 100px }

.mb-105 { margin-bottom: 105px }

.mb-110 { margin-bottom: 110px }

.mb-115 { margin-bottom: 115px }

.mb-120 { margin-bottom: 120px }

.mb-125 { margin-bottom: 125px }

.mb-130 { margin-bottom: 130px }

.mb-135 { margin-bottom: 135px }

.mb-140 { margin-bottom: 140px }

.mb-145 { margin-bottom: 145px }

.mb-150 { margin-bottom: 150px }

.mb-155 { margin-bottom: 155px }

.mb-160 { margin-bottom: 160px }

.mb-165 { margin-bottom: 165px }

.mb-170 { margin-bottom: 170px }

.mb-175 { margin-bottom: 175px }

.mb-180 { margin-bottom: 180px }

.mb-185 { margin-bottom: 185px }

.mb-190 { margin-bottom: 190px }

.mb-195 { margin-bottom: 195px }

.mb-200 { margin-bottom: 200px }

.ml-5 { margin-left: 5px }

.ml-10 { margin-left: 10px }

.ml-15 { margin-left: 15px }

.ml-20 { margin-left: 20px }

.ml-25 { margin-left: 25px }

.ml-30 { margin-left: 30px }

.ml-35 { margin-left: 35px }

.ml-40 { margin-left: 40px }

.ml-45 { margin-left: 45px }

.ml-50 { margin-left: 50px }

.ml-55 { margin-left: 55px }

.ml-60 { margin-left: 60px }

.ml-65 { margin-left: 65px }

.ml-70 { margin-left: 70px }

.ml-75 { margin-left: 75px }

.ml-80 { margin-left: 80px }

.ml-85 { margin-left: 85px }

.ml-90 { margin-left: 90px }

.ml-95 { margin-left: 95px }

.ml-100 { margin-left: 100px }

.ml-105 { margin-left: 105px }

.ml-110 { margin-left: 110px }

.ml-115 { margin-left: 115px }

.ml-120 { margin-left: 120px }

.ml-125 { margin-left: 125px }

.ml-130 { margin-left: 130px }

.ml-135 { margin-left: 135px }

.ml-140 { margin-left: 140px }

.ml-145 { margin-left: 145px }

.ml-150 { margin-left: 150px }

.ml-155 { margin-left: 155px }

.ml-160 { margin-left: 160px }

.ml-165 { margin-left: 165px }

.ml-170 { margin-left: 170px }

.ml-175 { margin-left: 175px }

.ml-180 { margin-left: 180px }

.ml-185 { margin-left: 185px }

.ml-190 { margin-left: 190px }

.ml-195 { margin-left: 195px }

.ml-200 { margin-left: 200px }

.mr-5 { margin-right: 5px }

.mr-10 { margin-right: 10px }

.mr-15 { margin-right: 15px }

.mr-20 { margin-right: 20px }

.mr-25 { margin-right: 25px }

.mr-30 { margin-right: 30px }

.mr-35 { margin-right: 35px }

.mr-40 { margin-right: 40px }

.mr-45 { margin-right: 45px }

.mr-50 { margin-right: 50px }

.mr-55 { margin-right: 55px }

.mr-60 { margin-right: 60px }

.mr-65 { margin-right: 65px }

.mr-70 { margin-right: 70px }

.mr-75 { margin-right: 75px }

.mr-80 { margin-right: 80px }

.mr-85 { margin-right: 85px }

.mr-90 { margin-right: 90px }

.mr-95 { margin-right: 95px }

.mr-100 { margin-right: 100px }

.mr-105 { margin-right: 105px }

.mr-110 { margin-right: 110px }

.mr-115 { margin-right: 115px }

.mr-120 { margin-right: 120px }

.mr-125 { margin-right: 125px }

.mr-130 { margin-right: 130px }

.mr-135 { margin-right: 135px }

.mr-140 { margin-right: 140px }

.mr-145 { margin-right: 145px }

.mr-150 { margin-right: 150px }

.mr-155 { margin-right: 155px }

.mr-160 { margin-right: 160px }

.mr-165 { margin-right: 165px }

.mr-170 { margin-right: 170px }

.mr-175 { margin-right: 175px }

.mr-180 { margin-right: 180px }

.mr-185 { margin-right: 185px }

.mr-190 { margin-right: 190px }

.mr-195 { margin-right: 195px }

.mr-200 { margin-right: 200px }

.pt-5 { padding-top: 5px }

.pt-10 { padding-top: 10px }

.pt-15 { padding-top: 15px }

.pt-20 { padding-top: 20px }

.pt-25 { padding-top: 25px }

.pt-30 { padding-top: 30px }

.pt-35 { padding-top: 35px }

.pt-40 { padding-top: 40px }

.pt-45 { padding-top: 45px }

.pt-50 { padding-top: 50px }

.pt-55 { padding-top: 55px }

.pt-60 { padding-top: 60px }

.pt-65 { padding-top: 65px }

.pt-70 { padding-top: 70px }

.pt-75 { padding-top: 75px }

.pt-80 { padding-top: 80px }

.pt-85 { padding-top: 85px }

.pt-90 { padding-top: 90px }

.pt-95 { padding-top: 95px }

.pt-100 { padding-top: 100px }

.pt-105 { padding-top: 105px }

.pt-110 { padding-top: 110px }

.pt-115 { padding-top: 115px }

.pt-120 { padding-top: 120px }

.pt-125 { padding-top: 125px }

.pt-130 { padding-top: 130px }

.pt-135 { padding-top: 135px }

.pt-140 { padding-top: 140px }

.pt-145 { padding-top: 145px }

.pt-150 { padding-top: 150px }

.pt-155 { padding-top: 155px }

.pt-160 { padding-top: 160px }

.pt-165 { padding-top: 165px }

.pt-170 { padding-top: 170px }

.pt-175 { padding-top: 175px }

.pt-180 { padding-top: 180px }

.pt-185 { padding-top: 185px }

.pt-190 { padding-top: 190px }

.pt-195 { padding-top: 195px }

.pt-200 { padding-top: 200px }

.pt-260 { padding-top: 260px }

.pb-5 { padding-bottom: 5px }

.pb-10 { padding-bottom: 10px }

.pb-15 { padding-bottom: 15px }

.pb-20 { padding-bottom: 20px }

.pb-25 { padding-bottom: 25px }

.pb-30 { padding-bottom: 30px }

.pb-35 { padding-bottom: 35px }

.pb-40 { padding-bottom: 40px }

.pb-45 { padding-bottom: 45px }

.pb-50 { padding-bottom: 50px }

.pb-55 { padding-bottom: 55px }

.pb-60 { padding-bottom: 60px }

.pb-65 { padding-bottom: 65px }

.pb-70 { padding-bottom: 70px }

.pb-75 { padding-bottom: 75px }

.pb-80 { padding-bottom: 80px }

.pb-85 { padding-bottom: 85px }

.pb-90 { padding-bottom: 90px }

.pb-95 { padding-bottom: 95px }

.pb-100 { padding-bottom: 100px }

.pb-105 { padding-bottom: 105px }

.pb-110 { padding-bottom: 110px }

.pb-115 { padding-bottom: 115px }

.pb-120 { padding-bottom: 120px }

.pb-125 { padding-bottom: 125px }

.pb-130 { padding-bottom: 130px }

.pb-135 { padding-bottom: 135px }

.pb-140 { padding-bottom: 140px }

.pb-145 { padding-bottom: 145px }

.pb-150 { padding-bottom: 150px }

.pb-155 { padding-bottom: 155px }

.pb-160 { padding-bottom: 160px }

.pb-165 { padding-bottom: 165px }

.pb-170 { padding-bottom: 170px }

.pb-175 { padding-bottom: 175px }

.pb-180 { padding-bottom: 180px }

.pb-185 { padding-bottom: 185px }

.pb-190 { padding-bottom: 190px }

.pb-195 { padding-bottom: 195px }

.pb-200 { padding-bottom: 200px }

.pl-5 { padding-left: 5px }

.pl-10 { padding-left: 10px }

.pl-15 { padding-left: 15px }

.pl-20 { padding-left: 20px }

.pl-25 { padding-left: 25px }

.pl-30 { padding-left: 30px }

.pl-35 { padding-left: 35px }

.pl-40 { padding-left: 40px }

.pl-45 { padding-left: 45px }

.pl-50 { padding-left: 50px }

.pl-55 { padding-left: 55px }

.pl-60 { padding-left: 60px }

.pl-65 { padding-left: 65px }

.pl-70 { padding-left: 70px }

.pl-75 { padding-left: 75px }

.pl-80 { padding-left: 80px }

.pl-85 { padding-left: 85px }

.pl-90 { padding-left: 90px }

.pl-95 { padding-left: 95px }

.pl-100 { padding-left: 100px }

.pl-105 { padding-left: 105px }

.pl-110 { padding-left: 110px }

.pl-115 { padding-left: 115px }

.pl-120 { padding-left: 120px }

.pl-125 { padding-left: 125px }

.pl-130 { padding-left: 130px }

.pl-135 { padding-left: 135px }

.pl-140 { padding-left: 140px }

.pl-145 { padding-left: 145px }

.pl-150 { padding-left: 150px }

.pl-155 { padding-left: 155px }

.pl-160 { padding-left: 160px }

.pl-165 { padding-left: 165px }

.pl-170 { padding-left: 170px }

.pl-175 { padding-left: 175px }

.pl-180 { padding-left: 180px }

.pl-185 { padding-left: 185px }

.pl-190 { padding-left: 190px }

.pl-195 { padding-left: 195px }

.pl-200 { padding-left: 200px }

.pr-5 { padding-right: 5px }

.pr-10 { padding-right: 10px }

.pr-15 { padding-right: 15px }

.pr-20 { padding-right: 20px }

.pr-25 { padding-right: 25px }

.pr-30 { padding-right: 30px }

.pr-35 { padding-right: 35px }

.pr-40 { padding-right: 40px }

.pr-45 { padding-right: 45px }

.pr-50 { padding-right: 50px }

.pr-55 { padding-right: 55px }

.pr-60 { padding-right: 60px }

.pr-65 { padding-right: 65px }

.pr-70 { padding-right: 70px }

.pr-75 { padding-right: 75px }

.pr-80 { padding-right: 80px }

.pr-85 { padding-right: 85px }

.pr-90 { padding-right: 90px }

.pr-95 { padding-right: 95px }

.pr-100 { padding-right: 100px }

.pr-105 { padding-right: 105px }

.pr-110 { padding-right: 110px }

.pr-115 { padding-right: 115px }

.pr-120 { padding-right: 120px }

.pr-125 { padding-right: 125px }

.pr-130 { padding-right: 130px }

.pr-135 { padding-right: 135px }

.pr-140 { padding-right: 140px }

.pr-145 { padding-right: 145px }

.pr-150 { padding-right: 150px }

.pr-155 { padding-right: 155px }

.pr-160 { padding-right: 160px }

.pr-165 { padding-right: 165px }

.pr-170 { padding-right: 170px }

.pr-175 { padding-right: 175px }

.pr-180 { padding-right: 180px }

.pr-185 { padding-right: 185px }

.pr-190 { padding-right: 190px }

.pr-195 { padding-right: 195px }

.pr-200 { padding-right: 200px }

.bounce-animate { animation-name: float-bob; animation-duration: 2s; animation-iteration-count: infinite; -moz-animation-name: float-bob; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear }

@-webkit-keyframes float-bob {
    0% { -webkit-transform: translateY(-20px); transform: translateY(-20px) }

    50% { -webkit-transform: translateY(-10px); transform: translateY(-10px) }

    100% { -webkit-transform: translateY(-20px); transform: translateY(-20px) }
}

.heartbeat { animation: heartbeat 1s infinite alternate }

@-webkit-keyframes heartbeat {
    to { -webkit-transform: scale(1.03); transform: scale(1.03) }
}

.rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear }

@keyframes rotateme {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg) }

    to { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@-webkit-keyframes rotateme {
    from { -webkit-transform: rotate(0deg) }

    to { -webkit-transform: rotate(360deg) }
}

.preloader { background-color: #f7f7f7; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; margin: 0 auto }

    .preloader .preloader-circle { width: 100px; height: 100px; position: relative; border-style: solid; border-width: 3px; border-top-color: #B32C28; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; z-index: 10; border-radius: 50%; -webkit-box-shadow: 0 1px 5px 0 rgba(35,181,185,0.15); box-shadow: 0 1px 5px 0 rgba(35,181,185,0.15); background-color: #ffffff; -webkit-animation: zoom 2000ms infinite ease; animation: zoom 2000ms infinite ease; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }

    .preloader .preloader-circle2 { border-top-color: #0078ff }

    .preloader .preloader-img { position: absolute; top: 50%; z-index: 200; left: 0; right: 0; margin: 0 auto; text-align: center; display: inline-block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-top: 6px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }

        .preloader .preloader-img img { max-width: 55px }

    .preloader .pere-text strong { font-weight: 800; color: #dca73a; text-transform: uppercase }

@-webkit-keyframes zoom {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s }

    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
}

@keyframes zoom {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s }

    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
}

.section-padding2 { padding-top: 200px; padding-bottom: 200px }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .section-padding2 { padding-top: 200px; padding-bottom: 200px }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding2 { padding-top: 200px; padding-bottom: 200px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding2 { padding-top: 100px; padding-bottom: 100px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-padding2 { padding-top: 50px; padding-bottom: 50px }
}

@media (max-width: 767px) {
    .section-padding2 { padding-top: 50px; padding-bottom: 50px }
}

.weekly2-pading { padding-top: 50px !important; padding-bottom: 50px !important }
.weekly2-top4 img { height: 171px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .weekly2-pading { padding-top: 110px; padding-bottom: 100px }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .weekly2-pading { padding-top: 110px; padding-bottom: 100px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .weekly2-pading { padding-top: 50px; padding-bottom: 50px }
    .header-info-left ul li:first-child { display: none !important; }
    .trending-main .trending-bottom { display: none !Important; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .weekly2-pading { padding-top: 50px; padding-bottom: 50px }
}

@media (max-width: 767px) {
    .weekly2-pading { padding-top: 50px; padding-bottom: 50px }
    .trending-main .trending-bottom { display: none !Important; }
}

.section-padding3 { padding-top: 200px; padding-bottom: 200px }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .section-padding3 { padding-top: 200px; padding-bottom: 200px }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding3 { padding-top: 150px; padding-bottom: 150px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding3 { padding-top: 50px; padding-bottom: 100px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-padding3 { padding-top: 60px; padding-bottom: 60px }
}

@media (max-width: 767px) {
    .section-padding3 { padding-top: 40px; padding-bottom: 70px }
}

.section-paddingt { padding-top: 185px; padding-bottom: 170px }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .section-paddingt { padding-top: 185px; padding-bottom: 170px }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-paddingt { padding-top: 150px; padding-bottom: 120px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-paddingt { padding-top: 100px; padding-bottom: 70px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-paddingt { padding-top: 60px; padding-bottom: 28px }
}

@media (max-width: 767px) {
    .section-paddingt { padding-top: 60px; padding-bottom: 28px }
}

.video-padding { padding-top: 50px !important; padding-bottom: 50px !important }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .video-padding { padding-top: 100px; padding-bottom: 45px }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .video-padding { padding-top: 100px; padding-bottom: 45px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-padding { padding-top: 100px; padding-bottom: 45px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .video-padding { padding-top: 100px; padding-bottom: 45px }
}

@media (max-width: 767px) {
    .video-padding { padding-top: 100px; padding-bottom: 45px }
}

.section-paddingt2 { padding-bottom: 170px }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .section-paddingt2 { padding-bottom: 170px }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-paddingt2 { padding-bottom: 120px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-paddingt2 { padding-bottom: 70px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-paddingt2 { padding-bottom: 28px }
}

@media (max-width: 767px) {
    .section-paddingt2 { padding-bottom: 28px }
}

.section-padd-top30 { padding-top: 170px; padding-bottom: 200px }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .section-padd-top30 { padding-top: 170px; padding-bottom: 200px }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padd-top30 { padding-top: 170px; padding-bottom: 200px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padd-top30 { padding-top: 100px; padding-bottom: 160px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-padd-top30 { padding-top: 50px; padding-bottom: 90px }
}

@media (max-width: 767px) {
    .section-padd-top30 { padding-top: 35px; padding-bottom: 90px }
}

.testimonial-padding { padding-top: 157px; padding-bottom: 157px }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .testimonial-padding { padding-top: 157px; padding-bottom: 157px }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-padding { padding-top: 120px; padding-bottom: 120px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-padding { padding-top: 100px; padding-bottom: 100px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-padding { padding-top: 80px; padding-bottom: 60px }
}

@media (max-width: 767px) {
    .testimonial-padding { padding-top: 80px; padding-bottom: 60px }
}

.footer-padding { padding-top: 30px !important; padding-bottom: 20px !important }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .footer-padding { padding-top: 120px; padding-bottom: 10px }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-padding { padding-top: 30px; padding-bottom: 10px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-padding { padding-top: 20px; padding-bottom: 10px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-padding { padding-top: 20px; padding-bottom: 10px }
}

@media (max-width: 767px) {
    .footer-padding { padding-top: 20px; padding-bottom: 10px }
        .footer-padding .footer-logo img { width: 100%; }
}

.color1 { background: #ffe7e6 }

.color2 { background: #f4ffd5 }

.color3 { background: #e1fcff }

.color4 { background: #fff9c6 }

.top-bg { background: #0000 }

.white-bg { background: #ffffff }

.gray-bg { background: #f5f5f5 }

.gray-bg { background: #f7f7fd }

.white-bg { background: #fff }

.black-bg { background: #0C1694 }

.theme-bg { background: #B32C28 }

.brand-bg { background: #f1f4fa }

.testimonial-bg { background: #f9fafc }

.white-color { color: #fff }

.black-color { color: #000 }

.theme-color { color: #B32C28 }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area { box-shadow: 0 10px 15px rgba(25,25,25,0.1) }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-area { box-shadow: 0 10px 15px rgba(25,25,25,0.1) }
}

@media (max-width: 767px) {
    .header-area { box-shadow: 0 10px 15px rgba(25,25,25,0.1) }
}

.header-area .header-top { padding: 8px 0px }

    .header-area .header-top .header-info-left ul li { color: #fff; display: inline-block; margin-right: 20px; font-family: "Roboto",sans-serif; font-size: 12px }

        .header-area .header-top .header-info-left ul li:last-child { margin-right: 0px }

        .header-area .header-top .header-info-left ul li img { margin-right: 8px }

    .header-area .header-top .header-info-right .header-social li { display: inline-block }

        .header-area .header-top .header-info-right .header-social li a { color: #fff; font-size: 13px; padding-left: 17px }

            .header-area .header-top .header-info-right .header-social li a:hover { color: #B32C28 }

.header-area .header-mid { /*padding: 9px 0px;*/ background: #fff; position: relative }

.header-info-left a { color: #FFF; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-area .header-mid .logo img { width: 100% }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .header-mid .logo img { width: 100% }
}

.header-area .header-mid .header-banner img { width: 100% }

.header-area .header-bottom { /* border-top: 1px solid #eee;*/ box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.1) }

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-area .header-bottom { border-top: 0 }
}

@media (max-width: 767px) {
    .header-area .header-bottom { border-top: 0 }
}

.header-area .header-right-btn { position: relative; cursor: pointer }

    .header-area .header-right-btn i { font-size: 15px; padding: 6px }

.header-area .search-box { position: absolute; right: 0; opacity: 0; visibility: hidden; transition: .3s }

    .header-area .search-box input { position: relative; border: 1px solid #ddd; padding: 8px 10px; color: #000; width: 250px; padding-right: 34px; box-shadow: 0px 0px 36px 0pxrgba 142,142,142,0.1; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; right: 24px; top: -35px; }

    .header-area .search-box form button { position: absolute; right: 0px; background: none; border: none; color: #646363; cursor: pointer; top: 2px }

.header-area .header-right-btn:hover .search-box { visibility: visible; opacity: 1; transition: .3s }

    .header-area .header-right-btn:hover .search-box input { right: 37px }

.main-header { position: relative; z-index: 3 }

.btnsearch { border: none; font-size: 12px; line-height: 20px; width: 200px; border-radius: 3px; }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .main-header .main-menu { margin-right: 30px }
}

.main-header .main-menu ul li { display: inline-block; position: relative; z-index: 1 }

    .main-header .main-menu ul li a { color: #002e5b; font-weight: 600; padding: 15px 15px; display: block; font-size: 16px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; text-transform: capitalize; text-transform: uppercase; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-header .main-menu ul li a { padding: 15px 15px }
    .trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-img img { min-height: auto !important; }
    .weekly2-top3 img { width: 100%; border-radius: 6px; max-height: 188px !important; }
    .weekly2-top4 img { max-height: 131px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header .main-menu ul li a { padding: 15px 15px }
    .main-header .main-menu ul li:first-child a { padding-left: 0px; }
}

/*.main-header .main-menu ul li ul.submenu li a { padding: 6px 10px !important; font-size: 14px; color: #0b1c39; text-transform: capitalize }

.main-header .main-menu ul li:hover > a { color: #B32C28 }
.main-header .main-menu ul li ul.submenu { position: absolute; width: 250px; background: #fff; left: 0; top: 120%; visibility: hidden; opacity: 0; box-shadow: 0 0 10px 3px rgba(0,0,0,0.05); padding: 17px 0; border-top: 5px solid #B32C28; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }
    .main-header .main-menu ul li ul.submenu  li { margin-left: 7px; display: block }
        
            .main-header .main-menu ul li ul.submenu  li  a:hover { color: #B32C28; background: none }
.header-area .header-top .header-info-right .header-social a i { -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg) }
.header-area .header-top .header-info-right .header-social a:hover i { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg) }

.main-header ul li:hover > ul.submenu { visibility: visible; opacity: 1; top: 100% }
*/

.main-menu ul li a { display: inline-block; font-size: 14px; font-weight: 500; padding: 36px 0; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #0b1c39; }

.main-menu ul li { display: inline-block; /*margin-left: 55px;*/ position: relative; }

    .main-menu ul li:hover > a { color: #B32C28 }

    .main-menu ul li ul.submenu { position: absolute; width: 250px; background: #fff; left: 0; top: 120%; visibility: hidden; opacity: 0; box-shadow: 0 0 10px 3px rgba(0,0,0,0.05); /* padding: 17px 0;border-top: 5px solid #B32C28; */ -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

    .main-menu ul li:hover > ul.submenu { opacity: 1; visibility: visible; top: 102%; }

    .main-menu ul li ul.submenu li { border-bottom: 1px solid rgba(255,255,255,.1); display: block; margin: 0; border-bottom: 1px solid #DDD; }

        .main-menu ul li ul.submenu li:last-child { border: 0; }

        .main-menu ul li ul.submenu li a { color: #0b1c39; display: block; padding: 10px 20px; text-align: left; font-size: 14px; text-transform: none; }

        .main-menu ul li ul.submenu li:hover > a { color: #B32C28; }

        .main-menu ul li ul.submenu li ul.submenu { left: 100%; top: 0; margin-left: 1px; }

    .main-menu ul li span { float: right; }

.sticky-bar .main-menu ul li ul.submenu li a { padding: 10px 19px !important; color: #0b1c39 }

    .sticky-bar .main-menu ul li ul.submenu li a:hover { color: #0C1694; }

.sticky-bar .main-menu ul li a { padding: 15px 15px; color: #FFF; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-sticky.sticky-bar.sticky .main-menu ul > li > a { padding: 15px 13px }
}

.header-sticky.sticky-bar.sticky .header-flex { justify-content: space-between }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-sticky.sticky-bar.sticky .main-menu .submenu { right: 0; left: inherit }
}

.slicknav_menu .slicknav_icon-bar { background-color: #B32C28 !important }

.slicknav_nav { margin-top: 0px }

.header-sticky.sticky-bar.sticky .header-btn .get-btn { padding: 20px 20px }

.header-area .slicknav_btn { top: -51px; right: 17px }

.slicknav_menu .slicknav_nav a:hover { background: transparent; color: #B32C28 }

.slicknav_menu { background: transparent; margin-top: -6px !important }

.mobile_menu { position: absolute; right: 0px; width: 100%; z-index: 99 }

.header-sticky.sticky-bar.sticky .header-right-btn { display: none !important }

.header-sticky.sticky-bar.sticky .sticky-logo { display: none !important }

.sticky-logo { display: none !important }

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .sticky-logo { display: block !important }
}

@media (max-width: 767px) {
    .sticky-logo { display: block !important; padding: 0 !important; }
    .skdslider .slide-desc a { font-size: 18px !important; }
    .list-news .single-news .what-img { width: 120px !important; }
}

.sticky-logo.info-open { padding: 12px }

.trending-area .trending-main { border-bottom: 1px solid #eeeeee; padding-top: 30px; }

    .trending-area .trending-main .trending-top .trend-top-img { overflow: hidden; position: relative }

        .trending-area .trending-main .trending-top .trend-top-img::before { position: absolute; width: 100%; height: 100%; bottom: 0; content: "" }

        .trending-area .trending-main .trending-top .trend-top-img img { width: 100%; border-radius: 7px }

        .trending-area .trending-main .trending-top .trend-top-img .trend-top-cap { position: absolute; bottom: 25px; left: 31px }

@media (max-width: 767px) {
    .trending-area .trending-main .trending-top .trend-top-img .trend-top-cap { bottom: -2px; left: 5px }
}

.trending-area .trending-main .trending-top .trend-top-img .trend-top-cap span { background: #fff9c6; color: #000; padding: 9px 20px; border-radius: 5px; text-transform: uppercase; font-weight: 500; font-size: 11px; line-height: 1; margin-bottom: 19px; display: inline-block }

.trending-area .trending-main .trending-top .trend-top-img .trend-top-cap h2 { font-size: 30px }

@media (max-width: 767px) {
    .trending-area .trending-main .trending-top .trend-top-img .trend-top-cap h2 { font-size: 15px }
}

.trending-area .trending-main .trending-top .trend-top-img .trend-top-cap h2 a { color: #fff; font-weight: 700; line-height: 1.3 }

.trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-img { overflow: hidden }

    .trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-img img { width: 100%; border-radius: 5px; transform: scale(1); transition: all 0.5s ease-out 0s; min-height: 158px; height: 158px;
    object-fit: inherit;}

.trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-cap span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 400; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block }

.trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-cap h4 { font-size: 18px }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-cap h4 { font-size: 16px }
}

.trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-cap h4 a { font-weight: 500; line-height: 1.4; text-align: justify; display: block; }

    .trending-area .trending-main .trending-bottom .single-bottom .trend-bottom-cap h4 a:hover { color: #B32C28 }

.trending-area .trending-main .trand-right-single { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee }

    .trending-area .trending-main .trand-right-single:last-child { border-bottom: 0 }

    .trending-area .trending-main .trand-right-single .trand-right-img img { border-radius: 6px }

    .trending-area .trending-main .trand-right-single .trand-right-cap { padding-left: 18px }

        .trending-area .trending-main .trand-right-single .trand-right-cap span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 400; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block }

        .trending-area .trending-main .trand-right-single .trand-right-cap h4 { font-size: 18px }

.date-time { font-size: 12px !important; color: #666 !important; display: block !important; margin: 0 !important; padding: 0 !important; font-weight: 500 !important; line-height: normal !important; }
    .date-time i { margin-right: 5px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-area .trending-main .trand-right-single .trand-right-cap h4 { font-size: 15px }
}

.trending-area .trending-main .trand-right-single .trand-right-cap h4 a { font-weight: 500; line-height: 1.4; text-align: justify; display: block; }

    .trending-area .trending-main .trand-right-single .trand-right-cap h4 a:hover { color: #B32C28 }

.single-bottom:hover .trend-bottom-img img { transform: scale(1.1) }

.trending-tittle { padding-top: 31px; padding-bottom: 33px; display: flex }

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .trending-tittle { padding-top: 25px; padding-bottom: 1px; display: block }
}

@media (max-width: 767px) {
    .trending-tittle { padding-top: 25px; padding-bottom: 1px; display: block }
}

.trending-tittle .trending-animated { padding-top: 4px }

.trending-tittle strong { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 500; background: #ff0b0b; padding: 11px 0px; line-height: 1; margin-bottom: 15px; border-radius: 5px; display: inline-block; min-width: 146px; text-align: center }

.trending-tittle p { margin: 0; display: inline-block }

@media (max-width: 767px) {
    .trending-tittle p { display: none; left: 0 !important }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .trending-tittle p { left: 0 !important }
}

@media (max-width: 767px) {
    .trending-tittle .ticker { width: 230px }
}

.weekly-news-area .weekly-wrapper { border-bottom: 1px solid #ddd; padding-bottom: 60px }

    .weekly-news-area .weekly-wrapper .weekly-single { position: relative; margin-left: 15px; margin-right: 15px }

        .weekly-news-area .weekly-wrapper .weekly-single .weekly-img img { width: 100%; border-radius: 6px }

        .weekly-news-area .weekly-wrapper .weekly-single .weekly-caption { position: absolute; bottom: 0px; left: 0; background: #fff; padding: 20px; margin-left: 20px; margin-right: 20px; margin: 0 28px; border-radius: 10px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; opacity: 0; visibility: hidden }

            .weekly-news-area .weekly-wrapper .weekly-single .weekly-caption span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 500; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block }

            .weekly-news-area .weekly-wrapper .weekly-single .weekly-caption h4 a { font-size: 18px; font-weight: 700; line-height: 1.4 }

                .weekly-news-area .weekly-wrapper .weekly-single .weekly-caption h4 a:hover { color: #B32C28 }

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .weekly-news-area .weekly-wrapper .weekly-single .weekly-caption h4 a { font-size: 9px; line-height: 1 }
}

.weekly-news-area .weekly-wrapper .weekly-single:hover .weekly-caption { bottom: 20px; opacity: 1; visibility: visible }

.weekly-news-area .weekly-wrapper .weekly-single.active .weekly-caption { opacity: 1; visibility: visible; bottom: 20px }

.section-tittle h3 { color: #000; font-size: 24px; font-weight: 600; line-height: 1.4; text-transform: uppercase; }

.dot-style .slick-dots { text-align: center; right: -2px; top: -40px; position: absolute }

    .dot-style .slick-dots li { display: inline-block }

    .dot-style .slick-dots button { text-indent: -100000px; height: 8px; width: 8px; border: 0; padding: 0; margin-right: 10px; cursor: pointer; border-radius: 50%; background: #d6d6d6 }

.dot-style .slider-active.dot-style .slick-dots button { text-indent: -100000px; height: 10px; width: 10px; border: 0; padding: 0; margin-right: 10px; cursor: pointer; border-radius: 50%; margin-bottom: 84px }

.dot-style .slick-list { margin-left: -15px; margin-right: -15px }

.dot-style .slick-active button { background: #fc4902; height: 9px; width: 38px; border-radius: 10px }

.whats-news-area .whats-news-caption .single-what-news, .about-area .whats-news-caption .single-what-news, .contact-section .whats-news-caption .single-what-news { position: relative; margin-bottom: 20px; }

    .whats-news-area .whats-news-caption .single-what-news .what-img img, .about-area .whats-news-caption .single-what-news .what-img img, .contact-section .whats-news-caption .single-what-news .what-img img { border-radius: 6px; width: 100%; height: 238px; }

    .whats-news-area .whats-news-caption .single-what-news .what-cap, .about-area .whats-news-caption .single-what-news .what-cap, .contact-section .whats-news-caption .single-what-news .what-cap { padding: 10px 0 15px 0; background: #fff; /*position: absolute;*/ left: 0; /*width: 80%;*/ border-radius: 0 7px 0 0; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s }

        .whats-news-area .whats-news-caption .single-what-news .what-cap span, .about-area .whats-news-caption .single-what-news .what-cap span, .contact-section .whats-news-caption .single-what-news .what-cap span { color: #666; text-transform: uppercase; font-size: 12px; font-weight: 500; /*padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block*/ }

        .whats-news-area .whats-news-caption .single-what-news .what-cap h4 a, .about-area .whats-news-caption .single-what-news .what-cap h4 a, .contact-section .whats-news-caption .single-what-news .what-cap h4 a { font-size: 18px; font-weight: 500; line-height: 1.4 }

            .whats-news-area .whats-news-caption .single-what-news .what-cap h4 a:hover, .about-area .whats-news-caption .single-what-news .what-cap h4 a:hover, .contact-section .whats-news-caption .single-what-news .what-cap h4 a:hover { color: #B32C28 }

    .whats-news-area .whats-news-caption .single-what-news:hover .what-cap, .about-area .whats-news-caption .single-what-news:hover .what-cap, .contact-section .whats-news-caption .single-what-news:hover .what-cap { bottom: -70px }

.whats-news-area .single-follow .single-box, .about-area .single-follow .single-box, .contact-section .single-follow .single-box { display: flex; flex-wrap: wrap; justify-content: space-between }

.whats-news-area .single-follow .follow-us, .about-area .single-follow .follow-us, .contact-section .single-follow .follow-us { border: 1px solid #f4f4f4; padding-top: 10px; padding-bottom: 15px; padding-left: 13px; padding-right: 13px; border-radius: 5px; margin-bottom: 5px; width: 49% }

    .whats-news-area .single-follow .follow-us .follow-count, .about-area .single-follow .follow-us .follow-count, .contact-section .single-follow .follow-us .follow-count { padding-left: 15px }

        .whats-news-area .single-follow .follow-us .follow-count span, .about-area .single-follow .follow-us .follow-count span, .contact-section .single-follow .follow-us .follow-count span { color: #232323; font-size: 14px; font-weight: 500 }

        .whats-news-area .single-follow .follow-us .follow-count p, .about-area .single-follow .follow-us .follow-count p, .contact-section .single-follow .follow-us .follow-count p { margin-bottom: 0; line-height: 1; font-size: 11px }

.whats-news-area .news-poster img, .about-area .news-poster img, .contact-section .news-poster img { width: 100%; padding: 0 61px }

.whats-news-area .nav-tabs .nav-link, .about-area .nav-tabs .nav-link, .contact-section .nav-tabs .nav-link { border: 0; border-bottom: 2px solid transparent; padding: 10px 20px }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .whats-news-area .nav-tabs .nav-link, .about-area .nav-tabs .nav-link, .contact-section .nav-tabs .nav-link { padding: 10px 10px }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .whats-news-area .nav-tabs .nav-link, .about-area .nav-tabs .nav-link, .contact-section .nav-tabs .nav-link { padding: 10px 15px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .whats-news-area .nav-tabs .nav-link, .about-area .nav-tabs .nav-link, .contact-section .nav-tabs .nav-link { padding: 10px 15px }
}

@media (max-width: 767px) {
    .whats-news-area .nav-tabs .nav-link, .about-area .nav-tabs .nav-link, .contact-section .nav-tabs .nav-link { padding: 10px 15px }
}

.weekly2-line { /*border-top: 1px solid #DDD; padding-top: 20px; */ }

.whats-news-area .nav-tabs .nav-item.show .nav-link, .whats-news-area .nav-tabs .nav-link.active, .about-area .nav-tabs .nav-item.show .nav-link, .about-area .nav-tabs .nav-link.active, .contact-section .nav-tabs .nav-item.show .nav-link, .contact-section .nav-tabs .nav-link.active { color: #B32C28; background: none }

.whats-news-area .nav-tabs .nav-item, .about-area .nav-tabs .nav-item, .contact-section .nav-tabs .nav-item { display: block; color: #8f8f96; text-transform: capitalize; font-size: 16px }

.whats-news-area .nav-tabs, .about-area .nav-tabs, .contact-section .nav-tabs { margin-bottom: 31px; padding-bottom: 0px; position: relative; border: 0; display: flex; justify-content: center; background: #f7f7f7 }

.tab-pane { -webkit-transition: all .6s ease-out 0s; -moz-transition: all .6s ease-out 0s; -ms-transition: all .6s ease-out 0s; -o-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s }

.weekly2-news-area .weekly2-wrapper .weekly2-single { margin-left: 15px; margin-right: 15px }

    .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-img img { width: 100%; border-radius: 6px; height: 238px; }

    .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption { margin-top: 10px; }

        .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 500; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block }

        .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption h4 a { font-size: 18px; font-weight: 500; line-height: 1.4; text-align: justify; display: block; padding-top: 10px; }

            .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption h4 a:hover { color: #B32C28 }

        .weekly2-news-area .weekly2-wrapper .weekly2-single .weekly2-caption p { margin-bottom: 0 }

.weekly2-news-area .weekly2-wrapper .dot-style .slick-dots { text-align: center; right: -2px; top: -40px; position: absolute }

    .weekly2-news-area .weekly2-wrapper .dot-style .slick-dots li { display: inline-block }

    .weekly2-news-area .weekly2-wrapper .dot-style .slick-dots button { text-indent: -100000px; height: 8px; width: 8px; border: 0; padding: 0; margin-right: 10px; cursor: pointer; border-radius: 50%; background: #d6d6d6 }

.weekly2-news-area .weekly2-wrapper .dot-style .slider-active.dot-style .slick-dots button { text-indent: -100000px; height: 10px; width: 10px; border: 0; padding: 0; margin-right: 10px; cursor: pointer; border-radius: 50%; margin-bottom: 84px }

.weekly2-news-area .weekly2-wrapper .dot-style .slick-list { margin-left: -15px; margin-right: -15px }

.weekly2-news-area .weekly2-wrapper .dot-style .slick-active button { background: #fc4902; height: 9px; width: 38px; border-radius: 10px }

.youtube-area .video-items iframe { width: 100%; height: 432px; }

.youtube-area .video-info { border-bottom: 1px solid #ddd }

    .youtube-area .video-info .video-caption { position: relative; top: -90px }

        .youtube-area .video-info .video-caption .top-caption { background: #fff; width: 60%; border-radius: 0 7px 0 0; padding-top: 60px; padding-bottom: 30px }

            .youtube-area .video-info .video-caption .top-caption span { padding: 7px 30px; line-height: 1; color: #000; text-transform: uppercase; font-weight: 600; font-size: 11px }

        .youtube-area .video-info .video-caption .bottom-caption h2 { font-size: 30px; font-weight: 700; margin-bottom: 27px }

        .youtube-area .video-info .video-caption .bottom-caption p { color: #777; font-size: 14px; line-height: 1.7; padding-right: 32px }

.youtube-area .testmonial-nav { width: 100%; margin-top: 40px }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .youtube-area .testmonial-nav { margin-top: 0px }
}

@media (max-width: 767px) {
    .youtube-area .testmonial-nav { margin-top: 0px }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .youtube-area .testmonial-nav { margin-top: 0px }
}

.youtube-area .testmonial-nav button { position: absolute; color: #333; border: none; font-size: 21px; background: #f3f4f8; width: 55px; height: 55px; border-radius: 10px; color: #bdbdbd; left: -421px; top: -114px; cursor: pointer }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .youtube-area .testmonial-nav button { left: -348px }
}

.youtube-area .testmonial-nav button.slick-next { left: -340px; background: red; color: #fff }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .youtube-area .testmonial-nav button.slick-next { left: -280px }
}

.youtube-area .single-video iframe { padding: 0 5px; width: 100% }

.youtube-area .single-video .video-intro h4 { font-size: 15px; font-weight: 500; text-align: start; padding: 0 5px; line-height: 1.4 }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .youtube-area .single-video .video-intro h4 { font-size: 14px }
}

.recent-articles .recent-wrapper { /* border-bottom: 1px solid #ddd; */ margin-bottom: 23px }

.recent-articles .single-recent { position: relative; margin-left: 15px; margin-right: 15px }

    .recent-articles .single-recent .what-img img { border-radius: 6px; width: 100% }

    .recent-articles .single-recent .what-cap { padding: 25px 20px 10px 0; background: #fff; position: absolute; bottom: -63px; left: 0; width: 80%; border-radius: 0 7px 0 0; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s }

        .recent-articles .single-recent .what-cap span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 600; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block }

        .recent-articles .single-recent .what-cap h4 { font-size: 18px }

@media (max-width: 767px) {
    .recent-articles .single-recent .what-cap h4 { font-size: 13px }
}

.recent-articles .single-recent .what-cap h4 a { font-weight: 700; line-height: 1.4 }

    .recent-articles .single-recent .what-cap h4 a:hover { color: #B32C28 }

.recent-articles .single-recent:hover .what-cap { bottom: -70px }

.recent-articles .slick-arrow { background: none; border: none; position: absolute; bottom: -87px; text-align: center; left: 0; right: -85px; margin: auto; font-size: 46px; cursor: pointer; color: #ff0b0b; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s }

.recent-articles .slick-prev.slick-arrow { transform: rotate(180deg); left: -172px; color: #ddd }

    .recent-articles .slick-prev.slick-arrow:hover { color: red }

.about-area .about-right .about-img img { width: 100% }

.about-area .about-right .about-prea p { font-size: 15px }

.social-share ul li { display: inline-block; margin: 0 10px }

@media (max-width: 767px) {
    .social-share ul li { margin: 0 7px }
}

.social-share ul li .section-tittle { display: flex }

.social-share .section-tittle { display: flex }

.footer-area { background: #0C1694 }

    .footer-area .footer-logo { margin-bottom: 30px }

    .footer-area .footer-pera p { color: #a8a8a8; font-size: 15px; margin-bottom: 10px; line-height: 1.8 }

    .footer-area .footer-pera.footer-pera2 p { padding: 0 }

    .footer-area .footer-tittle h4 { color: #fff; font-size: 20px; margin-bottom: 29px; font-weight: 500; text-transform: capitalize }

    .footer-area .footer-tittle p { color: #a8a8a8 }

    .footer-area .footer-tittle ul li { color: #012f5f; margin-bottom: 15px }

        .footer-area .footer-tittle ul li a { color: #333333; font-weight: 300 }

            .footer-area .footer-tittle ul li a:hover { color: #B32C28; padding-left: 5px }

    .footer-area .footer-form { margin-top: 40px }

        .footer-area .footer-form form { position: relative }

            .footer-area .footer-form form input { width: 100%; height: 43px; border: 0; color: #B32C28; border-bottom: 1px solid #403f3f; background: none }

            .footer-area .footer-form form .form-icon button { position: absolute; top: 0; right: -20px; background: none; border: 0; cursor: pointer; padding: 13px 22px; line-height: 1 }

    .footer-area .info.error { color: #B32C28 }

    .footer-area .footer-social a i { color: #FFF; margin-right: 12px; font-size: 19px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s }

        .footer-area .footer-social a i:hover { color: #B32C28; box-shadow: 0 -3px 0 0 rgba(24,24,24,0.15) inset,0 3px 10px rgba(0,0,0,0.3); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) }

    .footer-area .insta-feed { padding-top: 5px; margin: -2px; display: flex; flex-wrap: wrap }

        .footer-area .insta-feed li { width: 29.33%; margin: 2px }

            .footer-area .insta-feed li img { width: 100% }

.footer-bottom-area { background: #100f0f }

    .footer-bottom-area .footer-border { border-top: 1px solid #242323; padding: 20px 0px 20px }

@media (max-width: 767px) {
    .footer-bottom-area .footer-border { padding: 20px 0px 20px }
}

.footer-bottom-area .footer-copy-right p { color: #838383; font-weight: 300; font-size: 16px; line-height: 2; margin-bottom: 12px }

    .footer-bottom-area .footer-copy-right p i { color: #f27420 }

    .footer-bottom-area .footer-copy-right p a { color: #f27420 }

        .footer-bottom-area .footer-copy-right p a:hover { color: #fff }

.footer-menu ul li { display: inline-block; margin-left: 36px }

    .footer-menu ul li:first-child { margin-left: 0px }

@media (max-width: 767px) {
    .footer-menu ul li { margin-left: 17px }
}

.footer-menu ul li a { color: #777777; text-transform: uppercase; font-size: 12px; font-weight: 500 }

    .footer-menu ul li a:hover { color: #f27420 }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-menu { float: left }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-menu { float: left }
}

@media (max-width: 767px) {
    .footer-menu { float: left }
}

.pagination-area .page-item { margin: 0 }

    .pagination-area .page-item:first-child { margin: 0 }

.pagination-area .page-link { color: #777777; border: 0; font-size: 15px; text-align: center; background: none; padding: 0 10px; box-shadow: none; outline: 0 }

    .pagination-area .page-link:hover { color: #B32C28 }

.pagination-area .page-item.active .page-link { z-index: 1; color: #000; background: none; border: 0; position: relative; box-shadow: none; outline: 0 }

    .pagination-area .page-item.active .page-link::before { position: absolute; content: ""; width: 38px; height: 3px; background: #B32C28; top: -50px; top: -24px; left: 0 }

    .pagination-area .page-item.active .page-link:hover { color: #B32C28 }

.single-wrap .roted { transform: rotate(180deg); display: block }

.single-wrap .right-arrow { font-size: 24px; color: red; position: relative; top: -6px }

.hero-caption span { color: #fff; font-size: 16px; display: block; margin-bottom: 24px; font-weight: 600; padding-left: 95px; position: relative }

    .hero-caption span::before { position: absolute; content: ""; width: 75px; height: 3px; background: #B32C28; left: 0; top: 52%; transform: translateY(-50%) }

.hero-caption h2 { color: #fff; font-size: 50px; font-weight: 700 }

.latest-blog-area .area-heading { margin-bottom: 70px }

.blog_area a { color: "Roboto",sans-serif !important; text-decoration: none; transition: .4s }

    .blog_area a:hover, .blog_area a :hover { background: -webkit-linear-gradient(131deg, #B32C28 0%, #B32C28 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; transition: .4s }

.single-blog { overflow: hidden; margin-bottom: 30px }

    .single-blog:hover { box-shadow: 0px 10px 20px 0px rgba(42,34,123,0.1) }

    .single-blog .thumb { overflow: hidden; position: relative }

        .single-blog .thumb:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

    .single-blog h4 { border-bottom: 1px solid #dfdfdf; padding-bottom: 34px; margin-bottom: 25px }

    .single-blog a { font-size: 20px; font-weight: 600 }

    .single-blog .date { color: #666666; text-align: left; display: inline-block; font-size: 13px; font-weight: 300 }

    .single-blog .tag { text-align: left; display: inline-block; float: left; font-size: 13px; font-weight: 300; margin-right: 22px; position: relative }

        .single-blog .tag:after { content: ''; position: absolute; width: 1px; height: 10px; background: #acacac; right: -12px; top: 7px }

@media (max-width: 1199px) {
    .single-blog .tag { margin-right: 8px }

        .single-blog .tag:after { display: none }
}

.single-blog .likes { margin-right: 16px }

@media (max-width: 800px) {
    .single-blog { margin-bottom: 30px }
}

.single-blog .single-blog-content { padding: 30px }

    .single-blog .single-blog-content .meta-bottom p { font-size: 13px; font-weight: 300 }

    .single-blog .single-blog-content .meta-bottom i { color: #fdcb9e; font-size: 13px; margin-right: 7px }

@media (max-width: 1199px) {
    .single-blog .single-blog-content { padding: 15px }
}

.single-blog:hover .thumb:after { opacity: .7; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

@media (max-width: 1199px) {
    .single-blog h4 { transition: all 300ms linear 0s; border-bottom: 1px solid #dfdfdf; padding-bottom: 14px; margin-bottom: 12px }

        .single-blog h4 a { font-size: 18px }
}

.full_image.single-blog { position: relative }

    .full_image.single-blog .single-blog-content { position: absolute; left: 35px; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

@media (min-width: 992px) {
    .full_image.single-blog .single-blog-content { bottom: 100px }
}

.full_image.single-blog h4 { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; border-bottom: none; padding-bottom: 5px }

.full_image.single-blog a { font-size: 20px; font-weight: 600 }

.full_image.single-blog .date { color: #fff }

.full_image.single-blog:hover .single-blog-content { opacity: 1; visibility: visible; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

.l_blog_item .l_blog_text .date { margin-top: 24px; margin-bottom: 15px }

    .l_blog_item .l_blog_text .date a { font-size: 12px }

.l_blog_item .l_blog_text h4 { font-size: 18px; border-bottom: 1px solid #eeeeee; margin-bottom: 0px; padding-bottom: 20px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

.l_blog_item .l_blog_text p { margin-bottom: 0px; padding-top: 20px }

.causes_slider .owl-dots { text-align: center; margin-top: 80px }

    .causes_slider .owl-dots .owl-dot { height: 14px; width: 14px; background: #eeeeee; display: inline-block; margin-right: 7px }

        .causes_slider .owl-dots .owl-dot:last-child { margin-right: 0px }

.causes_item { background: #fff }

    .causes_item .causes_img { position: relative }

        .causes_item .causes_img .c_parcent { position: absolute; bottom: 0px; width: 100%; left: 0px; height: 3px; background: rgba(255,255,255,0.5) }

            .causes_item .causes_img .c_parcent span { width: 70%; height: 3px; position: absolute; left: 0px; bottom: 0px }

                .causes_item .causes_img .c_parcent span:before { content: "75%"; position: absolute; right: -10px; bottom: 0px; color: #fff; padding: 0px 5px }

    .causes_item .causes_text { padding: 30px 35px 40px 30px }

        .causes_item .causes_text h4 { font-size: 18px; font-weight: 600; margin-bottom: 15px; cursor: pointer }

        .causes_item .causes_text p { font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 0px }

    .causes_item .causes_bottom a { width: 50%; border: 1px solid; text-align: center; float: left; line-height: 50px; color: #fff; font-size: 14px; font-weight: 500 }

        .causes_item .causes_bottom a + a { border-color: #eeeeee; background: #fff; font-size: 14px }

.latest_blog_area { background: #f9f9ff }

.single-recent-blog-post { margin-bottom: 30px }

    .single-recent-blog-post .thumb { overflow: hidden }

        .single-recent-blog-post .thumb img { transition: all 0.7s linear }

    .single-recent-blog-post .details { padding-top: 30px }

        .single-recent-blog-post .details .sec_h4 { line-height: 24px; padding: 10px 0px 13px; transition: all 0.3s linear }

    .single-recent-blog-post .date { font-size: 14px; line-height: 24px; font-weight: 400 }

    .single-recent-blog-post:hover img { transform: scale(1.23) rotate(10deg) }

.tags .tag_btn { font-size: 12px; font-weight: 500; line-height: 20px; border: 1px solid #eeeeee; display: inline-block; padding: 1px 18px; text-align: center }

    .tags .tag_btn + .tag_btn { margin-left: 2px }

.blog_categorie_area { padding-top: 30px; padding-bottom: 30px }

@media (min-width: 900px) {
    .blog_categorie_area { padding-top: 80px; padding-bottom: 80px }
}

@media (min-width: 1100px) {
    .blog_categorie_area { padding-top: 120px; padding-bottom: 120px }
}

.categories_post { position: relative; text-align: center; cursor: pointer }

    .categories_post img { max-width: 100% }

    .categories_post .categories_details { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background: rgba(34,34,34,0.75); color: #fff; transition: all 0.3s linear; display: flex; align-items: center; justify-content: center }

        .categories_post .categories_details h5 { margin-bottom: 0px; font-size: 18px; line-height: 26px; text-transform: uppercase; color: #fff; position: relative }

        .categories_post .categories_details p { font-weight: 300; font-size: 14px; line-height: 26px; margin-bottom: 0px }

        .categories_post .categories_details .border_line { margin: 10px 0px; background: #fff; width: 100%; height: 1px }

    .categories_post:hover .categories_details { background: rgba(222,99,32,0.85) }

.blog_item { margin-bottom: 50px }

.blog_details { padding: 30px 0 20px 10px; box-shadow: 0px 10px 20px 0px rgba(221,221,221,0.3) }

@media (min-width: 768px) {
    .blog_details { padding: 60px 30px 35px 35px }
}

.blog_details p { margin-bottom: 30px }

.blog_details a { color: #ff8b23 }

    .blog_details a:hover { color: #ff656a }

.blog_details h2 { font-size: 18px; font-weight: 600; margin-bottom: 8px }

@media (min-width: 768px) {
    .blog_details h2 { font-size: 24px; margin-bottom: 15px }
}

.blog-info-link li { float: left; font-size: 14px }

    .blog-info-link li a { color: #999999 }

    .blog-info-link li i, .blog-info-link li span { font-size: 13px; margin-right: 5px }

    .blog-info-link li::after { content: "|"; padding-left: 10px; padding-right: 10px }

    .blog-info-link li:last-child::after { display: none }

.blog-info-link::after { content: ""; display: block; clear: both; display: table }

.blog_item_img { position: relative }

    .blog_item_img .blog_item_date { position: absolute; bottom: -10px; left: 10px; display: block; color: #fff; background-color: #B32C28; padding: 8px 15px; border-radius: 5px }

@media (min-width: 768px) {
    .blog_item_img .blog_item_date { bottom: -20px; left: 40px; padding: 13px 30px }
}

.blog_item_img .blog_item_date h3 { font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 0; line-height: 1.2 }

@media (min-width: 768px) {
    .blog_item_img .blog_item_date h3 { font-size: 30px }
}

.blog_item_img .blog_item_date p { font-size: 18px; margin-bottom: 0; color: #fff }

@media (min-width: 768px) {
    .blog_item_img .blog_item_date p { font-size: 18px }
}

.blog_right_sidebar .widget_title { font-size: 20px; margin-bottom: 40px }

    .blog_right_sidebar .widget_title::after { content: ""; display: block; padding-top: 15px; border-bottom: 1px solid #f0e9ff }

.blog_right_sidebar .single_sidebar_widget { background: #fbf9ff; padding: 30px; margin-bottom: 30px }

    .blog_right_sidebar .single_sidebar_widget .btn_1 { margin-top: 0px }

.blog_right_sidebar .search_widget .form-control { height: 50px; border-color: #f0e9ff; font-size: 13px; color: #999999; padding-left: 20px; border-radius: 0; border-right: 0 }

    .blog_right_sidebar .search_widget .form-control::placeholder { color: #999999 }

    .blog_right_sidebar .search_widget .form-control:focus { border-color: #f0e9ff; outline: 0; box-shadow: none }

.blog_right_sidebar .search_widget .input-group button { background: #B32C28; border-left: 0; border: 1px solid #f0e9ff; padding: 4px 15px; border-left: 0; cursor: pointer }

    .blog_right_sidebar .search_widget .input-group button i { color: #fff }

    .blog_right_sidebar .search_widget .input-group button span { font-size: 14px; color: #999999 }

.blog_right_sidebar .newsletter_widget .form-control { height: 50px; border-color: #f0e9ff; font-size: 13px; color: #999999; padding-left: 20px; border-radius: 0 }

    .blog_right_sidebar .newsletter_widget .form-control::placeholder { color: #999999 }

    .blog_right_sidebar .newsletter_widget .form-control:focus { border-color: #f0e9ff; outline: 0; box-shadow: none }

.blog_right_sidebar .newsletter_widget .input-group button { background: #fff; border-left: 0; border: 1px solid #f0e9ff; padding: 4px 15px; border-left: 0 }

    .blog_right_sidebar .newsletter_widget .input-group button i, .blog_right_sidebar .newsletter_widget .input-group button span { font-size: 14px; color: #fff }

.blog_right_sidebar .post_category_widget .cat-list li { border-bottom: 1px solid #f0e9ff; transition: all 0.3s ease 0s; padding-bottom: 12px }

    .blog_right_sidebar .post_category_widget .cat-list li:last-child { border-bottom: 0 }

    .blog_right_sidebar .post_category_widget .cat-list li a { font-size: 14px; line-height: 20px; color: #888888 }

        .blog_right_sidebar .post_category_widget .cat-list li a p { margin-bottom: 0px }

    .blog_right_sidebar .post_category_widget .cat-list li + li { padding-top: 15px }

.blog_right_sidebar .popular_post_widget .post_item .media-body { justify-content: center; align-self: center; padding-left: 20px }

    .blog_right_sidebar .popular_post_widget .post_item .media-body h3 { font-size: 16px; line-height: 20px; margin-bottom: 6px; transition: all 0.3s linear }

    .blog_right_sidebar .popular_post_widget .post_item .media-body a:hover { color: #fff }

    .blog_right_sidebar .popular_post_widget .post_item .media-body p { font-size: 14px; line-height: 21px; margin-bottom: 0px }

.blog_right_sidebar .popular_post_widget .post_item + .post_item { margin-top: 20px }

.blog_right_sidebar .tag_cloud_widget ul li { display: inline-block }

    .blog_right_sidebar .tag_cloud_widget ul li a { display: inline-block; border: 1px solid #eeeeee; background: #fff; padding: 4px 20px; margin-bottom: 8px; margin-right: 3px; transition: all 0.3s ease 0s; color: #888888; font-size: 13px }

        .blog_right_sidebar .tag_cloud_widget ul li a:hover { background: #B32C28; color: #fff !important; -webkit-text-fill-color: #fff; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s }

.blog_right_sidebar .instagram_feeds .instagram_row { display: flex; margin-right: -6px; margin-left: -6px }

    .blog_right_sidebar .instagram_feeds .instagram_row li { width: 33.33%; float: left; padding-right: 6px; padding-left: 6px; margin-bottom: 15px }

.blog_right_sidebar .br { width: 100%; height: 1px; background: #eee; margin: 30px 0px }

.blog-pagination { margin-top: 80px }

    .blog-pagination .page-link { font-size: 14px; position: relative; display: block; padding: 0; text-align: center; margin-left: -1px; line-height: 45px; width: 45px; height: 45px; border-radius: 0 !important; color: #8a8a8a; border: 1px solid #f0e9ff; margin-right: 10px }

        .blog-pagination .page-link i, .blog-pagination .page-link span { font-size: 13px }

    .blog-pagination .page-item.active .page-link { background-color: #fbf9ff; border-color: #f0e9ff; color: #888888 }

    .blog-pagination .page-item:last-child .page-link { margin-right: 0 }

.single-post-area .blog_details { box-shadow: none; padding: 0 }

.single-post-area .social-links { padding-top: 10px }

    .single-post-area .social-links li { display: inline-block; margin-bottom: 10px }

        .single-post-area .social-links li a { color: #cccccc; padding: 7px; font-size: 14px; transition: all 0.2s linear }

.single-post-area .blog_details { padding-top: 26px }

    .single-post-area .blog_details p { margin-bottom: 20px; font-size: 15px }

.single-post-area .quote-wrapper { background: rgba(130,139,178,0.1); padding: 15px; line-height: 1.733; color: #888888; font-style: italic; margin-top: 25px; margin-bottom: 25px }

@media (min-width: 768px) {
    .single-post-area .quote-wrapper { padding: 30px }
}

.single-post-area .quotes { background: #fff; padding: 15px 15px 15px 20px; border-left: 2px solid }

@media (min-width: 768px) {
    .single-post-area .quotes { padding: 25px 25px 25px 30px }
}

.single-post-area .arrow { position: absolute }

    .single-post-area .arrow .lnr { font-size: 20px; font-weight: 600 }

.single-post-area .thumb .overlay-bg { background: rgba(0,0,0,0.8) }

.single-post-area .navigation-top { padding-top: 15px; border-top: 1px solid #f0e9ff }

    .single-post-area .navigation-top p { margin-bottom: 0 }

    .single-post-area .navigation-top .like-info { font-size: 14px }

        .single-post-area .navigation-top .like-info i, .single-post-area .navigation-top .like-info span { font-size: 16px; margin-right: 5px }

    .single-post-area .navigation-top .comment-count { font-size: 14px }

        .single-post-area .navigation-top .comment-count i, .single-post-area .navigation-top .comment-count span { font-size: 16px; margin-right: 5px }

    .single-post-area .navigation-top .social-icons li { display: inline-block; margin-right: 15px }

        .single-post-area .navigation-top .social-icons li:last-child { margin: 0 }

        .single-post-area .navigation-top .social-icons li i, .single-post-area .navigation-top .social-icons li span { font-size: 14px; color: #999999 }

.single-post-area .blog-author { padding: 40px 30px; background: #fbf9ff; margin-top: 50px }

@media (max-width: 600px) {
    .single-post-area .blog-author { padding: 20px 8px }
}

.single-post-area .blog-author img { width: 90px; height: 90px; border-radius: 50%; margin-right: 30px }

@media (max-width: 600px) {
    .single-post-area .blog-author img { margin-right: 15px; width: 45px; height: 45px }
}

.single-post-area .blog-author a { display: inline-block }

    .single-post-area .blog-author a:hover { color: #ff656a }

.single-post-area .blog-author p { margin-bottom: 0; font-size: 15px }

.single-post-area .blog-author h4 { font-size: 16px }

.single-post-area .navigation-area { border-bottom: 1px solid #eee; padding-bottom: 30px; margin-top: 55px }

    .single-post-area .navigation-area p { margin-bottom: 0px }

    .single-post-area .navigation-area h4 { font-size: 18px; line-height: 25px }

    .single-post-area .navigation-area .nav-left { text-align: left }

        .single-post-area .navigation-area .nav-left .thumb { margin-right: 20px; background: #000 }

            .single-post-area .navigation-area .nav-left .thumb img { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

        .single-post-area .navigation-area .nav-left .lnr { margin-left: 20px; opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

        .single-post-area .navigation-area .nav-left:hover .lnr { opacity: 1 }

        .single-post-area .navigation-area .nav-left:hover .thumb img { opacity: .5 }

@media (max-width: 767px) {
    .single-post-area .navigation-area .nav-left { margin-bottom: 30px }
}

.single-post-area .navigation-area .nav-right { text-align: right }

    .single-post-area .navigation-area .nav-right .thumb { margin-left: 20px; background: #000 }

        .single-post-area .navigation-area .nav-right .thumb img { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

    .single-post-area .navigation-area .nav-right .lnr { margin-right: 20px; opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s }

    .single-post-area .navigation-area .nav-right:hover .lnr { opacity: 1 }

    .single-post-area .navigation-area .nav-right:hover .thumb img { opacity: .5 }

@media (max-width: 991px) {
    .single-post-area .sidebar-widgets { padding-bottom: 0px }
}

.comments-area { background: transparent; border-top: 1px solid #eee; padding: 45px 0; margin-top: 50px }

@media (max-width: 414px) {
    .comments-area { padding: 50px 8px }
}

.comments-area h4 { margin-bottom: 35px; font-size: 18px }

.comments-area h5 { font-size: 16px; margin-bottom: 0px }

.comments-area .comment-list { padding-bottom: 48px }

    .comments-area .comment-list:last-child { padding-bottom: 0px }

    .comments-area .comment-list.left-padding { padding-left: 25px }

@media (max-width: 413px) {
    .comments-area .comment-list .single-comment h5 { font-size: 12px }

    .comments-area .comment-list .single-comment .date { font-size: 11px }

    .comments-area .comment-list .single-comment .comment { font-size: 10px }
}

.comments-area .thumb { margin-right: 20px }

    .comments-area .thumb img { width: 70px; border-radius: 50% }

.comments-area .date { font-size: 14px; color: #999999; margin-bottom: 0; margin-left: 20px }

.comments-area .comment { margin-bottom: 10px; color: #777777; font-size: 15px }

.comments-area .btn-reply { background-color: transparent; color: #888888; padding: 5px 18px; font-size: 14px; display: block; font-weight: 400 }

.comment-form { border-top: 1px solid #eee; padding-top: 45px; margin-top: 50px; margin-bottom: 20px }

    .comment-form .form-group { margin-bottom: 30px }

    .comment-form h4 { margin-bottom: 40px; font-size: 18px; line-height: 22px }

    .comment-form .name { padding-left: 0px }

@media (max-width: 767px) {
    .comment-form .name { padding-right: 0px; margin-bottom: 1rem }
}

.comment-form .email { padding-right: 0px }

@media (max-width: 991px) {
    .comment-form .email { padding-left: 0px }
}

.comment-form .form-control { border: 1px solid #f0e9ff; border-radius: 5px; height: 48px; padding-left: 18px; font-size: 13px; background: transparent }

    .comment-form .form-control:focus { outline: 0; box-shadow: none }

    .comment-form .form-control::placeholder { font-weight: 300; color: #999999 }

    .comment-form .form-control::placeholder { color: #777777 }

.comment-form textarea { padding-top: 18px; border-radius: 12px; height: 100% !important }

.comment-form ::-webkit-input-placeholder { font-size: 13px; color: #777 }

.comment-form ::-moz-placeholder { font-size: 13px; color: #777 }

.comment-form :-ms-input-placeholder { font-size: 13px; color: #777 }

.comment-form :-moz-placeholder { font-size: 13px; color: #777 }

.dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }

.contact-info { margin-bottom: 25px }

.contact-info__icon { margin-right: 20px }

    .contact-info__icon i, .contact-info__icon span { color: #8f9195; font-size: 27px }

.contact-info .media-body h3 { font-size: 16px; margin-bottom: 0; font-size: 16px; color: #2a2a2a }

    .contact-info .media-body h3 a:hover { color: #222 }

.contact-info .media-body p { color: #8a8a8a }

.contact-title { font-size: 27px; font-weight: 600; margin-bottom: 20px }

.form-contact label { font-size: 14px }

.form-contact .form-group { margin-bottom: 30px }

.form-contact .form-control { border: 1px solid #e5e6e9; border-radius: 0px; height: 48px; padding-left: 18px; font-size: 13px; background: transparent }

    .form-contact .form-control:focus { outline: 0; box-shadow: none }

    .form-contact .form-control::placeholder { font-weight: 300; color: #999999 }

.form-contact textarea { border-radius: 0px; height: 100% !important }

.modal-message .modal-dialog { position: absolute; top: 36%; left: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0px; max-width: 500px; width: 100% }

    .modal-message .modal-dialog .modal-content .modal-header { text-align: center; display: block; border-bottom: none; padding-top: 50px; padding-bottom: 50px }

        .modal-message .modal-dialog .modal-content .modal-header .close { position: absolute; right: -15px; top: -15px; padding: 0px; color: #fff; opacity: 1; cursor: pointer }

        .modal-message .modal-dialog .modal-content .modal-header h2 { display: block; text-align: center; padding-bottom: 10px }

        .modal-message .modal-dialog .modal-content .modal-header p { display: block }

.contact-section { padding: 130px 0 100px }

@media (max-width: 991px) {
    .contact-section { padding: 70px 0 40px }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-section { padding: 80px 0 50px }
}

.contact-section .btn_2 { background-color: #191d34; padding: 18px 60px; border-radius: 50px; margin-top: 0 }

    .contact-section .btn_2:hover { background-color: #222 }

.breadcam_bg { background-image: url(../img/banner/bradcam.png) }

.breadcam_bg_1 { background-image: url(../img/banner/bradcam2.png) }

.breadcam_bg_2 { background-image: url(../img/banner/bradcam3.png) }

.bradcam_area { background-size: cover; background-position: center center; padding: 160px 0; background-position: bottom; background-repeat: no-repeat }

@media (max-width: 767px) {
    .bradcam_area { padding: 150px 0 }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bradcam_area { padding: 150px 0 }
}

.bradcam_area h3 { font-size: 50px; color: #fff; font-weight: 900; margin-bottom: 0; font-family: "Roboto",sans-serif; text-transform: capitalize }

@media (max-width: 767px) {
    .bradcam_area h3 { font-size: 30px }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bradcam_area h3 { font-size: 40px }
}

.popup_box { background: #fff; display: inline-block; z-index: 9; width: 681px; padding: 60px 40px }

@media (max-width: 767px) {
    .popup_box { width: 320px; padding: 45px 30px }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .popup_box { width: 420px !important; padding: 45px 30px }
}

.popup_box h3 { text-align: center; font-size: 22px; color: #1F1F1F; margin-bottom: 46px }

.popup_box .boxed-btn3 { width: 100%; text-transform: capitalize }

.popup_box .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border: solid 1px #E2E2E2; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: "Roboto",sans-serif; font-weight: normal; width: 100% !important; line-height: 50px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; border-radius: 0; margin-bottom: 30px; height: 50px !important; font-size: 16px; font-weight: 400; color: #919191 }

    .popup_box .nice-select::after { content: "\f0d7"; display: block; height: 5px; margin-top: -5px; pointer-events: none; position: absolute; right: 17px; top: 3px; transition: all 0.15s ease-in-out; width: 5px; font-family: fontawesome; color: #919191; font-size: 15px }

    .popup_box .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); height: 200px; overflow-y: scroll }

    .popup_box .nice-select.list { height: 200px; overflow-y: scroll }

#test-form { display: inline-block; margin: auto; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }

@media (max-width: 767px) {
    #test-form { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: none; -ms-transform: none; transform: none }
}

#test-form .mfp-close-btn-in .mfp-close { color: #333; display: none !important }

#test-form button.mfp-close { display: none !important }

@media (max-width: 767px) {
    #test-form button.mfp-close { display: block !important; position: absolute; left: 0; right: 0; margin: auto }
}

#test-form button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; width: 40px; height: 40px; background: #4A3600; text-align: center; line-height: 20px; position: absolute; right: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; position: absolute; right: -6px; color: #fff !important }

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #4A3600; opacity: 0.6 }

@media (max-width: 767px) {
    .gj-picker.gj-picker-md.timepicker { width: 310px; left: 6px !important }
}

@media (max-width: 767px) {
    .gj-picker.gj-picker-md.datepicker.gj-unselectable { width: 320px; left: 0 !important }
}

.flex-center-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start }

.overlay::before { background-image: -moz-linear-gradient(170deg, rgba(90,89,89,0) 0%, #4b4949 100%); background-image: -webkit-linear-gradient(170deg, rgba(90,89,89,0) 0%, #4b4949 100%); background-image: -ms-linear-gradient(170deg, rgba(90,89,89,0) 0%, #4b4949 100%) }

.trending-area .trending-main .trending-top .trend-top-img::before { background: -moz-linear-gradient(top, rgba(2,26,71,0) 0%, rgba(2,26,71,0.6) 100%); background: -webkit-linear-gradient(top, rgba(2,26,71,0) 0%, rgba(2,26,71,0.6) 100%); background: linear-gradient(to bottom, rgba(2,26,71,0) 0%, rgba(2,26,71,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00021a47', endColorstr='#99021a47',GradientType=0 ) }

.sample-text-area { background: #fff; padding: 100px 0 70px 0 }

.text-heading { margin-bottom: 30px; font-size: 24px }

b, sup, sub, u, del { color: #222 }

.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { color: #828bb2 }

.button-area { background: #fff }

    .button-area .border-top-generic { padding: 70px 15px; border-top: 1px dotted #eee }

.button-group-area .genric-btn { margin-right: 10px; margin-top: 10px }

    .button-group-area .genric-btn:last-child { margin-right: 0 }

.genric-btn { display: inline-block; outline: none; line-height: 40px; padding: 0 30px; font-size: .8em; text-align: center; text-decoration: none; font-weight: 500; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s }

    .genric-btn:focus { outline: none }

    .genric-btn.e-large { padding: 0 40px; line-height: 50px }

    .genric-btn.large { line-height: 45px }

    .genric-btn.medium { line-height: 30px }

    .genric-btn.small { line-height: 25px }

    .genric-btn.radius { border-radius: 3px }

    .genric-btn.circle { border-radius: 20px }

    .genric-btn.arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }

        .genric-btn.arrow span { margin-left: 10px }

    .genric-btn.default { color: #415094; background: #f9f9ff; border: 1px solid transparent }

        .genric-btn.default:hover { border: 1px solid #f9f9ff; background: #fff }

    .genric-btn.default-border { border: 1px solid #f9f9ff; background: #fff }

        .genric-btn.default-border:hover { color: #415094; background: #f9f9ff; border: 1px solid transparent }

    .genric-btn.primary { color: #fff; background: #222; border: 1px solid transparent }

        .genric-btn.primary:hover { color: #222; border: 1px solid #222; background: #fff }

    .genric-btn.primary-border { color: #222; border: 1px solid #222; background: #fff }

        .genric-btn.primary-border:hover { color: #fff; background: #222; border: 1px solid transparent }

    .genric-btn.success { color: #fff; background: #4cd3e3; border: 1px solid transparent }

        .genric-btn.success:hover { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff }

    .genric-btn.success-border { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff }

        .genric-btn.success-border:hover { color: #fff; background: #4cd3e3; border: 1px solid transparent }

    .genric-btn.info { color: #fff; background: #38a4ff; border: 1px solid transparent }

        .genric-btn.info:hover { color: #38a4ff; border: 1px solid #38a4ff; background: #fff }

    .genric-btn.info-border { color: #38a4ff; border: 1px solid #38a4ff; background: #fff }

        .genric-btn.info-border:hover { color: #fff; background: #38a4ff; border: 1px solid transparent }

    .genric-btn.warning { color: #fff; background: #f4e700; border: 1px solid transparent }

        .genric-btn.warning:hover { color: #f4e700; border: 1px solid #f4e700; background: #fff }

    .genric-btn.warning-border { color: #f4e700; border: 1px solid #f4e700; background: #fff }

        .genric-btn.warning-border:hover { color: #fff; background: #f4e700; border: 1px solid transparent }

    .genric-btn.danger { color: #fff; background: #f44a40; border: 1px solid transparent }

        .genric-btn.danger:hover { color: #f44a40; border: 1px solid #f44a40; background: #fff }

    .genric-btn.danger-border { color: #f44a40; border: 1px solid #f44a40; background: #fff }

        .genric-btn.danger-border:hover { color: #fff; background: #f44a40; border: 1px solid transparent }

    .genric-btn.link { color: #415094; background: #f9f9ff; text-decoration: underline; border: 1px solid transparent }

        .genric-btn.link:hover { color: #415094; border: 1px solid #f9f9ff; background: #fff }

    .genric-btn.link-border { color: #415094; border: 1px solid #f9f9ff; background: #fff; text-decoration: underline }

        .genric-btn.link-border:hover { color: #415094; background: #f9f9ff; border: 1px solid transparent }

    .genric-btn.disable { color: #222,0.3; background: #f9f9ff; border: 1px solid transparent; cursor: not-allowed }

.generic-blockquote { padding: 30px 50px 30px 30px; background: #f9f9ff; border-left: 2px solid #222 }

.progress-table-wrap { overflow-x: scroll }

.progress-table { background: #f9f9ff; padding: 15px 0px 30px 0px; min-width: 800px }

    .progress-table .serial { width: 11.83%; padding-left: 30px }

    .progress-table .country { width: 28.07% }

    .progress-table .visit { width: 19.74% }

    .progress-table .percentage { width: 40.36%; padding-right: 50px }

    .progress-table .table-head { display: flex }

        .progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage { color: #415094; line-height: 40px; text-transform: uppercase; font-weight: 500 }

    .progress-table .table-row { padding: 15px 0; border-top: 1px solid #edf3fd; display: flex }

        .progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage { display: flex; align-items: center }

            .progress-table .table-row .country img { margin-right: 15px }

            .progress-table .table-row .percentage .progress { width: 80%; border-radius: 0px; background: transparent }

                .progress-table .table-row .percentage .progress .progress-bar { height: 5px; line-height: 5px }

                    .progress-table .table-row .percentage .progress .progress-bar.color-1 { background-color: #6382e6 }

                    .progress-table .table-row .percentage .progress .progress-bar.color-2 { background-color: #e66686 }

                    .progress-table .table-row .percentage .progress .progress-bar.color-3 { background-color: #f09359 }

                    .progress-table .table-row .percentage .progress .progress-bar.color-4 { background-color: #73fbaf }

                    .progress-table .table-row .percentage .progress .progress-bar.color-5 { background-color: #73fbaf }

                    .progress-table .table-row .percentage .progress .progress-bar.color-6 { background-color: #6382e6 }

                    .progress-table .table-row .percentage .progress .progress-bar.color-7 { background-color: #a367e7 }

                    .progress-table .table-row .percentage .progress .progress-bar.color-8 { background-color: #e66686 }

.single-gallery-image { margin-top: 30px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; height: 200px }

.list-style { width: 14px; height: 14px }

.unordered-list li { position: relative; padding-left: 30px; line-height: 1.82em !important }

    .unordered-list li:before { content: ""; position: absolute; width: 14px; height: 14px; border: 3px solid #222; background: #fff; top: 4px; left: 0; border-radius: 50% }

.ordered-list { margin-left: 30px }

    .ordered-list li { list-style-type: decimal-leading-zero; color: #222; font-weight: 500; line-height: 1.82em !important }

        .ordered-list li span { font-weight: 300; color: #828bb2 }

.ordered-list-alpha li { margin-left: 30px; list-style-type: lower-alpha; color: #222; font-weight: 500; line-height: 1.82em !important }

    .ordered-list-alpha li span { font-weight: 300; color: #828bb2 }

.ordered-list-roman li { margin-left: 30px; list-style-type: lower-roman; color: #222; font-weight: 500; line-height: 1.82em !important }

    .ordered-list-roman li span { font-weight: 300; color: #828bb2 }

.single-input { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px }

    .single-input:focus { outline: none }

.input-group-icon { position: relative }

    .input-group-icon .icon { position: absolute; left: 20px; top: 0; line-height: 40px; z-index: 3 }

        .input-group-icon .icon i { color: #797979 }

    .input-group-icon .single-input { padding-left: 45px }

.single-textarea { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px; height: 100px; resize: none }

    .single-textarea:focus { outline: none }

.single-input-primary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px }

    .single-input-primary:focus { outline: none; border: 1px solid #222 }

.single-input-accent { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px }

    .single-input-accent:focus { outline: none; border: 1px solid #eb6b55 }

.single-input-secondary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px }

    .single-input-secondary:focus { outline: none; border: 1px solid #f09359 }

.default-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer }

    .default-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer }

        .default-switch input + label { position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #222; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); cursor: pointer }

        .default-switch input:checked + label { left: 19px }

.primary-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer }

    .primary-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 }

        .primary-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100% }

            .primary-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s }

            .primary-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); cursor: pointer }

        .primary-switch input:checked + label:after { left: 19px }

        .primary-switch input:checked + label:before { background: #222 }

.confirm-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer }

    .confirm-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 }

        .confirm-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100% }

            .confirm-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: pointer }

            .confirm-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2); cursor: pointer }

        .confirm-switch input:checked + label:after { left: 19px }

        .confirm-switch input:checked + label:before { background: #4cd3e3 }

.primary-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer }

    .primary-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 }

        .primary-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1 }

        .primary-checkbox input:checked + label { background: url(../img/elements/primary-check.png) no-repeat center center/cover; border: none }

.confirm-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer }

    .confirm-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 }

        .confirm-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1 }

        .confirm-checkbox input:checked + label { background: url(../img/elements/success-check.png) no-repeat center center/cover; border: none }

.disabled-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer }

    .disabled-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 }

        .disabled-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1 }

        .disabled-checkbox input:disabled { cursor: not-allowed; z-index: 3 }

        .disabled-checkbox input:checked + label { background: url(../img/elements/disabled-check.png) no-repeat center center/cover; border: none }

.primary-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer }

    .primary-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 }

        .primary-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1 }

        .primary-radio input:checked + label { background: url(../img/elements/primary-radio.png) no-repeat center center/cover; border: none }

.confirm-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer }

    .confirm-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 }

        .confirm-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1 }

        .confirm-radio input:checked + label { background: url(../img/elements/success-radio.png) no-repeat center center/cover; border: none }

.disabled-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer }

    .disabled-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 }

        .disabled-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1 }

        .disabled-radio input:disabled { cursor: not-allowed; z-index: 3 }

        .disabled-radio input:checked + label { background: url(../img/elements/disabled-radio.png) no-repeat center center/cover; border: none }

.default-select { height: 40px }

    .default-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #f9f9ff; padding-left: 20px; padding-right: 40px }

        .default-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px }

            .default-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 20px }

                .default-select .nice-select .list .option.selected { color: #222; background: transparent }

                .default-select .nice-select .list .option:hover { color: #222; background: transparent }

    .default-select .current { margin-right: 50px; font-weight: 300 }

    .default-select .nice-select::after { right: 20px }

.form-select { height: 40px; width: 100% }

    .form-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #f9f9ff; padding-left: 45px; padding-right: 40px; width: 100% }

        .form-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px }

            .form-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 45px }

                .form-select .nice-select .list .option.selected { color: #222; background: transparent }

                .form-select .nice-select .list .option:hover { color: #222; background: transparent }

    .form-select .current { margin-right: 50px; font-weight: 300 }

    .form-select .nice-select::after { right: 20px }

.mt-10 { margin-top: 10px }

.section-top-border { padding: 50px 0; border-top: 1px dotted #eee }

.mb-30 { margin-bottom: 30px }

.mt-30 { margin-top: 30px }

.switch-wrap { margin-bottom: 10px }

.fix-border { border-bottom: none !important }

.footer-copy-center { text-align: center; }

    .footer-copy-center p { margin-bottom: 0 !important; }

.topview .trand-right-cap h4 a { font-weight: 500; line-height: 1.4; text-align: justify; display: block; }

    .topview .trand-right-cap h4 a:hover { color: #B32C28 !important }

.topview .trand-right-single { margin-bottom: 20px; }

    .topview .trand-right-single:last-child { border-bottom: 0 }

    .topview .trand-right-single .trand-right-img img { border-radius: 6px }

    .topview .trand-right-single .trand-right-cap { padding-left: 18px }

        .topview .trand-right-single .trand-right-cap span { color: #000; text-transform: uppercase; font-size: 11px; font-weight: 400; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block }

        .topview .trand-right-single .trand-right-cap h4 { font-size: 18px }

.list-news { overflow: auto; }

    .list-news .single-news { width: 100%; float: left; border-bottom: 1px solid #DDD; margin-bottom: 20px; padding-bottom: 20px; }

        .list-news .single-news .what-img { width: 250px; float: left; margin-right: 20px; /* margin-bottom: 30px;*/ }

            .list-news .single-news .what-img img { width: 100%; border-radius: 5px; }

        .list-news .single-news .datepub { margin-bottom: 10px; font-size: 14px; }
            .list-news .single-news .datepub i { margin-right: 5px; }

        .list-news .single-news .desc { text-align: justify; font-size: 16px; }
            .list-news .single-news .desc * { font-family: Roboto,Arial,Tahoma !important; color: #333 !important; font-weight: normal !important; line-height: normal !important; font-size: 16px; }

    .list-news .what-cap h4 { text-align: justify; font-size: 18px; font-weight: 700; line-height: 1.4; }

.linkweb { width: 100%; }

/*page*/

.paging { margin: 5px 0 20px; overflow: auto; float: right; }

    .paging span { display: block; float: left; margin-right: 5px; padding: 4px; }

    .paging a, .paging a:link, .paging a:visited { background: #FFF; border: 1px solid #ddd; color: #333; cursor: pointer; display: block; float: left; margin-right: 5px; padding: 4px 8px; text-decoration: none; }

        .paging a:hover, .paging a.current, .paging .active { background: #be1e2d !important; border: 1px solid #be1e2d !important; color: #FFF !important; overflow: visible; }

.breadcrumb { padding: 0; line-height: 45px; background: none; }

    .breadcrumb.fix-bottom ul { margin: 0 auto; list-style: none; }

    .breadcrumb li { display: inline; }

        .breadcrumb li:first-child a { padding-left: 0; }

        .breadcrumb li:last-child a { background: none; }

        .breadcrumb li:last-child a, .box-dieuhuong li a:hover { color: #be1e2d; }

        .breadcrumb li a { color: #333; font-size: 13px; padding: 0 12px 0 10px; background: url('../images/i-right.png') no-repeat right center; }
.contentnew { /*padding-block: 20px;*/ }
    .contentnew .title-detail { font-size: 20px; font-weight: 700; text-align: justify; line-height: normal; }

    .contentnew .timenew { font-size: 14px; margin-bottom: 15px; }

    .contentnew .desc { font-weight: 600; text-align: justify; margin-bottom: 10px; font-size: 18px; font-style:italic}

    .contentnew .detail { text-align: justify; }

        .contentnew .detail * { font-size: 18px !important; font-family: 'Times New Roman',Arial,Tahoma !important; text-align: justify; color: #333; overflow: hidden; }
            .contentnew .detail * img { max-width: 100% !important; height: auto !important }
            .contentnew .detail * a, .contentnew .detail * a strong { color: #0C1694 !important; }
        .contentnew .detail table { max-width: 100% !important; width: 100% !important; }
        .contentnew .detail iframe { width: 100% !important; }

    .contentnew .author { text-align: right; font-weight: bold; }

.others-news ul { margin: 0; padding: 0 }

.others-news li { margin-bottom: 10px; list-style: disc; margin-left: 20px; }

    .others-news li a { color: #222; text-align: justify; font-size: 14px; }

        .others-news li a:hover { color: #207AE3; }

    .others-news li span { font-style: italic; font-size: 14px; }

.flex-s-s { float: left; display: inline-flex; width: 100%; border-bottom: 1px solid #DDD; margin-bottom: 30px; margin-top: 20px; }
    .flex-s-s span { margin-right: 10px; }
/*=========*/
.lts-vanban-home { margin-bottom: 20px; }

    .lts-vanban-home .title { border: 1px solid #ddd; min-height: 14px; padding: 7px 10px; background: #f7f7fd; }

        .lts-vanban-home .title a { background: url('../images/i-lts-vanban.png')no-repeat left center; padding-left: 20px; color: #58595B; font: 700 16px/20px Roboto,Arial,Tahoma; }

.info-desc { overflow: auto; padding: 10px 0; }

    .info-desc .f1 { width: 70%; float: left; border-right: 1px dotted #ddd; padding-right: 1.8%; font-size: 14px }

    .info-desc .f2 { width: 30%; float: right; padding-left: 2%; }

        .info-desc .f2 p { margin-bottom: 10px; font-size: 14px; line-height: normal; }

.f1 ul { margin: 10px 0 5px 0; }

    .f1 ul li { display: initial; margin-right: 20px; }

        .f1 ul li a { color: #BE1E2D; }

.f2 p span:first-child { width: 52%; float: left; }

.listcategory { }

    .listcategory ul { }

        .listcategory ul li { padding: 5px 10px; border-bottom: 1px solid #DDD; }

            .listcategory ul li:hover { padding: 5px 10px; background: #DDD; }

    .listcategory li a { font-weight: 700; }

.vbProperties table { background: #ccc; border-spacing: 0px; border-collapse: scollapse; width: 100%; }

    .vbProperties table tr td { padding: 8px; background: #fff; text-align: justify; vertical-align: text-top; color: #000; font-size: 14px; }

    .vbProperties table tr.odd td { background: #F0F6FF; }

    .vbProperties table tr td.title { color: #0077d3; }

    .vbProperties table tr td.label { background: #f6f6f6; color: #333; font-weight: 600 }

    .vbProperties table tr td p { margin: 0; }

    .vbProperties table tr td a { font-size: 14px; }

.ctvanban { padding-top: 20px; }

    .ctvanban h5 { text-align: center; }



/*shop*/
.shop-area { background-size: cover; }

.shop-thumb .thumb { width: 100% !important; background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 150px; }

.shop-thumb { /*padding-top: 20px; padding-right: 30px;*/ }

    .shop-thumb img { width: 100%; }
.shop-book-name { font-size: 16px; color: #444444; margin: 0; }

.book-inner-content { padding: 15px; }

.book-writter { font-size: 13px; line-height: 1; margin: 0; margin-top: 9px; }

.book-ratings ul li { display: inline-block; font-size: 14px; color: #f6393e; margin-left: 4px; }

.book-ratings ul { margin-left: 30px; }

.book-price .price { font-size: 14px; color: #777777; font-weight: 600; }

.book-price .user-number { font-size: 15px; color: #f6393e; font-weight: 700; }

#amazingcarousel-1 img { width: 100%; border-radius: 5px; /*margin-block: 10px;*/ }

.list-albums h4 a { font-size: 18px; font-weight: 500; line-height: 1.4; text-align: justify; display: block; padding-top: 10px; text-align: justify; display: block }

.list-albums ul { padding-top: 10px; border-top: 1px solid #DDD; }

.list-albums li { list-style: revert; margin-left: 20px; margin-bottom: 10px; }

    .list-albums li a { text-align: justify; display: block; font-weight: 500 }
/*
.paging { margin: 5px 0 10px; overflow: auto; float: right; }

    .paging span { display: block; float: left; margin-right: 5px; padding: 4px; }

    .paging a, .paging a:link, .paging a:visited { background: #FFF; border: 1px solid #ddd; color: #333; cursor: pointer; display: block; float: left; margin-right: 5px; padding: 4px 8px; text-decoration: none; }

        .paging a:hover, .paging a.current { background: #be1e2d; border: 1px solid #be1e2d; color: #FFF; overflow: visible; }*/

.breadcrumb { padding: 0; line-height: 45px; background: none; }

    .breadcrumb > .active { color: #888 }

    .breadcrumb.fix-bottom ul { margin: 0 auto; list-style: none; }

    .breadcrumb li { display: inline; }

        .breadcrumb li:first-child a { padding-left: 0; }

        .breadcrumb li:last-child a { background: none; }

        .breadcrumb li:last-child a, .box-dieuhuong li a:hover { color: #be1e2d; }

        .breadcrumb li a { color: #333; font-size: 13px; padding: 0 12px 0 10px; background: url('/Contents/images/i-right.png') no-repeat right center; }




.panel-group .panel { border-radius: 5px; border-color: #EEEEEE; padding: 0; margin-bottom: 10px; }

.panel-default > .panel-heading { color: #333; background-color: #f6f6f6; border: 1px solid #DDD; }

.panel-title { font-size: 16px; margin: 0; }

    .panel-title > a { display: block; padding: 15px; text-decoration: none; color: #333 }

.short-full { float: right; color: #808080; }

.panel-default > .panel-heading + .panel-collapse > .panel-body { border: 1px solid #DDD; padding: 20px; }

.fix-cctc { padding: 0 !important; }

    .fix-cctc .event-thum { width: 30%; }

        .fix-cctc .event-thum img { width: 100%; }

.singel-event-list { background-color: #fff; padding: 30px; border-radius: 5px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

    .singel-event-list .event-thum { width: 38%; }

        .singel-event-list .event-thum img { width: 100%; border-radius: 5px; }

    .singel-event-list .event-cont { width: 62%; padding-left: 30px; }

        .singel-event-list .event-cont h4 { font-size: 18px; font-weight: 700; }

        .singel-event-list .event-cont span { font-size: 14px; color: #8a8a8a; margin-right: 20px; }

            .singel-event-list .event-cont span i { color: #ffc600; margin-right: 3px; }

        .singel-event-list .event-cont a { display: block; }

            .singel-event-list .event-cont a h4 { padding-top: 5px; padding-bottom: 10px; color: #000; font-size: 20px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }

            .singel-event-list .event-cont a:hover h4 { color: #ffc600; }

        .singel-event-list .event-cont p { text-align: justify; margin-bottom: 5px; }


.trand-right-img img { max-height: 100px; width: 120px; object-fit:cover }

.post-entry-big img { max-height: 100px; max-width: 120px; }


.topview .trand-right-cap h4 a { font-weight: 500; line-height: 1.4; text-align: justify; display: block; }

    .topview .trand-right-cap h4 a:hover { color: #B32C28 !important }

.topview .trand-right-single { margin-bottom: 20px; }

    .topview .trand-right-single:last-child { border-bottom: 0 }

    .topview .trand-right-single .trand-right-img img { border-radius: 6px }

    .topview .trand-right-single .trand-right-cap { padding-left: 18px }

        .topview .trand-right-single .trand-right-cap span { color: #333; text-transform: uppercase; font-size: 11px; font-weight: 400; padding: 10px 15px; line-height: 1; margin-bottom: 15px; display: inline-block }

        .topview .trand-right-single .trand-right-cap h4 { font-size: 18px }

.flex-s-s-comment { float: left; width: 100%; border-bottom: 1px solid #DDD; margin-bottom: 30px; }
.header-other-news strong { text-transform: uppercase; margin-bottom: 10px; display: block; }
.header-comment { text-transform: uppercase; }
.amazingcarousel-image a { font-family: Roboto,Arial,Tahoma; font-weight: 600; padding: 5px 0; color: #333; display: block; }
.sidebar-box { overflow: hidden; }
.qc-home img { width: 100%; }
.rateTotal { display: none; }
.dis-block { font-size: 22px; margin-right: 10px; }

.fix-btn-comment { display: inline-flex; }
    .fix-btn-comment button { margin-right: 15px; }