@import url(https://fonts.googleapis.com/css?family=Lato|Raleway|Roboto|Open+Sans|Roboto+slab|Kanit);

@font-face { font-family: PoorRichard; src: url(../fonts/PoorRichard.TTF?v=4.5.0) format('truetype'); font-weight: 400; font-style: normal }

* { margin: 0; padding: 0; border: none; outline: 0 }

body {font-size: 14px;color: #000;line-height: 1.8em;font-weight: 400;background: #fff;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-family: 'Open Sans', sans-serif;}

a { text-decoration: none; cursor: pointer; color: #000 }

a:focus, a:hover, a:visited { text-decoration: none; outline: 0 }

h1, h2, h3, h4, h5, h6 { position: relative; font-weight: 400; margin: 0; background: 0 0; line-height: 1.6em; font-family: Raleway, sans-serif }

.testibg input { background: 0 0; color: #264876 }

p { position: relative; line-height: 1.8em }

.gray-bg { background-color: #fafafa!important }

.strike-through { text-decoration: line-through }

.page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px }

li, ul { list-style: none; padding: 0; margin: 0 }

.theme-btn { display: inline-block; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease }

.centered { text-align: center }

width size .w5 { width: 5px }

.w10 { width: 10px }

.w50 { width: 50px!important }

.w80 { width: 80px }

.w100 { width: 100px }

.w110 { width: 110px }

.w115 { width: 115px }

.w120 { width: 120px }

.w150 { width: 150px!important }

.w160 { width: 160px }

.w170 { width: 170px }

.w180 { width: 180px }

.w190 { width: 190px }

.w200 { width: 200px }

.w238 { width: 238px }

.w250 { width: 250px }

.w260 { width: 260px }

.w270 { width: 270px }

.w280 { width: 280px }

.w290 { width: 290px!important }

.w300 { width: 300px!important }

.w310 { width: 310px }

.w320 { width: 320px }

.w330 { width: 330px }

.w340 { width: 340px }

.w350 { width: 350px }

.w610 { width: 610px }

.fullWidth { width: 100% }

margin-top .mT0 { margin-top: 0 }

.mT2 { margin-top: 2px }

.mT5 { margin-top: 5px }

.mT10 { margin-top: 10px }

.mT15 { margin-top: 15px }

.mT20 { margin-top: 20px }

.mT25 { margin-top: 25px }

.mT30 { margin-top: 30px }

.mT35 { margin-top: 35px }

.mT40 { margin-top: 40px }

.mT50 { margin-top: 50px!important }

.mT60 { margin-top: 60px!important }

.mT70 { margin-top: 70px!important }

.mT28 { margin-top: 28px; text-align: right }

margin-left .mL0 { margin-left: 0 }

.mL5 { margin-left: 5px }

.mL10 { margin-left: 10px }

.mL15 { margin-left: 15px }

.mL20 { margin-left: 20px }

.mL25 { margin-left: 25px }

.mL30 { margin-left: 30px }

.mL40 { margin-left: 40px }

.mL50 { margin-left: 50px }

.mL55 { margin-left: 55px }

.mL190 { margin-left: 190px }

.margin-Left { margin-left: 274px }

margin-right .mR0 { margin-right: 0 }

.mR2 { margin-right: 2px }

.mR5 { margin-right: 5px }

.mR10 { margin-right: 10px }

.mR12 { margin-right: 12px }

.mR14 { margin-right: 14px }

.mR15 { margin-right: 15px }

.mR18 { margin-right: 18px }

.mR20 { margin-right: 20px }

.mR21 { margin-right: 21px }

.mR22 { margin-right: 22px }

.mR23 { margin-right: 23px }

.mR24 { margin-right: 24px }

.mR25 { margin-right: 25px }

.mR30 { margin-right: 30px!important }

.mR40 { margin-right: 40px!important }

.mR45 { margin-right: 45px!important }

.mR50 { margin-right: 50px!important }

.mR55 { margin-right: 55px!important }

.mR60 { margin-right: 60px!important }

.mR65 { margin-right: 65px!important }

.mR70 { margin-right: 100px!important }

.mR80 { margin-right: 80px!important }

margin-bottom .mB0 { margin-bottom: 0 }

.mB5 { margin-bottom: 5px }

.mB10 { margin-bottom: 10px }

.mB15 { margin-bottom: 15px!important }

.mB20 { margin-bottom: 20px!important }

.mB25 { margin-bottom: 25px!important }

.mB28 { margin-bottom: 28px!important }

.mB30 { margin-bottom: 30px!important }

.mB35 { margin-bottom: 35px!important }

.mB45 { margin-bottom: 45px!important }

.mB60 { margin-bottom: 60px!important }

.mB160 { margin-bottom: 160px!important }

padding .p0 { padding: 0 }

.p5 { padding: 5px }

.p8 { padding: 8px }

.p10 { padding: 10px }

.p12 { padding: 12px }

.p15 { padding: 15px }

.p20 { padding: 20px }

.p25 { padding: 25px }

.p30 { padding: 30px }

padding-top .pT0 { padding-top: 0 }

.pT2 { padding-top: 2px }

.pT8 { padding-top: 8px }

.pT5 { padding-top: 5px }

.pT10 { padding-top: 10px }

.pT15 { padding-top: 15px }

.pT14 { padding-top: 14px }

.pT20 { padding-top: 20px }

.pT25 { padding-top: 25px }

.pT30 { padding-top: 30px }

.pT40 { padding-top: 40px }

.pT50 { padding-top: 60px }

padding-bottom .pB0 { padding-bottom: 0 }

.pB5 { padding-bottom: 5px }

.pB10 { padding-bottom: 10px }

.pB14 { padding-bottom: 14px }

.pB15 { padding-bottom: 15px }

.pB20 { padding-bottom: 20px }

.pB25 { padding-bottom: 25px }

.pB30 { padding-bottom: 30px }

.pB40 { padding-bottom: 40px }

.pB80 { padding-bottom: 80px }

padding-left .pL0 { padding-left: 0 }

.pL5 { padding-left: 5px }

.pL10 { padding-left: 10px }

.pL15 { padding-left: 15px }

.pL20 { padding-left: 20px }

.pL25 { padding-left: 25px }

.pL32 { padding-left: 32px }

.pL40 { padding-left: 40px }

.pL50 { padding-left: 50px }

.pL60 { padding-left: 60px }

.pL80 { padding-left: 80px }

padding-right .pR0 { padding-right: 0 }

.pR5 { padding-right: 5px }

.pR10 { padding-right: 10px }

.pR15 { padding-right: 15px }

.pR20 { padding-right: 20px }

.pR25 { padding-right: 25px }

.pR30 { padding-right: 30px }

img {max-width: 100%;height: auto;}

.scroll-to-top { position: fixed; bottom: 15px; right: 15px; width: 40px; height: 40px; color: #fff; font-size: 13px; text-transform: uppercase; line-height: 38px; text-align: center; z-index: 100; cursor: pointer; border-radius: 50%; background: #0a0a0a; display: none; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }

.scroll-to-top:hover { color: #fff; background: #4f4f4f }

.padd-1 { padding: 80px 0 50px }

.padd-2 { padding: 30px 0 30px }

.padd-3 { padding: 0 0 50px }

.padd-4 { padding: 80px 0 0 }

.padd-5 { padding: 0 0 80px }

.padd-6 { padding: 80px 0 20px }

.sidebar-padd { padding: 20px; border: 1px solid #f5f5f5 }

.mar-1 { margin-bottom: 40px }

.mar-2 { margin-bottom: 0 }

.bsttext { position: absolute; bottom: 15px; left: 20px }

.bsttext a { color: #fff; font-size: 22px }

.sec-title { margin-top: 10px; margin-bottom: 20px }

.sec-title h2 { position: relative; font-size: 30px; font-weight: 600; color: #222; text-transform: capitalize }

.colorwhite { color: #fff!important }

.aoitem { width: 100%; background-color: #34495e; min-height: 100px; margin: 10px 0; box-shadow: rgba(0,0,0,.5) 0 2px 2px; border-radius: 5px; color: #fff }

.aoitem:hover { opacity: .8 }

.aoitem img { width: 100% }

.item.h200 { width: 100%; min-height: 400px }

.aoitem.h100 { width: 100%; min-height: 200px }

.single-team-member { border-radius: 5px }

.main-header { position: relative; background-image: url(../images/topheader-bg.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; padding: 5px 0; z-index: 999 }

.main-header .header-top { position: relative; padding: 5px 0 }

.main-header .header-top .top-right { text-align: right; padding: 0 0; float: right }

.main-header .header-top .top-right .right-text { padding: 0 0 }

.main-header .header-top .top-right .right-text ul { padding: 0 0 }

.main-header .header-top .top-right .right-text ul li { padding: 0 10px; float: left; color: #fff }

.main-header .header-top .top-right .right-text ul li a { color: #fff; font-size: small }

.main-header .header-top .top-left { padding: 0 0; float: left }

.main-header .header-top .top-left .text { display: inline-block; color: #fff; font-size: small }

.main-header .header-top .top-left .text a { color: #efefef; text-decoration: underline }

.sectionpad { padding: 20px 0 }



.newtext {font-size: 16px; color:#fff;}



h2 { font-size: 25px; font-weight: bold; color: #1d1717; padding-bottom: 5px; background-repeat: no-repeat; background-position: left; text-align: left }

h2 span { color: #cc3432; display: inline-block; vertical-align: top; margin-top: 0 }

h2 span img { margin-top: -7px }

.weltext {font-size: 16px;color: #000000;text-align: justify;font-weight: 700;line-height: 1.8em;}

.welsubtxt { color: #000; line-height: 1.8em; font-size: 14px; text-align: justify; font-weight: 400 }

.btnredadmore { padding: 30px 0 15px 0 }

.btnredadmore img { height: 45px }

.welcomeimg img { padding-left: 40px; }

.edgesection { padding: 30px 0; background-color: #f9f9f9 }

.fabrisection { padding: 30px 0; background-color: #f9f9f9; border-top: solid 1px #dedede }

h3 { font-size: 20px; font-weight: 700; color: #484848; padding-bottom: 5px }

h4 { color: #2e66b4; font-size: 21px; font-weight: 700; padding-top: 5px }

h5 { color: #2e2a2a; font-size: 30px; font-weight: 700 }

.edgglassimg img { padding-right: 40px }

.edgetext { font-size: 16px; color: #2e2a2a; text-align: justify; font-weight: 400; line-height: 1.8em; padding-top: 20px }

.ourteam { font-size: 30px; font-weight: 700; color: #052859 }

.ourteamtxt { font-size: 18px; padding-top: 10px; padding-bottom: 10px; font-weight: 700; color: #2e2a2a; text-align: center }

.centeralign { text-align: center; padding: 10px }

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display: none }

.nbs-flexisel-container { position: relative; max-width: 100% }

.nbs-flexisel-ul { position: relative; width: 99999px; margin: 0; padding: 0; list-style-type: none; text-align: center; overflow: auto }

.nbs-flexisel-inner { position: relative; overflow: hidden; float: left; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }

.nbs-flexisel-item { float: left; margin: 0; padding: 0; cursor: pointer; position: relative; line-height: 0; filter: grayscale(100%); -webkit-filter: grayscale(100%); width:100px; }

.nbs-flexisel-item:hover { filter: none; -webkit-filter: none }

.nbs-flexisel-item img { max-height: 80px; max-width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px }

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { padding: 5px 10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; position: absolute; cursor: pointer; z-index: 4; top: 45%; border-radius: 50px; width: 30px; height: 30px; line-height: 21px; transform: translateY(-50%); background: rgba(0,0,0,.5); color: #fff }

.nbs-flexisel-nav-left { left: 10px }

.nbs-flexisel-nav-left:before { content: "<" }

.nbs-flexisel-nav-left.disabled { opacity: .4 }

.nbs-flexisel-nav-right { right: 5px }

.nbs-flexisel-nav-right:before { content: ">" }

.nbs-flexisel-nav-right.disabled { opacity: .4 }

.contpadright { padding-right: 15px }

.contpadleft {padding-left: 15px !important;}

.testipl { padding-left: 20px }

.testibg {/*background-color: #e9ebee;*/padding: 10px;text-align: center;}

.contact { font-size: 30px; font-weight: 700; color: #544f4f; padding-bottom: 50px; background-image: url(../images/contactborder.jpg); background-repeat: no-repeat; background-position: left; text-align: left }

.contact { font-size: 15px;font-weight: normal;}

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

h6 { color: #2c2c2c; text-align: left; font-weight: 700; font-size: 20px; position: relative }

.col-center { margin: 0 auto; float: none!important }

.carousel {margin: 10px auto 30px;padding: 0 20px;}

.carousel .item {color: #4e4e4e;font-size: 14px;text-align: center;}

.carousel .item .img-box {display: table-cell;vertical-align: top;width: 30%;padding-top: 0px;}

.carousel .img-box img {display: block;width: 80%;height: auto;margin: 0 auto;padding: 5px;border: 1px solid #ddd;}

.carousel .testimonial {padding: 0px 0 10px;display: table-cell;width: 70%;text-align: left;/*font-style: italic;*/}

.carousel .overview { font-style: italic }

.carousel .overview b { text-transform: uppercase; color: #7aa641 }

.carousel .carousel-control { width: 40px; height: 40px; margin-top: -20px; top: 40%; background: 0 0 }

.carousel-control.left { left: -20px }

.carousel-control.right { right: -12px }

.carousel-control i { font-size: 30px; line-height: 42px; position: absolute; display: inline-block; color: rgba(0,0,0,.8); text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000 }

.carousel .carousel-indicators { bottom: -40px }

.carousel-indicators li, .carousel-indicators li.active { width: 10px; height: 10px; margin: 1px 3px; border-radius: 50% }

.carousel-indicators li { background: #999; border-color: transparent; box-shadow: inset 0 2px 1px rgba(0,0,0,.2) }

.carousel-indicators li.active { background: #555; box-shadow: inset 0 2px 1px rgba(0,0,0,.2) }

.footrightpad { padding-right: 25px }

.portfolio { text-align: center; font-size: 30px; color: #234b82; font-weight: 700; padding-bottom: 10px }

.center-holder, .modal { text-align: center }

.portmarleft { margin: 0 auto; margin-top: 15px; width: 100%; display: table; width: auto!important }

.foliosubtitle { font-weight: 700; font-size: 18px; padding-bottom: 10px; color: #000; line-height: 22px }

.portpdr { padding-right: 20px }

.portpdleft { padding-left: 20px }

.portalign { text-align: justify }

.readmore a { color: #234b82; text-decoration: underline }

.readmore a:hover { color: #000; text-decoration: none }

.gallery__description-block { display: none }



.modaltitle { font-family: Roboto; color: #818181; font-weight: 700; padding-bottom: 15px; font-size: 35px; text-align: left }

.modaltitle1 { font-family: Raleway; font-size: 35px; color: #355482; font-weight: 700; padding-bottom: 0; text-align: right }

.btnfloatr { float: right; padding-top: 10px }

.formpad { padding-right: 20px; padding-left: 0 }

.formpad input { border-bottom: 1px solid #000; padding-bottom: 0 }

.popupclose { background-color: #355482!important; color: #fff!important; padding: 6px!important; border-radius: 50px; width: 35px; height: 35px; line-height: 0; font-size: 22px; border: 1px solid #fff!important; right: -21px; position: absolute; top: 18px; margin-top: -33px!important }

.popupclose:hover { opacity: 1; background: #6084bb!important }

#preloader, .affix { z-index: 999!important }

.section-wrap { position: relative;}

.section-wrap .top-offset { position: absolute; top: -50px }

section .para-txt { margin-left: 15px }

section .para-txt li { margin-left: 15px; list-style: none; position: relative }

section .para-txt li:before { content: '\f0a4'; color: #274776; left: -20px; position: absolute; display: block; font-size: 15px; font-family: FontAwesome }

.nav-pills>li>a { padding: 0 8px }

.nav-tabs.nav-justified>li { vertical-align: bottom; width: 0%; border-bottom: solid 1px #234b82 }

.nav-tabs.nav-justified>li>a { border-bottom: 0; display: inline-block; vertical-align: middle }

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { color: #fff; background: #254775; border: none; border-top: 1px solid #234b82!important; border-right: 1px solid #234b82!important; border-left: 1px solid #234b82!important; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}

.btnredadmore a, .btnredadmore button { background-color: #909090; border-radius: 40px; padding: 10px 40px; padding-right: 50px; color: #fff; position: relative; text-decoration: none!important }

.btnredadmore button { height: 38px; line-height: 16px }

.btnredadmore a:after, .btnredadmore button:after { content: ''; position: absolute; display: inline-block; width: 31px; height: 31px; right: 6px; top: 4px; background: url(../images/read-more-btn-arrow.png) }

.btnredadmore a:hover, .btnredadmore button:hover { background-color: #6b6b6c }

.onoff-button { text-align: center; margin-top: 20px }

.onoff-button .toggle.btn { min-width: 80px }

.onoff-button .btn.btn-primary { background-color: #355482; border-color: #a1a1a1; border-radius: 20px; color: #fff }

.onoff-button .btn-default, .onoff-button .btn-default:hover, .onoff-button .btn.toggle-off { background-color: #a1a1a1; border-color: #a1a1a1; border-radius: 20px }

.onoff-button .toggle-on.btn { padding-right: 20px; padding-left: 0 }

.onoff-button .toggle-group .toggle-handle { background-color: #fff }

.tab-content>.tab-pane { padding: 10px 0 }

.tab-content>.tab-pane.fade {-moz-transition: all 2s ease; -ms-transition: all 2s ease; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease  }

.table.table-bordered { background: #fdfdfd }

.i4ewOd-pzNkMb-haAclf { background: #264876!important }

.modal { text-align: center; padding: 10px!important }

.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px }

.modal-dialog { display: inline-block; text-align: left; vertical-align: middle }

.img1-sec img, .img2-sec img { max-height: 250px; width: 100% }

.modal-content { text-align: center }

.welcome-txt { padding: 25px 0 10px 0;}

.filter-controls { list-style: none; margin: 0; padding: 0; margin-bottom: 30px; text-align: center; text-transform: uppercase }

.filter-controls li { display: inline-block; position: relative; padding: 8px 20px; margin-bottom: 20px; color: #4f4f4f; border-radius: 100px; overflow: hidden; z-index: 1; cursor: pointer; -webkit-transition: .3s; transition: .3s }

.filter-controls li:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #284877; -webkit-transition: .3s; transition: .3s; opacity: 0 }

.filter-controls li.active { color: #fff }

.filter-controls li.active:before { opacity: 1 }

.mix { display: none; margin: 0; padding: 0 }

.filter-box { position: relative }

.filter-box .filter-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; padding: 30px; color: #fff; opacity: 0; overflow: hidden; -webkit-transition: .3s; transition: .3s }

.filter-box:hover .filter-hover { opacity: 1 }

.filter-box .filter-hover h5 { color: #fff; position: relative; padding: 10px 0; font-size: 18px }

.filter-box .filter-hover h5:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #fff }

.site2 .filter-box .filter-hover h5 { position: absolute; left: 30px; bottom: 30px }

.filter-box .filter-hover:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #25477782; opacity: .6; z-index: -1 }

.filter-box .filter-hover .filter-popup { display: block; position: absolute; left: 40%; top: 30%; width: 100%; height: 100%; margin-left: -50px; margin-top: -50px }

.filter-box .filter-hover .filter-popup:after, .filter-box .filter-hover .filter-popup:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 1px; background-color: #fff; display: none }

.filter-box .filter-hover .filter-popup:before { -webkit-transform: rotate(90deg); transform: rotate(90deg) }

.filter-box .filter-hover img { width: 100% }

.team-box {position: relative;border-radius: 3px;overflow: hidden;margin-top: 10px;display: inline-block;width: 95%; padding-left:10px}

.team-box .team-image img {/* width: auto; *//* height: 200px; */object-fit: cover;}

.team-hover { padding: 20px; position: absolute; left: 0; top: -100%; width: 100%; height: 100%; z-index: 1; color: #fff; -webkit-transition: .6s; transition: .6s }

.team-box.two .team-hover { height: auto; top: auto; bottom: -100% }

.team-box:hover .team-hover { top: 0 }

.team-box.two:hover .team-hover { top: auto; bottom: 0 }

.team-hover .team-social-menu { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #e1e5ea; text-align: center }

.team-hover .team-social-menu a { border-right: 1px solid #ededed; padding: 5px 10px; display: inline-block; font-size: 18px }

.team-hover .team-social-menu a:last-child { border-right: none }

.team-hover .t_sub_title, .team-hover .t_title { display: block; text-align: center; color: #fff; margin-bottom: 5px }

.team-hover .t_title { font-size: 18px }

.team-hover .t_sub_title { margin-bottom: 20px }

.team-hover:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #c2e9fb; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d7d9da), to(#8499bb)); background: linear-gradient(to bottom, #738298 1%, #39424e 100%); z-index: -1; opacity: .9 }

.team-box.two .team-hover:before { opacity: 1 }

.team-hover .bar_group { position: relative }

.team-hover .bar_group__bar.thick { width: 0%; height: 3px; border-radius: 6px; background: #fff; -webkit-transition: width 1s; transition: width 1s; z-index: 1; margin-bottom: 30px!important }

.team-hover .bar_group__bar.thick::after { display: block; content: ''; position: absolute; z-index: 0; opacity: 1; width: 95%; height: 3px; border-radius: 6px; background: #e4e2e2; z-index: -1 }

.team-hover .b_tooltip { position: relative; float: left; left: 100%; padding: 5px 5px 3px 5px; background-color: #fff; color: #6b6d6f; -webkit-transform: translateX(-50%) translateY(-30px); transform: translateX(-50%) translateY(-30px); border-radius: 2px; line-height: 1em }

.team-hover .b_tooltip:before { content: ""; position: absolute; left: 50%; width: 0; height: 0; bottom: -5px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%) }

.team-hover .b_tooltip span:after { content: "%" }

.team-hover .bar_label_max, .team-hover .bar_label_min { display: none }

.team-hover .bar_group .b_label { font-size: 16px }

.nav.nav-tabs.nav-justified.filter-controls { max-width: 673px; margin: 0 auto; margin-bottom: 20px }

#more { display: none }

.modal-dialog { width: 630px }

.morecontent span { display: none }

.morelink { display: block }

.imageabout { margin-top: 48px }

.img-sec {/* width: 70%; */margin: 0 auto;display: block;padding-top: 30px;}

h4 > small {font-size: 13px;display: block;}

.team-image {text-align: center;}

.rightalign { text-align: right }

.errorOnElemet { border: 2px dotted; border-color: red }

.errorMsgArrow { display: block; font: normal 11px/14px arial; color: red; padding: 2px 1px; position: relative; margin-top: -25px }

.errorMsg { display: block; font: normal 11px/14px arial; color: red; padding: 2px 1px; position: relative }

.errorMsgArrow em { position: absolute; width: 12px; left: 10px; top: -5px; height: 5px; background-position: -50px -950px }

.successMsgArrow { display: block; font: normal 11px/14px arial; color: #30c11e; padding: 2px 1px; position: relative }

.successMsg { display: block; font: normal 11px/14px arial; color: #30c11e; padding: 2px 1px; position: relative }

.successMsgArrow em { position: absolute; width: 12px; left: 10px; top: -5px; height: 5px; background-position: -50px -950px }

.error_block { color: #d8000c; background-color: #ffbaba; border: solid 1px #ddd; font: bold 12px arial; padding: 10px; margin-bottom: 10px }

.success_block { color: #4f8a10; background-color: #dff2bf; border: solid 1px #bebebe; font: bold 12px arial; padding: 10px; margin-bottom: 10px }

.home-bounce .fa { width: 60px; display: block; text-align: center; color: #000; font: normal 45px FontAwesome; line-height: 60px; text-rendering: auto; -webkit-font-smoothing: antialiased }

.home-bounce .fa-angle-double-down:before { content: "\f107" }

.home-bounce { position: absolute; bottom: 136px; left: 50%; width: 60px; height: 60px; margin-left: -30px; border: 2px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; z-index: 10; cursor: pointer }

@-webkit-keyframes bounce {

0%, 100%, 20%, 50%, 80% {

-webkit-transform:translateY(0)

}

40% {

-webkit-transform:translateY(-30px)

}

60% {

-webkit-transform:translateY(-15px)

}

}

@-moz-keyframes bounce {

0%, 100%, 20%, 50%, 80% {

-moz-transform:translateY(0)

}

40% {

-moz-transform:translateY(-30px)

}

60% {

-moz-transform:translateY(-15px)

}

}

@-o-keyframes bounce {

0%, 100%, 20%, 50%, 80% {

-o-transform:translateY(0)

}

40% {

-o-transform:translateY(-30px)

}

60% {

-o-transform:translateY(-15px)

}

}

@keyframes bounce {

0%, 100%, 20%, 50%, 80% {

transform:translateY(0)

}

40% {

transform:translateY(-30px)

}

60% {

transform:translateY(-15px)

}

}

.bottom-icons a i:hover { color: #000!important }

h4 { font-size: 20px; font-weight: 700; color: #484848; padding-bottom: 10px }

.specfibg { padding: 20px 0 }



.filter-section {position:fixed;bottom: -0.3em;/* left:40px; */right: 10px;z-index: 999;margin-bottom: 10px;}

.filter-section > .btn-filter {width: 52px;height: 52px;border-radius: 52px;position:relative;outline:0;border:0;z-index:1000;float:right;clear:right;background-color: #ddd;}

.filter-section > .btn-filter:after {content:'\f086';/* background:url(../images/common/icons/fa-custom-filter-blue.png) no-repeat center; */background-size:100% auto;position:absolute;font-size: 28px;left: 14px;/* top:50%; *//* width: 1.870em; *//* height: 2em; *//* margin: -0.791em 0 0 -0.987em; */-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;/* font-size: 0.5em; */font-family: 'FontAwesome';}

.filter-section > .btn-filter:hover:after{}

.filter-section > .btn-filter.active:after {content:'\f00d';/*background-image:url(../images/common/icons/fa-custom-times-white.png); width:33px; height:36px; margin:-18px 0 0 -16px;*/}

.nav_overlay { display:none; background:#000; opacity:0.75; filter:alpha(opacity=75); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999;}



ul.filter-menu {display:inline-block;position:relative;z-index:1000;float:right;float:right;margin: 0 0px 14px;}

ul.filter-menu > li {display:block;width:100%;padding: 7px 0;}

ul.filter-menu > li > a { display:table; width:100%; }

ul.filter-menu > li > a > span { display:table-cell; }

ul.filter-menu > li > a > span:first-child { vertical-align:middle; text-align:right; padding-right:0.870em; }

ul.filter-menu > li > a > span:first-child + span {width: 50px;}

ul.filter-menu > li > a > span > b {display:inline-block;padding:6px 30px;background: #d6d6d6;color:#000000;border-radius:6px;font-size:1.130em;font-weight:400;}

ul.filter-menu > li > a > span > i {width: 50px;height: 50px;border-radius:100%;background: #234b82;position:relative;float:left;color: #fff; font-family:'FontAwesome';}

ul.filter-menu > li > a > span > i.fa-facebook-messenger { background:#1a6ae0; }

ul.filter-menu > li > a > span > i.fa-whatsapp { background:#53b200; }

ul.filter-menu > li > a > span > i.fa-envelope { background:#f59c03; }



ul.filter-menu > li > a > span > i:before {position:absolute;left: 17px;top: 13px;height:50px;margin-top: 0;font-style: normal;font-size: 20px;}

ul.filter-menu > li > a > span > i.fa-custom-crown:before { width:43px; margin-left:-21px; }

ul.filter-menu > li > a > span > i.fa-custom-map-marker-o:before { width:32px; margin-left:-16px; }

ul.filter-menu > li > a > span > i.fa-custom-deals:before { width:43px; margin-left:-21px; }

ul.filter-menu > li > a > span > i.fa-custom-curated:before { width:39px; margin-left:-19px; }





.team-photos {

    display: block;

    max-width: 890px;

    margin: 0 auto;

}

.team-photos li{

    display: table-cell;

    width: auto;

    max-height: 250px;

    vertical-align: top;

    text-align: center;

}

.team-photos li + li{padding-Left:10px;}



#wh-widget-send-button.wh-widget-right{right:-7px !important;bottom:40px !important;}





.grey-effect {filter: grayscale(100%);

    -webkit-filter: grayscale(100%);}

	

.marquee {

  overflow: hidden;

}

.slider{

    width:100%;

    overflow:hidden;

    position:relative;

    margin:0;

}

.partner-scroll{display:block;width:10000%;background: #fff; overflow:hidden; position:relative; margin:0;}

.partner-scroll li{display: inline-block;background: none; filter: grayscale(100%); -webkit-filter: grayscale(100%);padding:0 10px;width:180px; height:100px;}

.partner-scroll li > img{ width:100%; height:auto;}

.partner-scroll li:hover { filter: none; -webkit-filter: none; cursor:pointer; }



.bootstrap-select.btn-group .dropdown-menu {margin-top:-20px;}





.video-wrap  {max-width:50%; margin:0 auto;}

video  {max-height: 300px;width: 100%;}

.contact-wrap {display:table}

.contact-wrap > div{display:table-cell}

.contact-wrap > div.address-sec {background: #e9ebee;padding-left:20px;padding-right:20px;margin-top: 12px;}



.head-custom {font-weight: 900;font-size: 40px;font-family: 'Kanit';padding-bottom: 0;line-height: 1.2em;color: #254775;}

.welsubtxthead {font-size: 20px;font-family: 'Kanit';}



.fa.custom {position:absolute;left:0px;top: 4px;color:#b90a0a;width: 14px;height: 25px;text-align: center;}

.fa.fa-map-marker.custom{font-size:25px; }

.fa.fa-globe.custom {font-size:20px;}

.fa.fa-mobile.custom {font-size:25px;top: 2px;}

.address-sec > p{padding-left:25px;position:relative;margin-bottom: 13px;}


/**
=============================================
	New CSS Added on 06-01-2019 By Rupesh
=============================================
**/
.abtbg {
	background-image: url(../images/aboutimg.jpg); 	
	background-repeat: no-repeat; 	
	width: 100%;
	height: auto;
	background-attachment: fixed;
	background-size: cover;
}
.logopad {
	text-align: center;
	padding-top: 60px;
}
.rlhpad0 {
	padding-right: 0px;
	padding-left: 0px;
}
.rlhleftpad0 {
	padding-left: 0px;
}
.rlhrightpad0 {
	padding-right: 0px;
}
.movimt {
	margin-top: 15px;
}
.filmyear {
	color: #1d1717;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0px;
	text-align: left;
}
.filmname {
	color: #cc3432;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0px;
	text-align: left;
}
.filmdetail {
	line-height: 14px !important;
	font-size: 11px;
	color: #000;
	font-weight: bold;	
}
.proprietorbg {
	background-color: #f4f3ef;
}
.cols {
    -moz-column-count:3;
    -moz-column-gap: 3%;
    -moz-column-width: 40%;
    -webkit-column-count:3;
    -webkit-column-gap: 3%;
    -webkit-column-width: 40%;
    column-count: 3;
    column-gap: 2%;
    column-width: 40%;
}
.box {
    margin-bottom: 60px;
}
.box.one {
    height: 180px;
    background-color: #d77575;
}
.box.two {
    height: 180px;
    background-color: #dcbc4c;
}
.box.three {
    background-color: #a3ca3b;
    height: 370px;
}
.box.four {
    background-color: #3daee3;
    height: 180px;
}
.box.five {
    background-color: #bb8ed8;
    height: 180px;
}
.box.six {
    background-color: #baafb1;
    height: 200px;
}
.mainnewtitle {
	color: #252020;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
.mainnewtitle span{
	color: #cc3432;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
.musicfiltit {
	font-size: 14px;
	font-weight: bold;
	color:#1d1717;
	padding-bottom: 10px;
}
.musicfiltit span{
	color: #cc3432;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
}
.mfilmname {
	color: #cc3432;
	font-size: 13px;
	padding-bottom: 0px;
	line-height: 21px;
	font-weight: bold;
}
.mfilmname span{
	color: #1d1717;
	font-size: 13px;
	padding-bottom: 0px;
	line-height: 21px;
	font-weight: bold;
}
.musicbg {
	width: 100%;
	height: auto;
	background-attachment: fixed;
	background-size: cover;
	background-image: url('../images/musicbg.jpg');
	/*margin: 25px 0px;*/
}
.footerbg {
	padding: 20px 0px;
	background-color: #1a1a1a;
}
.footerbg h4 {
    font-size: 20px;
    padding-bottom: 0px;
    color: #fff;
}
.footerbg p {
	font-size: 14px;
    color: #fff;
    opacity: 0.3;
    text-decoration: none;
    padding-bottom: 0px;
    line-height: 20px;
}
.footer-nav {
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.footer-nav ul {
    padding: 0px 0px 0px 0px;
}
.footer-nav ul li {
    padding: 0px 0px;
}
.footer-nav ul li a {
    font-size: 14px;
    color: #fff;
    opacity: 0.3;
    text-decoration: none;
}
.flimpoclicy {
	color: #fff;
	opacity: 0.3;
}
.flimpoclicy a{
	color: #fff;
	opacity: 1.3;
}
.flimpoclicy a:hover {
	text-decoration: underline;
}


.flimpoclicy1 a{
	color: #0e168b;
	opacity: 1.3;
}
.flimpoclicy1 a:hover {
	text-decoration: underline;
}



.lincolor {
	color: #fff;
	opacity: 0.3;
}
.icoright {
	text-align: right;
}
.genrationbg {
	max-width: 100%;
	height: auto;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-image: url('../images/generationbg.jpg');
	/*margin: 25px 0px;*/
}
.genertxt span {
	color: #cc3432;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	padding-bottom:10px; 
}
.genertxt {
	color: #230504;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	padding-bottom:10px; 
}
.generationimg img {
	padding: 20px 0px;
	text-align: center;
	width:280px;
	height: 200px;
}
.flexbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 32vw;
}
/*.flexbox:hover img {
  opacity: 0.28;
}*/
.flexbox .item {
  position: relative;
  width: 33.33%;
  padding: 17px;
}
.flexbox .item img {
  width: 100%;
  display: block;
  transition: all .8s;
}
.flexbox .item .title {
  position: absolute;
  top: 48%;
  left: 0;
  width: 100%;
  padding: 0 3%;
  font-size: 30px;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.42);
}
/*.flexbox .item:hover img {
  opacity: 1;
}*/

.musicmarg {
	margin-bottom: 78px;
}
.musicheight {
	height: 250px;
}


/**
====================================
		Music CSS
====================================
**/
/* Misc.
================================================== */

.add-bottom { margin-bottom:2rem !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.hidden { display:none; }

.no-support {
margin:2rem auto;
text-align:center;
width:90%;
}


/* Audio Player Styles
================================================== */
.column { width:auto; }
audio {
display:none;
}

#audiowrap {
	margin: 0 auto 20px auto;
	border:1px solid #424242;
	background-color: #424242;
}
#plwrap {
margin:0 auto;
}

#tracks {
font-size:0;
/*position:relative;
text-align:center;*/
position: absolute;
top: 5px;
right: 5px;
}

#nowPlay {
display:block;
font-size:0;
}

#nowPlay span {
display:inline-block;
font-size:1.05rem;
vertical-align:top;
}

#nowPlay span#npAction {
padding:21px;
width:30%;
}

#nowPlay span#npTitle {
padding:21px;
text-align:right;
width:70%;
}

#plList li {
cursor:pointer;
display:block;
margin:0;
padding:5px;
float: left;
width: 25%;
}

#plList li:hover {
background-color:rgba(0,0,0,.1);
}

.plItem {
position:relative;
}

.plTitle {
left:50px;
overflow:hidden;
position:absolute;
right:65px;
text-overflow:ellipsis;
top:0;
white-space:nowrap;
}

.plNum {
padding-left:10px;
width:25px;
}

.plLength {
padding-left:21px;
position:absolute;
right:21px;
top:0;
}

.plSel,
.plSel:hover {
background-color:rgba(0,0,0,.1);
color:#fff;
cursor:default !important;
}

#tracks a {
/*border: 1px solid #eee;
border-radius: 50%;
width: 31px;
height: 31px;
font-size: 20px;*/
text-align: center;
/*line-height: 6px;*/
color:#000;
cursor:pointer;
display:inline-block;
/*margin:0 5px 10px;*/
padding:10px 4px;
text-decoration:none;
background-color:transparent;
transition:background .3s ease;
}

#tracks a:last-child {
margin-left:0;
}

#tracks a:hover,
#tracks a:active {
background-color:rgba(0,0,0,.1);
color:#fff;
}

#tracks a::-moz-focus-inner {
border:0;
padding:0;
}


/* Plyr Overrides
================================================== */

.plyr--audio .plyr__controls {
background-color:transparent;
border:none;
color:#fff;
padding:10px 10px 10px 10px;
width:94%;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
background:rgba(0,0,0,.1);
}

.plyr__progress--played,
.plyr__volume--display {
color:rgba(0,0,0,.1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
background:rgba(0,0,0,.1);
}

.plyr--audio .plyr__progress--buffer {
color:rgba(0,0,0,.1);
}





.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}






















@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);
figure.snip0016 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0px;
  min-width: 220px;
  max-width: 491px;
  max-height: 286;
  width: 100%;
  background: #000000;
  text-align: left;
}
figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 3em;
  width: 100%;
  height: 100%;
}
figure.snip0016 figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 100%;
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016 h2,
figure.snip0016 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0016 h2 span {
  font-weight: 800;
}
figure.snip0016 p {
  font-weight: 200;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0016:hover img {
  opacity: 0.3;
}
figure.snip0016:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
figure.snip0016:hover figcaption p {
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/**
=================================================
		Rupesh Added New Css on 25/07/2019
=================================================
**/
.closebtn {
	border: 1px solid #fff !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    top: -10px;
    position: absolute;
    right: -34px;
    color: #fff;
    font-size: 27px;
}
.contactbtn {
	background-color: #ff6400;
    padding: 2px 9px !important;
    border-radius: 2px !important;
    margin-top: 13px;
}
.contactbtn:hover {
	background-color: #c4530a !important;
	color: #fff !important;
}
.mdtxt-align {
	text-align: left !important;
}
.fsize {
	font-size: 25px;
	font-weight: bold;	
	padding-bottom: 0px !important;
	color: #ff6405;
}