.loader {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 999;
    display: block;
}
@keyframes ldio-v6g4je6oqv {
  0% {
    top: 70.5px;
    left: 70.5px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 17.25px;
    left: 17.25px;
    width: 106.5px;
    height: 106.5px;
    opacity: 0;
  }
}

.ldio-v6g4je6oqv div {
  position: absolute;
  border-width: 4.5px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  animation: ldio-v6g4je6oqv 1s cubic-bezier(0,0.2,0.8,1) infinite;
}

.ldio-v6g4je6oqv div:nth-child(1) {
  border-color: #faa734
}

.ldio-v6g4je6oqv div:nth-child(2) {
  border-color: #332a86;
  animation-delay: -0.5s;
}

.loadingio-spinner-ripple-rf50obiksdm {
  width: 150px;
  height: 150px;
  display: inline-block;
  overflow: hidden;
  background: none;
  position:absolute;
  top:50%; left:50%; z-index:99; position:fixed; transform: translate(-50%, -50%);
}
.ldio-v6g4je6oqv {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-v6g4je6oqv div { box-sizing: content-box; }
.loader-message{width:100%; position:absolute; top:50%; left:0; font-size:1rem; text-align:center; color:#F00 !important; transform:translateY(60px);}
@font-face {
    font-family: 'HelveticaNeueLTPro-Lt';
    src: url('../fonts/HelveticaNeueLTPro-Lt.eot');
    src: url('../fonts/HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTPro-Lt.woff') format('woff'),
        url('../fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype'),;
    font-weight: normal;
    font-style: normal;
   font-display: swap;
}
@font-face {
    font-family: 'HelveticaNeueLTPro-Md';
    src: url('../fonts/HelveticaNeueLTPro-Md.eot');
    src: url('../fonts/HelveticaNeueLTPro-Md.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTPro-Md.woff') format('woff'),
        url('../fonts/HelveticaNeueLTPro-Md.ttf') format('truetype'),;
    font-weight: normal;
    font-style: normal;
   font-display: swap;
}


html{height:100%; width:100%; -webkit-appearance: none; -moz-appearance:none; appearance:none; }
body{margin:0; padding:0; height:100%; width:100%; font-family: 'HelveticaNeueLTPro-Lt'; font-size:22px; color:#000000; display:flex;
 justify-content:center;  align-items: center; background: rgb(255,255,255);
background: linear-gradient(160deg, #dee8ff 0%, #ffffff 100%);}
input, a{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a, a:hover, input, .template img{text-decoration:none;}
h1, h2{margin:0; padding:0; line-height:normal; font-weight:normal; }
input:focus{outline: 0px none #fff !important;}
label.error{color:#F00; font-size:12px; width:100%; text-align:left; margin:0; margin-top:-20px; display:block;}
input.error{border:1px solid #F00 !important; }
.alert{font-size: 1rem;}

.bt{background-color:#f7941d; color:#fff; font-size:1em;  border:none; border-radius:20px; padding:3px 20px}
.bt:hover{background-color:#2e3192;}
a.textlink{color:#2e3192; font-size:1rem; text-decoration:underline;}
a.textlink:hover{color:#f7941d; text-decoration:underline;}
.iconbt, button.iconbt {display:inline-block; background-color:#f7941d; text-align:center; line-height:35px; height:35px; width:35px; color:#FFF;  border-radius:7px;}
button.iconbt{border:0; line-height:inherit;}
.iconbt:hover, button.iconbt:hover{background-color:#2e3192; color:#FFF;}

.container{width:100%; min-height:640px; padding:50px 65px; max-width:1024px; position:relative; background-color:#fff; border-radius:8px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; background-position:bottom right; background-repeat:no-repeat;}
.logo{margin:0 0 35px 0; width:60%; max-width:332px;}
.header-bt{position:absolute; right:20px; top:20px;}
.header-bt a{display:inline-block; background-color:#f7941d; text-align:center; line-height:35px; height:35px; width:35px; color:#FFF; margin-right:10px; border-radius:7px;}
.header-bt a:hover{background-color:#2e3192;}

/*login*/
.login{width:100%; max-width:360px;}
label.form{width:100%; margin-bottom:10px;}
.textbox{width:100%; margin-bottom:25px; border:1px solid #cbcbcc; border-radius:5px; font-size:1em; padding:5px 10px;}

/*select cat*/
.select-cat{width:100%; max-width:360px;}
.cat-bt-div{margin-bottom:50px;}
.cat-bt-div .text{border:1px solid #2e3192; border-width:1px 0 1px 1px; height:48px; line-height:48px; padding:0 15px 0 25px; color:#2e3192; font-size:1.3em; display:inline-block; border-radius: 24px 0px 0px 24px;}
.cat-bt-div .link{border:1px solid #f7941d; border-width:1px 1px 1px 0px; height:48px; line-height:48px; padding:0 25px 0 15px; color:#fff; background-color:#f7941d; font-weight:bold; font-size:1.3em; text-transform:uppercase; display:inline-block; border-radius: 0px 24px 24px 0px;}
.cat-bt-div .link:hover{border:1px solid #2e3192; border-width:1px 1px 1px 0px; background-color:#2e3192;}

/*Select template*/
.filter{width:100%;  position:relative; border-bottom:1px solid #f7941d; padding-bottom:10px; text-align:right;}
.filter select{border:1px solid #cbcbcc; border-radius:5px; font-size:0.8em; padding:5px 10px; color:#2e3192;}
.owl-carousel{margin-top:25px;}
.owl-nav{display:none;}
.galbox{position:relative; height:320px; background-position:top center; background-repeat:no-repeat; background-color:#dee8ff; background-size:cover; border-radius:7px; overflow:hidden; cursor:pointer}
.owl-carousel .owl-item img{width:inherit;}
.galbox .galbox-text{padding:15px; text-align:left; position:absolute; bottom:0; left:0; background-color:rgba(46,49, 146, 1); width:100%; color:#fff;}
.galbox .galbox-text .foldername{font-size:1.2rem; display:block; text-transform: capitalize;}
.galbox .galbox-text .count{font-size:1rem; display:block;}
.preview-trigger{position:absolute; top:10px; right:10px; cursor:pointer;}


.consentpopup{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9; display:none;}
.consentcontent{width:96%; max-width:440px; padding:30px; position:absolute; top:50%; left:50%; font-size:1.2rem; text-align:center; transform:translate(-50%,-50%); background-color:#fff; border:1px solid #2e3192; border-radius:8px;}
.consentcontent p{margin-top:20px; margin-bottom:0; font-size:1rem;}
.consentcontent p a{display:inline-block;}
.consentcontent p a:hover{color:#fff;}



.disclaimer{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9; display:none;}
.disclaimercontent{width:96%; max-width:800px; padding:30px; position:absolute; top:50%; left:50%; font-size:1rem;  transform:translate(-50%,-50%); background-color:#fff; border:1px solid #2e3192; border-radius:8px; max-height:90vh; overflow:hidden; overflow-Y:scroll;}
.disclaimercontent h5{margin-bottom:15px;}
.disclaimercontent p{margin-top:0; margin-bottom:7px; font-size:1rem;}
.disclaimercontent li{font-size:1rem;}
.disclaimercontent p a{display:inline-block;}
.disclaimercontent p a:hover{color:#fff;}
.disclaimercontent p a.text{color:#000; text-decoration:underline;}
.disclaimercontent p a.text:hover{color:#f7941d; }
.bttopspace{margin-top:20px !important; margin-bottom:0;}
a.text:hover{color:#f7941d; }
a.text{color:#000; text-decoration:underline;}
.tnc h5{margin-bottom:20px;}
.tnc p{margin-bottom:10px; margin-top:0; font-size:1rem;}
.tnc li{font-size:1rem;}
.tnc li ul{margin-bottom:15px;}
.tnc li li{font-size:0.9rem;}

/* Genrate Poster */
.posterform{position:relative;}
/*term*/
.term{width:100%; font-size:0.85rem;}
.term p{margin-bottom:1em; line-height:1.3em;}
p.check{display:inline-block; cursor:pointer;}
p.check span{display:inline-block; margin-right:15px; border:1px solid #cbcbcc; height:20px; width:20px; vertical-align:bottom;}
p.check span.check{background:url(../images/check.png) no-repeat center; background-size:cover;}

.label.slim u{display:block; margin-top:10px;}
.label.slim{color:#faa634; width:100%; max-width:130px; margin-bottom:15px;}
.avatar{width:100%; max-width:120px; height:auto; border-radius:50%; border:1px solid #f7941d}
#avatar{width:100%; max-width:120px; height:auto; border-radius:50%; border:1px solid #f7941d}
#avatar2{width:100%; max-width:120px; height:auto; border-radius:50%; border:1px solid #f7941d}
.posterform .textbox{margin-bottom:15px; font-size:1.2rem;}
.posterform a.linkBt{display:inline-block; background-color:#f7941d; text-align:center; line-height:35px; height:35px; width:35px; color:#FFF; margin-left:10px; border-radius:7px;}
.posterform a.linkBt:hover{background-color:#2e3192;}
.suggestion{position:absolute; text-align:left; background-color:#2e3192; width:100%; max-height:200px; overflow-X:hidden; overflow-Y:scroll; z-index:1; border-radius:8px;}
.suggestion div{cursor:pointer; padding:8px 20px; color:#fff; border-bottom:1px solid #FFF; font-size:1rem;}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  margin-top:10px; vertical-align:middle;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #618db8;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}	

.slider.round:before {
  border-radius: 50%;
}
span.switchtext{font-size:0.9rem;  margin-left:15px; color:#8a8b8c;}

.label.slim .fa{color:#faa634; font-size:80px; margin-bottom:10px}

.posterform.videoform .label.slim{margin-left:50%; transform:translateX(-50%);}

.previewPop{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9; display:none;}
/*.previewPop div.img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  border-radius:8px; overflow:hidden;}*/
.previewPop div.img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  border-radius:8px; overflow:hidden; }
.preview{max-height:90vh; max-width:90vw;}
.previewPop div.img .heightfull{height:90vh; width:100%;}
.previewPop div.img a{display:inline-block; background-color:#f7941d; text-align:center; line-height:35px; height:35px; width:35px; color:#FFF; margin-left:10px; border-radius:7px; position:absolute; top:10px; right:10px}
.previewPop div.img a:hover{background-color:#2e3192;}


.imageEdit{background:rgba(0,0,0,.90); display:none; position: fixed; width:100%; height:100%; top: 0; left: 0; z-index: 9; transition:none !important;}
.imageEdit2{background:rgba(0,0,0,.90); display:none; position: fixed; width:100%; height:100%; top: 0; left: 0; z-index: 9; transition:none !important;}
.imageEdit_dy{background:rgba(0,0,0,.90); display:none; position: fixed; width:100%; height:100%; top: 0; left: 0; z-index: 9; transition:none !important;}
.imageEdit_common{background:rgba(0,0,0,.90); display:none; position: fixed; width:100%; height:100%; top: 0; left: 0; z-index: 9; transition:none !important;}
.imageEditDiv{top:50%; left:50%; position:relative; transform: translate(-50%, -50%); max-width:90%; max-height:60%; min-width:90%; min-height:60%;}
.cropper-canvas{-webkit-filter: blur(3px);  filter: blur(3px);}
.cropper-point{background-color:#faa634}
.slim-editor-utils-group p{margin:10px 0; padding:0;}
.slim-editor-utils-group{text-align:center;}


.common_btn{background-color:#f7941d; color:#fff; font-size:1em;  border:none; border-radius:20px; padding:3px 20px}
.common_btn:hover{background-color:#2e3192;}

.slim-editor-utils-group .common_btn{padding:0; margin:0 5px; height:50px; width:50px; display:inline-block; border-radius:10px;}
.chzn-container .chzn-results .active-result{font-size:18px; line-height:30px;}

/* Preview page */
.outputDiv{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9; }
.outputDiv div.img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  border-radius:8px; overflow: hidden;}
/*.outputDiv div.img img.imageSrc{height:90vh; width:auto;}*/
.outputDiv .outputBt{position:absolute; top:10px; left:0px; width:100%; text-align:right; z-index:9}
.outputDiv div a{display:inline-block; background-color:#f7941d; text-align:center; line-height:35px; height:35px; width:35px; color:#FFF; margin-right:10px; border-radius:7px; }
.outputDiv div a:hover{background-color:#2e3192;}

.landscape{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  border-radius:8px;  max-height:90vh; max-width:90vw; border-radius:8px; overflow: hidden;}
.portrait{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  border-radius:8px;  max-height:90vh; max-width:50vh; border-radius:8px; overflow: hidden;}
.landscape video,.portrait video,.landscape .imageSrc,.portrait .imageSrc, #myGif{width:100%; height:auto;}

#imageSrc{max-height:90vh; max-width:90vw; width:auto; height:auto;}
#previewtxt, #previewtxthidden, #previewtxthidden2{font-size: 130%; width: 90%; transform: translate(-50%, 0); text-align:center; font-weight:bold;}
.previewpic{position:absolute; width:20%; height:auto; border-style:solid;}
.previewpic.round{border-radius:50%;}
.previewtxt{position:absolute; display: inline-block; text-transform:capitalize; line-height: 0.85em;}
#previewImage{display:none; position:relative;}
.previewtxt .doc_quali, .previewtxt .doc_desig{font-size:60%; line-height: 0.3em;}

#hidden-poster{position:relative; display:none;}

/* update password */
.updatepassword{display:block;}