@font-face {
font-family: 'Vogue';
src: url("fonts/Vogue/Vogue.eot");
src: url("fonts/Vogue/Vogue.eot?#iefix") format("embedded-opentype"),
url("fonts/Vogue/Vogue.ttf") format("truetype"),
url("fonts/Vogue/Vogue.woff") format("woff"),
url('fonts/Vogue/Vogue.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova';
src: url('fonts/Proxima-Nova/Proxima-Nova-Font.eot');
src: url('fonts/Proxima-Nova/Proxima-Nova-Font.eot?#iefix') format('embedded-opentype'),
url('fonts/Proxima-Nova/Proxima-Nova-Font.woff2') format('woff2'),
url('fonts/Proxima-Nova/Proxima-Nova-Font.woff') format('woff'),
url('fonts/Proxima-Nova/Proxima-Nova-Font.ttf') format('truetype'),
url('fonts/Proxima-Nova/Proxima-Nova-Font.svg#Proxima Nova') format('svg');
}
@font-face {
font-family: 'Graphik';
src: url('fonts/Graphik/GraphikRegular.eot');
src: url('fonts/Graphik/GraphikRegular.eot?#iefix') format('embedded-opentype'),
url('fonts/Graphik/GraphikRegular.woff2') format('woff2'),
url('fonts/Graphik/GraphikRegular.woff') format('woff'),
url('fonts/Graphik/GraphikRegular.ttf') format('truetype'),
url('fonts/Graphik/GraphikRegular.svg#Graphik Regular') format('svg');
}
@font-face {
font-family: 'HelveticaNeueLT';
src: url("fonts/HelveticaNeueLT/HelveticaNeueLTStd-Lt.eot");
src: url("fonts/HelveticaNeueLT/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"),
url("fonts/HelveticaNeueLT/HelveticaNeueLTStd-Lt.ttf") format("truetype"),
url("fonts/HelveticaNeueLT/HelveticaNeueLTStd-Lt.woff") format("woff"),
url('fonts/HelveticaNeueLT/HelveticaNeueLTStd-Lt.svg') format('svg');
font-weight: normal;
font-style: normal;
}
body{
font-family: 'Graphik' !important; ;
font-size: 17px !important;
line-height: 1.60 !important;
font-style: normal;
font-weight: normal;
font-variant: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
outline: 0;
}
@media(max-width: 768px){
body{
font-size: 15px !important;
}
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/*************** Font size / Font Style***************/
.h1{
font-size: 55px !important;
margin-bottom: 30px !important;
margin-top: 0px !important;
font-family: 'Vogue' !important;
line-height: 1.2 !important;
}
.h2{
font-size: 50px !important;
margin-bottom: 20px !important;
font-family: 'Vogue' !important;
margin-top: 0px !important;
}
.h3{
font-size: 26px !important;
margin-bottom: 20px !important;
font-weight: 400 !important;
}
.h4{
font-size: 27px !important;
margin-bottom: 20px !important;
font-family: 'Vogue' !important;
}
.h5{
font-size: 20px !important;
margin-bottom: 20px !important;
}
.smallh1{
font-size: 29px;
font-family: 'Vogue' !important;
}
.smallh4 {
font-size: 28px !important;
margin-bottom: 15px !important;
font-family: 'Vogue' !important;
}
.text-sm{
font-size: 14px;
}
.text-sm14{
font-size: 16px;
}
.text-15{
font-size: 15px;
}
.text-16{
font-size: 16px;
}
.text-17{
font-size: 17px;
}
.text-18{
font-size: 18px;
}
.text-space{
letter-spacing: 2px;
}
.bold{
font-weight: : bold !important;
}
.text-lighter{
font-weight: 200;
}
.text-ucase{
text-transform: uppercase;
}
.text-bold{
font-weight: 600;
}
.text-justify{
text-align: justify;
}
.text-italic{
font-style: italic;
}
.text-uppercase{
text-transform: : uppercase !important;
}
.note{
font-size:16px;
color:#384F79;
line-height:16px;
}
/*************** Font Color ***************/
.defcolor{
color: #DF6689!important;
}
.defcolordark{
color:#0C315C;
}
.defcoloryellow{
color: #FDBE4D !important;
}
.black{
color: black !important;
}
.white{
color: #fff !important;
}
.grey{
color: #89879B !important;
}
.darkgrey{
color: #333 !important;
}
.text-orange{
color : #F29467 !important;
}
.text-gradient-short{
background: -webkit-linear-gradient(left,#F29468 0%, #EF7B93 15%, #CC87DB 30%);
background: linear-gradient(left,#F29468 0%, #EF7B93 15%, #CC87DB 40%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-gradient{
background: -webkit-linear-gradient(left,#F29468 0%, #EF7B93 40%, #CC87DB 60%);
background: linear-gradient(left,#F29468 0%, #EF7B93 40%, #CC87DB 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*************** Button/links **************/
a,a:active, a:focus, button:focus, select:focus, input:focus{
color:#000 !important;
outline : none;
text-decoration: none !important;
}
a:hover{
color:#000 !important;
text-decoration: none !important;
}
a img {outline : none;}
a.page-link-sm {
color: #000000;
text-decoration:none;
font-size:16px;
}
a.catname{
color:#000 !important;
font-size: 16px;
padding:10px 0px;
}
a.catname span{
padding-right: 10px
}
a.catname:hover{
color:#21B8DB;
text-decoration: none;
}
a.filelink{
font-size:14spx;
color:#0C315C;
}
a.pay-link{
color:#32B1E7 !important;
text-decoration: none !important;
}
a.pay-link:hover{
text-decoration: underline !important;
}
.btn-link{
cursor: pointer;
margin: 0px auto 20px auto;
max-width: 280px;
background-color: transparent;
border: 1px solid #000;
padding: 6px 20px;
font-size: 16px;
}
.btn-link.full{
width: 100%;
max-width: 100%;
font-size: 18px !important;
}
a.btn-link{
color: #FFF !important;
text-align: center;
border: 1px solid #13487D;
padding: 5px 20px;
background: #000 !important
}
a.btn-link:hover{
color: #FFF;
background: #000;
}
.btn-link-orange {
background-color: transparent !important;
border: 1px solid #DF6689 !important;
color: #FFF !important;
font-size: 18px !important;
padding: 12px 40px !important;
border-radius: 50px !important;
text-transform: uppercase;
}
.btn-link-orange:hover {
background-color: #DF6689 !important;
color: #FFF !important;
}
.btn-link-white {
background-color: transparent !important ;
border: 1px solid #FFF !important;
color: #FFF !important;
font-size: 18px !important;
padding: 12px 40px !important;
border-radius: 0px !important;
border-radius: 50px !important;
text-transform: uppercase;
}
.btn-link-white:hover {
background-color: #FFF !important;
border: 1px solid #FFF !important;
color: #000 !important;
}
.btn-link-black {
background-color: transparent !important ;
border: 1px solid #000 !important;
color: #000 !important;
font-size: 18px !important;
padding: 12px 40px !important;
border-radius: 50px !important;
text-transform: uppercase;
line-height: 1.1 !important;
}
.btn-link-black:hover {
border: 1px solid #000 !important;
color: #FFF !important;
background-color: #000 !important ;
}
.enterbtn{
cursor: pointer;
margin: 0px auto 20px auto;
max-width: 100%;
background: #DF6689!important;
padding: 8px 20px;
font-size: 19px;
}
a .enterbtn{
color: #FFF;
text-align: center;
position: relative;
-webkit-transform: translateZ(0)
transform: translateZ(0)
-webkit-transition: color 1000ms
transition: background-color .2s;
}
a .enterbtn:hover{
color: #FFF;
background: #21B8DB;
}
.pointer:hover{
cursor: pointer;
}
.btn-radius{
border-radius: 5px;
}
.btn-sm-padding{
padding: 8px 5px!important;
}
.btn-lg{
padding: 14px 0!important;
color:black;
font-size: 18px!important;
}
.btn.btn-default{
border-radius: 0 !important;
}
.btn-default.btn-file{
border-radius: 0 !important;
color: #000;
background: #21B8DB;
border-color: #21B8DB;
text-shadow : none;
}
.btn-small {
background-color: transparent !important ;
border: 1px solid #000 !important;
color: #000 !important;
font-size: 15px !important;
line-height: 1.1 !important;
padding: 10px 25px !important;
border-radius: 40px !important;
text-transform: uppercase;
}
.btn-small:hover, .btn-small:focus, .btn-small:active {
background-color: #000 !important;
color: #FFF !important;
}
/*************** Background Color ***************/
.bg-black{
background-color: black;
}
.bg-grey{
background-color : #f5f5f5;
}
/*************** Container Width ***************/
@media(min-width: 1200px){
.container{
width: 1180px;
padding-left: 10px;
padding-right: 10px;
}
.container.container-wide{
width: 88%;
margin-left: auto;
margin-right: auto;
}
.graphic_container{
width: 100%;
max-width: 90%;
margin: auto;
}
}
@media(min-width: 1300px){
.container{
width: 1270px;
padding-left: 15px;
padding-right: 15px;
}
}
@media(min-width: 1400px){
.container{
width: 1370px;
padding-left: 15px;
padding-right: 15px;
}
}
.winner-container{
max-width: 95%;
}
.media-container{
max-width: 95%;
}
.winner-container, .media-container{
padding-left: 15px;
padding-right: 15px;
margin: auto;
}
@media (min-width: 1200px){
.winner-container, .media-container {
width: 97%;
}
}
.wd100 {
width: 100%;
}
.maxw1000{
padding: 0px 10%;
margin: auto;
}
.maxw800{
max-width: 800px;
width: 100%;
padding: 0px 15px;
margin: auto;
}
.maxw600{
width: 100%;
max-width: 600px;
margin: auto;
}
.maxw500{
width: 100%;
max-width: 500px;
margin: auto;
}
.max-fluid{
padding: 0px 8%;
margin: auto;
}
.img-fluid{
display: block;
width: auto !important;
height: 100%;
margin:auto;
}
.section-page{
padding-bottom: 70px;
padding-top: 70px;
}
.section-page .content h2{
font-size: 21px;
margin-bottom: 20px !important;
}
/*************** Display ***************/
.relative {
position: relative;
z-index: 1;
}
.invisible{
border: 1px solid transparent;
}
.p-none {
padding: 0 !important;
}
.pl-none{
padding-left:0 !important;
}
.pr-none{
padding-right:0 !important;
}
.pt-none{
padding-top:0 !important;
}
.pb-none{
padding-bottom:0 !important;
}
.pr-xs{
padding-right:2px !important;
}
.pl-xs{
padding-left:2px !important;
}
.pr-sm{
padding-right:5px !important;
}
.pl-sm{
padding-left:5px !important;
}
.pt-lg{
padding-top:50px !important;
}
.pb-lg{
padding-bottom:50px !important;
}
.m-none {
margin-top:0px !important;
margin-bottom:0px !important;
}
.mt-xs{
margin-top:2px !important;
}
.mb-xs{
margin-bottom:5px !important;
}
.ml-xs{
margin-left: 5px !important;
}
.mt-sm{
margin-top:10px !important;
}
.mb-sm{
margin-bottom:10px !important;
}
.ml-sm{
margin-left: 10px !important;
}
.mr-sm{
margin-right: 10px !important;
}
.mb-md{
margin-bottom:30px !important;
}
.mt-md{
margin-top:30px!important;
}
.mb-lg{
margin-bottom:50px !important;
}
.mt-lg{
margin-top:50px !important;
}
.mb-xlg{
margin-bottom:80px !important;
}
.mt-xlg{
margin-top:80px !important;
}
.mt-xxlg{
margin-top:150px !important;
}
.spacing_15{
height: 15px;
}
.spacing_30{
height: 30px;
}
.spacing_50{
height: 50px;
}
.spacing_80{
height: 80px;
}
.spacing_100{
height: 100px;
}
/*************** Form ***************/
.inputcont{
text-align: center;
margin: auto;
position: relative;
max-width: 500px;
}
.inputcont2{
text-align: center;
margin: auto;
position: relative;
}
input[type=search] {
-webkit-appearance: none;
border: 1px solid #E2E2E2 !important;
padding: 6px 5px !important;
}
.form-mb{
margin-bottom:10px;
}
.form-xsp:first-child{
padding-left: 15px !important;
}
.form-xsp{
padding-right: 0px !important;
padding-left: 5px !important;
}
.input-group-addon{
padding: 8px 12px;
border-radius:0;
background-color:black;
color:#FFF;
font-size: 18px;
min-width:200px;
text-align:left;
}
select.custominput{
padding: 0.5em 3.5em 0.5em 1em;
border: 1px solid #E2E2E2;
font-size: 16px;
width: 100%;
font-size: 18px;
color: #231F20;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
}
select.custominput {
background-image:
linear-gradient(45deg, transparent 50%, #1A2F59 50%),
linear-gradient(135deg, #1A2F59 50%, transparent 50%),
linear-gradient(to right, white, white);
background-position:
calc(100% - 20px) calc(1em + 1px),
calc(100% - 15px) calc(1em + 1px),
100% 0;
background-size:
5px 5px,
5px 5px,
2.5em 2.5em;
background-repeat: no-repeat;
}
.input-group-append {
position: absolute;
top: 15px;
z-index: 5;
left: initial;
right: 20px;
}
.required{
position: absolute;
color: #ee4036;
top: 5px;
right: 10px;
}
.logininput{
padding: 10px;
border: 1px solid #E2E2E2;
width: 100%;
position: relative;
text-align: center;
color: #231F20;
text-align-last: center;
}
.logininput::-webkit-input-placeholder {
text-align: center;
color: #AFA7A7;
font-style: italic;
}
.logininput:-moz-placeholder { /* Firefox 18- */
text-align: center;
}
.logininput::-moz-placeholder { /* Firefox 19+ */
text-align: center;
}
.logininput:-ms-input-placeholder {
text-align: center;
}
select.logininput{
padding: 14px 10px;
}
.logininput::placeholder, .intl-tel-input::placeholder{
text-align:center;
color: #AFA7A7;
font-style: italic;
}
.logininput::-webkit-input-placeholder {
text-align:center;
color: #AFA7A7;
font-style: italic;
}
.logininput:-moz-placeholder { /* Firefox 18- */
text-align:center;
color: #AFA7A7;
font-style: italic;
}
.logininput::-moz-placeholder { /* Firefox 19+ */
text-align:center;
color: #AFA7A7;
font-style: italic;
}
.logininput:-ms-input-placeholder {
text-align:center;
color: #AFA7A7;
font-style: italic;
}
.logininput option{
text-align: left;
text-align-last: left;
}
.input-group-addon{
background-color: #000 !important;
color:#FFF !important;
}
label.container-checkbox{
font-weight: normal !important;
font-style: italic;
}
.container-checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.container-checkbox input[type='checkbox'] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #000;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #000;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #0D325F;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* form error */
form label.error, label.error {
color: red;
font-style: italic;
font-weight:300;
font-size:13px;
}
input.error, textarea.error, select.error{
border: 1px solid red;
}
.control {
font-size: 16px;
position: relative;
display: block;
margin-bottom: 15px;
padding-left: 30px;
cursor: pointer;
font-weight: normal;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control__indicator {
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: #ccc;
}
.control--radio .control__indicator {
border-radius: 50%;
}
/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
background: #ccc;
}
/* Checked state */
.control input:checked ~ .control__indicator {
background: #DF6689;
}
/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
background: #DF6689;
}
/* Disabled state */
.control input:disabled ~ .control__indicator {
pointer-events: none;
opacity: .6;
}
/* Check mark */
.control__indicator:after {
position: absolute;
display: none;
content: '';
}
/* Show check mark */
.control input:checked ~ .control__indicator:after {
display: block;
}
/* Checkbox tick */
.control--checkbox .control__indicator:after {
top: 4px;
left: 8px;
width: 3px;
height: 8px;
transform: rotate(45deg);
border: solid #fff;
border-width: 0 2px 2px 0;
}
/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
border-color: #7b7b7b;
}
/* Radio button inner circle */
.control--radio .control__indicator:after {
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff;
}
/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
background: #7b7b7b;
}
.radio-toolbar input[type="radio"] {
opacity: 0;
position: fixed;
width: 0;
}
.radio-toolbar label {
display: inline-block;
background-color: #FFF;
padding: 10px 20px;
font-size: 16px;
border: 1px solid #A9ABAE;
border-radius: 4px;
min-width: 50%;
min-height: 65px;
}
.radio-toolbar input[type="radio"]:checked + label {
background: #DF6689 !important;
border-color: #A9ABAE;
color:#FFF;
}
.radio-toolbar input[type="radio"]:focus + label {
border: 1px solid #A9ABAE;
}
#imgArea {
display: inline-block;
margin: 0 auto;
width: 200px;
height: 200px;
position: relative;
background-color: #eee;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#imgArea img {
outline: medium none;
vertical-align: middle;
width: 100%;
}
#imgChange {
background: rgba(223, 102, 137, 0.70);
bottom: 0;
color: #FFFFFF;
display: block;
height: 30px;
left: 0;
line-height: 32px;
position: absolute;
text-align: center;
width: 100%;
}
#imgChange input[type="file"] {
bottom: 0;
cursor: pointer;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
width: 100%;
z-index: 0;
}
.imgArea {
display: inline-block;
margin: 0 auto;
width: 300px;
height: 210px;
position: relative;
background-color: #eee;
font-size: 15px;
border: 1px solid #eee;
}
.imgArea img {
outline: medium none;
vertical-align: middle;
width: 100%;
}
.imgChange {
background: rgba(223, 102, 137, 0.70);
bottom: 0;
color: #FFF;
display: block;
height: 30px;
left: 0;
line-height: 32px;
position: absolute;
text-align: center;
width: 100%;
}
.imgChange input[type="file"] {
bottom: 0;
cursor: pointer;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
width: 100%;
z-index: 0;
}
/* Progressbar */
.progressBar {
background: none repeat scroll 0 0 #E0E0E0;
left: 0;
padding: 3px 0;
position: absolute;
top: 50%;
width: 100%;
display: none;
}
.progressBar .bar {
background-color: #FF6C67;
width: 0%;
height: 14px;
}
.progressBar .percent {
display: inline-block;
left: 0;
position: absolute;
text-align: center;
top: 2px;
width: 100%;
}
/*************** Form button ***************/
.loginbtn{
background: #FFF;
color: #000;
padding: 8px 38px;
text-align: center;
border:none;
margin-bottom: 10px;
width:100%;
border: 1px solid #000;
border-radius: 50px;
text-transform: uppercase;
}
.loginbtn:hover, .loginbtn:active, .loginbtn:focus{
background: #000;
color: #FFF !important;
}
.loginbtnblack{
background: #000;
color: #FFF;
padding: 8px 38px;
text-align: center;
border:none;
margin-bottom: 10px;
width:100%;
border: 1px solid #000;
border-radius: 50px;
text-transform: uppercase;
}
.loginbtnblack:hover, .loginbtnblack:active, .loginbtnblack:focus{
background: #000;
color: #FFF !important;
}
.loginbtnsm{
background: #00C8B4;
color: #FFF !important;
padding: 3px 10px;
text-align: center;
border:none;
border-radius: 3px;
margin-bottom: 5px;
}
.loginbtnsm:hover, .loginbtnsm:active, .loginbtnsm:focus{
background: #AFA7A7;
color: #FFF !important;
}
.buybtnsm{
border:1px solid #00C8B4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px 10px;
text-decoration:none;
display:inline-block;
color: #FFF;
background-color: #D3E18E; background-image: -webkit-gradient(linear, left top, left bottom, from(#81E2D9), to(#00C8B4));
background-image: -webkit-linear-gradient(top, #81E2D9, #00C8B4);
background-image: -moz-linear-gradient(top, #81E2D9, #00C8B4);
background-image: -ms-linear-gradient(top, #81E2D9, #00C8B4);
background-image: -o-linear-gradient(top, #81E2D9, #00C8B4);
background-image: linear-gradient(to bottom, #81E2D9, #00C8B4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#81E2D9, endColorstr=#00C8B4);
font-size: 13px;
}
.buybtnsm:hover{
background: #AFA7A7;
color: #FFF !important;
border:1px solid #AFA7A7;
}
/*************** Owl Carousel ***************/
#owl-demo{
position: relative;
margin: auto;
margin-top: 20px;
z-index: 1;
}
.owl-theme .owl-nav [class*="owl-"]{
background: rgba(214,214,214,0.5)!important;
}
.owl-theme .owl-nav{
position: absolute;
top:50%;
width:100%;
}
.owl-theme .owl-nav .owl-prev{
position: absolute;
left:3%;
}
.owl-theme .owl-nav .owl-next{
position: absolute;
right:3%;
}
/*************** Modal Dialog ***************/
.modal-dialog{
width: 95% !important;
max-width: 1000px !important;
max-height: auto !important;
}
#notifyModal{
top: 30% !important;
}
#notifyModal .modal-dialog{
width: 60% !important;
max-width: 800px!important;
}
/*************** Navigation ***************/
#navbarcontainer{
position: relative;
z-index: 1000;
width: 100%;
top:0;
}
#mynavbar{
background-color: #FFF;
margin: auto;
border:none;
z-index: 10;
height: 100%;
box-shadow: 0 1px 6px 0 rgb(0 0 0 / 25%);
}
#logo{
max-height: 70px;
}
.logo-container{
position: relative;
float: left;
padding: 0px 15px;
z-index: 1;
}
.my-nav-button{
float: left;
color : #000 !important;
margin: 15px;
}
.navbar-toggle {
padding: 6px;
border: 1px solid #000 !important;
}
.navbar-toggle .icon-bar{
background-color: #000;
}
.navbar-toggle .icon-bar + .icon-bar{
margin-top: 6px;
}
.navbar-toggle .icon-bar {
height: 1px;
width: 25px;
}
.navbar-nav>.active>a, .navbar-nav>.open>a{
background: #0C315C; /* Old browsers */
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
background-color: #FFF;
}
.navbar-nav > li{
font-size: 16px;
padding: 5px 10px !important;
}
.navbar-nav > li > a{
color: #000 !important;
padding-top : 8px !important;
padding-bottom : 8px !important;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 12px !important;
font-size: 16px !important;
}
.nav>li>a:focus, .nav>li>a:hover{
background-color: #FFF !important;
}
.navbar-nav > li > a:hover{
color : #DF6689 !important;
}
.navbar-nav > li > .dropdown-menu{
border-radius: 0;
}
.dropdown-menu{
padding: 0px !important;
}
.dropdown-menu>li{
text-align: center !important;
border-bottom: 1px solid #A0A0A0 !important;
}
.dropdown-menu>li>a{
color:#000 !important;
padding: 8px 30px !important;
background-color: #FFF !important ;
font-size: 14px !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
background: #DF6689 !important;;
color : #FFF !important;
text-decoration: none;
}
.navbar-right{
margin-right: 0px !important;
}
.navbar-header{
padding: 5px 10px;
}
.navbtnholder {
width: 100%;
text-align: center;
}
.navbar-nav > .home-active a{
background: #DF6689!important;
color:#FFF !important;
border-radius: 20px;
}
.navbar-nav > .home-active a:hover{
color: #FFF !important;
background: #DF6689!important;
}
.sticky{
top:0;
position: fixed !important;
width: 100%;
}
.sticky #mynavbar {
height: 50px !important;
}
.sticky #mynavbar .navbar-header{
padding: 0px 10px !important;
}
.sticky #mynavbar .navbar-nav{
margin-top: 0px !important;
}
.sticky .navbar-nav>li>.dropdown-menu {
margin-top: 4px !important;
}
.sticky #logo {
max-height: 49px;
}
.sticky .logo-container {
padding: 1px 15px;
}
.sticky .top-nav .label-program{
padding: 3px 10px;
}
.sticky .top-nav {
font-size: 13px;
}
.sticky .nav>li>a{
padding: 6px 15px;
}
.navbar{
min-height:50px !important;
}
.navbar-nav{
margin-top: 20px !important;
}
.nav.top-nav>li>a:focus, .nav.top-nav>li>a:hover{
background-color: #000 !important;
}
.top-nav{
background-color:#070000;
font-size:14px;
border-bottom: 1px solid #444444;
font-weight:200;
display:block;
}
.top-nav .label-program{
float:left;
color:#f2f2f2;
padding:9px 10px;
}
.top-nav .nav>li>a{
padding: 10px 15px
}
.top-nav li{
float: left !important;
padding: 0px;
}
.top-nav li .dropdown-menu>li{
width: 100%;
padding: 0px !important;
}
.top-nav li .dropdown-menu>li a:focus, .top-nav li .dropdown-menu>li a:hover{
color :#000 !important;
}
.top-nav a{
color:#FFF !important;
}
.top-nav a:hover, .top-nav a:focus{
color:#FFF !important;
}
.program-item {
height: 28px;
background: transparent;
color:#000;
float:left;
border-left : 1px solid #444444;
border-right : 1px solid #444444;
}
.program-item-active {
height: 28px;
background: #444444;
color:#FFF;
float:left;
border : 1px solid #444444;
}
.program-item-text{
height: 28px;
margin:0px auto;
padding:6px 8px;
text-align:center;
}
.program-item .program-item-text a{
color:#f2f2f2 !important;
text-decoration:none !important;
}
.program-item .program-item-text a:hover, .program-item .program-item-text a:active,.program-item:hover{
color:#f2f2f2;
text-decoration:none;
background: #222222;
}
.program-item-active .program-item-text a{
color:#f2f2f2;
tex-decoration:none;
}
.acc-icon{
height:40px;
width: 40px;
}
/* Absolute Center Spinner */
.loading {
position: fixed;
z-index: 999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
}
/*************** Loading ***************/
/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.1);
}
.loader {
border: 10px solid #DF6689;
border-radius: 50%;
border-top: 10px solid #C0C0C0;
width: 70px;
height: 70px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
.spinner {
border: 3px solid #f3f3f3;
border-radius: 50%;
border-top: 3px solid #3498db;
width: 20px;
height: 20px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
margin: auto;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*************** Home Banner ***************/
#myCarousel{
width: 100%;
z-index: 1;
}
.carousel-inner{
overflow: hidden;
}
.carousel-indicators{
margin-bottom: 0px;
font-size: 24px;
}
.carousel-indicators .active{
background: #21B8DB;
width: 15px;
height: 15px;
border: none;
}
.carousel-indicators li{
width: 15px;
height: 15px;
background-color: #FFF;
border: none;
margin-right: 8px;
}
.item{
width: 100%;
position: relative;
}
#bannercontainer{
position: relative;
bottom: 0px;
background-color: #DF6689;
width: 100%;
padding: 15px 0px;
text-align: center;
}
#bannercontainer .about-content{
margin-top: 5px;
}
#bannercontainer .entry-text {
line-height: 1.1;
color:#fff;
font-size: 33px;
font-family: 'Vogue' !important;
}
#videocontainer{
position: relative;
overflow: hidden;
width: 100%;
}
/*************** Home About ***************/
.about-muse-creative{
background-color: #FFF;
padding: 80px 0px 80px 0px;
}
.about-muse-creative h3{
font-size: 20px;
}
.about-content{
margin: auto;
padding-left: 50px;
padding-right: 50px;
}
/*************** Home Theme ***************/
.muse-theme{
position: relative;
background-color: #FFF;
padding: 80px 0px 65px 0px;
background-image: url(../images/MUSE-Theme-2025.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
}
.muse-theme .section-title{
margin-top: 80px;
}
.muse-theme h2{
font-size: 75px !important;
margin-top: 0px !important;
margin-bottom: 20px !important;
font-family: 'Vogue' !important;
}
.muse-theme .h5{
line-height: 1.55 !important;
}
.muse-theme-content{
padding-top: 18%;
}
.muse-theme .content-left{
padding-right: 25px;
}
.muse-theme .content-right{
padding-left: 25px;
}
@media(min-width: 1540px){
.muse-theme{
padding: 80px 0px 260px 0px;
}
.muse-theme-content {
padding-top: 20%;
}
.muse-theme .section-title{
margin-top: 190px;
}
}
/*************** Home Dateline ***************/
.muse-dateline{
position: relative;
background-image: url(../images/Awards-Deadline-Background.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100%;
padding: 95px 0px 30px 0px;
min-height: 800px;
}
.muse-dateline h2{
margin-top: 155px !important;
}
.muse-dateline .section-title{
display: flex;
align-items: center;
justify-content: center;
text-align: right;
}
.muse-dateline .dateline-innerbox{
padding: 5px 0px 0px 0px;
}
.muse-dateline .date-box{
height: 240px;
padding-left: 50px !important;
padding-top: 40px !important;
}
.muse-dateline .date-box .date-innerbox{
border-left:1px solid #000;
padding-left: 30px;
}
.muse-dateline .date-box h3{
font-size: 28px;
font-weight: 500;
line-height: 1.1 !important;
margin-bottom: 8px !important;
font-family: 'Vogue' !important;
}
.muse-dateline .date-box h4{
margin-top: 0px !important;
margin-bottom: 20px !important;
}
.muse-dateline .dateline{
font-size: 29px;
font-weight: 500;
font-family: 'Vogue';
line-height: 1.1 !important;
text-transform: uppercase;
}
.muse-dateline .countdown-box{
border-top:8px solid #FFF;
border-bottom:8px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
padding: 40px 0px;
margin-top: 40px;
}
.muse-dateline .countdown-box .timeel{
font-size: 100px;
color : #FFDD00;
font-weight: 600;
letter-spacing: 3px;
line-height: 1.1 !important;
}
@media(min-width: 1540px){
.muse-dateline{
padding: 190px 0px 30px 0px;
min-height: 1080px;
}
.muse-dateline h2{
margin-top: 250px !important;
}
.muse-dateline .date-box{
height: 340px !important;
}
}
/*************** Home Category ***************/
#categories{
background: #000;
position: relative;
padding: 80px 0px 80px 0px;
color:#FFF !important;
}
#categories h4{
font-size: 22px;
font-weight: 600;
margin-top: 15px !important;
}
#categories .index_category_main{
text-align: left;
margin-top: 40px;
}
#categories img{
max-width: 150px;
margin-bottom: 15px;
}
/*Home Featured Winners*/
#gallery{
background: #FFF;
position: relative;
padding: 80px 0px 80px 0px;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.projects.four.isotope{
position: relative;
overflow: hidden;
}
.project{
position:relative;
text-align:center;
color:#fff;
overflow:hidden;
cursor:pointer;
max-height:350px;
}
.four .project{
width:24.97%;
float:left;
}
.three .project{
width:33%;
float:left;
}
.project img{
width:100%;
height:auto;
}
.project .hover{
position:absolute;
width:100%;
left:0;
top:0;
background: rgba(223, 102, 137, 0.65);
font-size:16px;
opacity:0;
filter: alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}
.project:hover .hover{
height: 100%;
opacity:1;
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
.project:hover h3{
color:#FFF !important;
}
.project h3{
font-size:18px;
font-weight:800;
margin-top:0;
text-transform:capitalize;
}
.project .hover-inner{
position:relative;
top:50%;
margin-top:-30px;
transition: all 500ms ease-in-out 0s;
-webkit-transition:all 500ms ease-in-out 0s;
-moz-transition:all 500ms ease-in-out 0s;
-o-transition:all 500ms ease-in-out 0s;
-ms-transition:all 500ms ease-in-out 0s;
}
.project:hover .hover-inner{
top:42%;
color:white;
padding: 0px 10px;
}
.project .hover-inner p{
margin: 0 0 5px !important;
line-height: 1.4 !important;
}
.project ul{
margin:0 0 5px;
padding:0;
}
.project li{
display:inline-block;
}
/*************** Home Statuette ***************/
.muse-statuette {
background: #FFF;
position: relative;
padding: 39% 0px 80px 0px;
background-image: url(../images/MUSE-Statuette-Background.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
}
.muse-statuette-content{
padding: 30px 0px 80px 0px;
}
.muse-statuette .content-left{
padding-right: 35px;
}
.muse-statuette .content-right{
padding-right: 40px;
}
.muse-statuette .trophy {
max-height: 98%;
position: absolute;
top: 30px;
z-index: 1;
right: 10px;
overflow: hidden;
}
.muse-statuette .blossom {
width: 280px;
position: absolute;
top: 30%;
z-index: 2;
right: 160px;
overflow: hidden;
}
.trophy-img {
max-width: 134px;
position: absolute;
top: -130px;
z-index: 1;
left:30px;
}
/*************** Home Featured Juror ***************/
#featured-juror{
background: #EFF0F1;
position: relative;
padding: 80px 0px 80px 0px;
}
/*************** Home Featured Winner ***************/
#featured-winner{
background: #E9EAE9;
position: relative;
padding: 80px 0px 0px 0px;
}
/*************** Home Testimonials ***************/
#testimonies{
position: relative;
text-align: center;
background-color: #FFF;
padding: 80px 0px 80px 0px;
}
.testimonial-details{
margin-top: 30px;
font-size: 16px;
}
.testimonial-sender{
font-size: 15px;
font-weight: bold;
}
#testi.owl-theme .owl-nav{
position: absolute;
top:38%;
width:105%;
}
#testi.owl-theme .owl-nav [class*="owl-"]{
background: transparent !important;
font-size: 80px;
margin: 5px;
}
#testi.owl-theme .owl-nav:hover [class*="owl-"]{
color: #404040 !important;
}
#testi.owl-theme .owl-nav .owl-prev{
position: absolute;
left:-2%;
}
#testi.owl-theme .owl-nav .owl-next{
position: absolute;
right:2%;
}
#testi .the-testi{
padding:0px 15px;
}
#testi .the-block{
font-size: 24px;
}
#testi .testi-logo {
max-width: 100%;
margin: auto;
margin-bottom: 20px;
}
/**********Sign up / Login Action *************/
#action{
background: #FFF;
padding: 80px 0px;
position: relative;
}
/**********Newsletter Subscribe*************/
#signup{
background: #EDEDED;
padding: 80px 0px 80px 0px;
}
.signupinput{
border-radius : 40px;
background-color: transparent;
width: 100%;
border: 1px solid #221815;
padding: 12px;
max-width: 100%;
margin: 10px auto 15px auto;
text-align: center;
}
.signupinput::-webkit-input-placeholder {
color: #7C7C7C;
text-align: center;
}
.signupinput:-moz-placeholder { /* Firefox 18- */
color: #fff;
text-align: center;
}
.signupinput::-moz-placeholder { /* Firefox 19+ */
color: #fff;
text-align: center;
}
.signupinput:-ms-input-placeholder {
color: #fff;
text-align: center;
}
#signupbtn{
background-color: transparent;
color: #000;
font-size: 18px;
border: 1px solid #000;
padding: 8px 20px;
min-width: 280px;
border-radius: 50px;
text-transform: uppercase;
}
#signupbtn:hover{
background-color: #000;
color: #FFF;
}
/*************** Home Brand Carousel ***************/
#theBrand{
background: #DF6689!important;
padding-top: 20px;
padding-bottom:20px;
}
#theBrand .brand-title{
font-size: 40px;
color: #FFF;
}
#brand-carousel .item{
padding:30px;
}
/*************** Home About IAA ***************/
#aboutiia{
background-color: #5E96D3;
padding: 80px 0px 0px 0px;
background-image: url(../images/About-IAA-Background.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: 100%;
}
#aboutiia .iaa-logo{
max-width: 110px;
}
#aboutiia .about-awards-row{
margin-top: 100px;
}
.whitebox{
margin-top: 5px;
padding: 15px;
}
.whitebox-inner{
margin: auto;
height: 220px;
padding-top: 10px;
}
.whitebox .whitebox-inner.awards-programs{
padding-left: 50px;
}
.whitebox .whitebox-inner.countries{
padding-right: 45px;
}
.whitebox .whitebox-inner.judges{
padding-right: 90px;
}
h2.bignum{
font-size: 50px;
font-weight: 500;
color : #000;
font-family: 'Vogue' !important;
}
.whitebox .title-sm{
font-size: 14px;
color:#000;
text-transform: uppercase;
}
/*************** Awards Page About MUSE ***************/
#about-muse{
padding: 80px 0px 80px 0px;
position: relative;
text-align: center;
background: #FFF;
}
/*************** Awards Page Timesquare ***************/
#evolve{
position: relative;
overflow: hidden;
background: #FFF;
padding: 0px;
}
#enter_bg{
background-image:url('../images/MUSE-In-Times-Square-New.jpg');
background-position: top;
background-repeat: no-repeat;
background-size: 100%;
height:780px;
background-color: #EFF0F1;
}
@media(min-width: 1540px){
#enter_bg{
height:900px;
}
}
/*************** Awards Page benefits ***************/
#benefits{
background-color: #EFF0F1;
padding: 80px 0px 80px 0px;
}
#benefits .table-border{
border: 1px solid #A0A0A0;
}
#benefits .table-border th {
border: 1px solid #A0A0A0;
padding: 15px 30px;
}
#benefits .table-border tr.bg-white {
background-color: #FFF;
}
#benefits .table-border td {
padding: 15px 30px;
border-right: 1px solid #A0A0A0;
}
/*************** Awards Page How To Enter ***************/
#howtoenter{
padding: 80px 0px 80px 0px;
color: #FFF;
position: relative;
overflow: hidden;
background: #000;
}
#howtoenter .tab-content .tab-pane {
padding: 20px 25px;
font-size: 16px;
}
#howtoenter .tab-border{
border: 1px solid #A0A0A0;
}
#howtoenter .nav-pills{
min-height: 550px;
border-right : 1px solid #A0A0A0;
}
#howtoenter .nav-pills>li.active>a, #howtoenter .nav-pills>li.active>a:focus, #howtoenter .nav-pills.nav>li>a:hover {
color: #000!important;
background:#DF6689 !important;
border-radius: 0px;
}
#howtoenter .nav-stacked>li+li {
margin-top: 0px !important;
}
#howtoenter .nav-pills.nav>li {
border-bottom: 1px solid #A0A0A0;
}
#howtoenter .nav-pills.nav>li:last-child {
border-bottom: none !important;
}
#howtoenter .nav-pills.nav>li>a {
position: relative;
display: block;
padding: 25px 15px;
color : #FFF !important;
font-size: 18px !important;
font-weight: 600;
}
#howtoenter .tab-content .tab-pane {
padding: 30px 20px !important;
color: #FFF !important;
text-align: left;
line-height: 1.60;
}
#howtoenter .step-thumb{
padding: 10px 0px;
}
#howtoenter .step-thumb img {
max-width: 115px;
margin: auto;
}
#howtoenter .step-count {
margin-top: 35px !important;
}
#howtoenter .step-title {
font-size: 19px;
font-weight: bold;
}
#howtoenter .tab-content .tab-pane ul {
display: block;
list-style-type: disc;
margin-block-start: 0px !important;
margin-block-end: 0px !important;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px !important;
}
#howtoenter .tab-content .tab-pane ul li{
margin-bottom: 10px;
}
/*************** Dateline & Fees ***************/
#thefees {
background-color: #FFF;
padding: 80px 0px 80px 0px;
}
.tbl-dateline{
border: 1px solid #000;
}
.tbl-dateline th{
border-bottom: 1px solid #000;
}
.tbl-dateline th{
font-weight: normal;
}
.tbl-dateline td, .tbl-dateline th {
padding:10px 18px;
color : #000;
}
/*************** Why MUSE ***************/
#whymuse{
color: #000;
position: relative;
overflow: hidden;
background: #FFF;
padding: 80px 0 80px 0;
}
#whymuse ol{
margin-top: 20px;
z-index: 999;
}
#whymuse ol li::marker {
z-index: 999;
}
#whymuse ol li{
font-size: 20px !important;
font-weight: bold;
min-height: 180px;
padding-top:10px;
color:#DF6689 !important;
position: relative;
z-index: 9;
}
#whymuse ol li p {
font-size: 17px !important;
font-weight: normal;
color:#000 !important
}
/*************** Top Agency ***************/
#agency{
position: relative;
overflow: hidden;
background: #DF6689 !important;
padding: 80px 0px 80px 0px;
}
#agency h3{
text-transform: uppercase;
margin-top: 0px !important;
font-size: 22px !important;
font-weight: 500;
}
#agency .h5{
font-weight: 600;
}
#agency .h6 {
font-size: 19px !important;
font-weight: 600;
}
.tbl-agency{
border-bottom:5px solid #FFF;
border-top:5px solid #FFF;
}
.tbl-agency td, .tbl-agency th{
border : 1px solid #FFF;
padding: 20px 10px;
}
.tbl-agency h2.number{
font-size: 80px;
font-weight: 700;
margin-top: 0px !important;
}
.tbl-agency p{
margin: 0px !important;
}
/*************** Winning Video ***************/
#video{
position: relative;
overflow: hidden;
z-index:2;
margin-top:0px;
width: 100%;
}
#video iframe{
width: 100vw;
height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
}
#video .text-wrap{
position: absolute;
top: 50%;
left: 37%;
z-index: 3;
text-align: center;
}
#video .text-wrap h2 {
text-transform: uppercase;
font-size: 48px;
color: #FFF;
font-family: 'Vogue' !important;
margin-bottom: 30px;
}
#video .text-wrap .subtitle {
font-size: 18px;
color: #FFF;
}
#video .text-wrap .btn-play{
font-size: 60px;
color: #FFF !important;
}
/*************Affiliate*************/
.affliate-top{
background-position: center;
background-size: cover;
background-image: url('../images/affliate_bg.png');
padding-top: 50px;
text-align: center;
color: black;
padding-bottom: 5px;
}
.autho_affliate{
letter-spacing: 5px;
font-size: 24px;
color: #231F20;
text-transform: uppercase;
margin-bottom: 0;
}
.affliate-name{
font-size: 12px;
letter-spacing: 2px;
color: #939598;
}
.affliate-tb{
margin-bottom: 15px;
font-size: 14px;
color: #939598;
}
.affliate-tb .div_td_sm{
border: 1px solid #A0A0A0;
padding: 35px 25px;
}
.autho_affliate{
letter-spacing: 8px;
font-size: 36px;
}
/*************Accordion - FAQ, TNC, Category*************/
p.accordion{
background: transparent;
border: 1px solid #000;
color: #000;
cursor: pointer;
padding: 10px;
width: 100%;
text-align: left;
outline: none;
transition: 0.4s;
margin-bottom:10px;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
color: #000 !important;
}
/* Unicode character for "plus" sign (+) */
p.accordion:after {
content: '\002B';
color: #000;
font-weight: bold;
float: right;
margin-left: 5px;
}
/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
content: "\2212";
}
/* Style the element that is used for the panel class */
div.panel-faq {
padding: 0 18px;
background-color: transparent;
max-height: 0;
overflow: hidden;
transition: 0.4s ease-in-out;
opacity: 0;
margin-bottom:10px;
}
div.panel-faq p {
margin-bottom: 20px;
}
div.panel-faq.show {
opacity: 1 !important;
max-height: 2200px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}
p.accordion.category{
text-align: center !important;
}
p.accordion-howtoenter {
background: transparent;
border-top: 1px solid #444;
border-left: 1px solid #444;
border-right: 1px solid #444;
color: #FFF;
cursor: pointer;
padding: 10px;
width: 100%;
text-align: center;
outline: none;
transition: 0.4s;
margin-bottom:0px;
}
p.accordion-howtoenter.last, .panel-howtoenter.last{
border-bottom: 1px solid #444;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion-howtoenter.active, p.accordion:hover {
color: #FFF !important;
background: #DF6689!important;
}
p.accordion-howtoenter.active{
border-bottom: 1px solid #444;
}
/* Unicode character for "plus" sign (+) */
p.accordion-howtoenter:after {
content: '\002B';
color: #;
font-weight: bold;
float: right;
margin-left: 5px;
}
/* Unicode character for "minus" sign (-) */
p.accordion-howtoenter.active:after {
content: "\2212";
}
/* Style the element that is used for the panel class */
div.panel-howtoenter {
padding: 0px;
background-color: transparent;
max-height: 0;
overflow: hidden;
transition: 0.4s ease-in-out;
opacity: 0;
margin-bottom:0px;
text-align: center;
}
div.panel-howtoenter.show {
opacity: 1 !important;
max-height: 2000px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
border-left: 1px solid #444;
border-right: 1px solid #444;
}
div.panel-howtoenter .howtoenter-content{
padding: 20px;
}
/************Login-Register/ Steps***********/
.loginlink{
list-style-type: none;
min-height: 30px;
position: relative;
}
.loginlink li{
float: left;
width: 50%;
}
.loginoption div{
padding: 3px;
line-height: 1;
max-width: 100%;
margin: auto;
text-align: center;
}
.loginoption:hover, .loginoption:focus, .loginoption:active{
text-decoration: none;
}
.bigoption{
color: #FFF;
font-size: 19px;
margin: 0;
padding:12px;
letter-spacing: 1px;
background-color: #C1C1C1;
}
.bigoption:hover{
color: #FFFFFF;
background:#DF6689 !important;
}
.bigoption.active{
color: #FFF;
background:#DF6689 !important;
}
.steplink{
list-style-type: none;
min-height: 28px;
position: relative;
padding-left: 0px;
}
.steplink li{
float: left;
width: 25%;
padding:2px;
}
.steplink li .step{
font-style: italic;
margin-bottom:5px;
font-weight:600;
}
.steplink-store{
list-style-type: none;
min-height: 28px;
position: relative;
padding-left: 0px;
}
.steplink-store li{
float: left;
width: 33.333%;
padding:2px;
}
.steplink-store li .step{
font-style: italic;
margin-bottom:5px;
font-weight:600;
}
/*****************Orders/My Dashboard*****************/
.alert-success, .alert-danger, .alert-warning{
background-color:#FFFFFF !important;
background-image : linear-gradient(to bottom,#FFFFFF 0,#EAEAEA 100%);
}
.alert-danger .alert-link {
color: #843534 !important;
}
.alert-won{
background-color: #00C8B4; background-image: -webkit-gradient(linear, left top, left bottom, from(#81E2D9), to(#00C8B4));
background-image: -webkit-linear-gradient(top, #81E2D9, #00C8B4);
background-image: -moz-linear-gradient(top, #81E2D9, #00C8B4);
background-image: -ms-linear-gradient(top, #81E2D9, #00C8B4);
background-image: -o-linear-gradient(top, #81E2D9, #00C8B4);
background-image: linear-gradient(to bottom, #81E2D9, #00C8B4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#81E2D9, endColorstr=#00C8B4);
color:#FFF;
border:1px solid #00C8B4;
}
.alert-default{
background-color: #FFF !important;
border: 1px solid #E2E2E2 !important;
}
.btn-default.active, .btn-default:active, .btn-default:focus{
background: #DF6689!important;
color:#FFF!important;
}
.paybtn{
background: #000;
color:#D1DAE1 !important;
padding: 5px 20px !important;
border:1px solid #000015;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 17px;
}
.paybtn:hover{
color: #F0C634 !important;
}
.chkbtn{
background: #0D325F;
color: #FFF;
padding: 10px 30px;
text-align: center;
border:none;
margin-bottom: 10px;
}
.chkbtn:hover{
background: #AFA7A7;
color: #FFF;
}
.panel-actions {
right: 30px;
position: absolute;
top: 15px;
}
.orders{
font-size: 15px;
}
a.order-code{
color:#1A2F59;
font-size: 20px;
font-weight: bold;
}
a.order-code:hover{
color:#1A2F59;
}
.order-status{
font-size:16px;
color:#333;
margin-right:10px;
}
.order-date{
font-size:13px;
}
#add_url, #add_credit{
color:#DF6689 !important;
}
#add_url:hover, #add_credit:hover{
text-decoration:none;
color:#DF6689;
}
.toggle-check-input {
width: 1px;
height: 1px;
position: absolute;
margin:4px 0 0 5px!important;
}
.toggle-check-text {
display: inline-block;
position: relative;
text-transform: uppercase;
background: #CCC;
padding: 0.25em 0.5em 0.25em 2em;
border-radius: 1em;
min-width: 2em;
color: #FFF;
cursor: pointer;
transition: background-color 0.15s;
font-size:16px;
}
.toggle-check-text:after {
content: ' ';
display: block;
background: #FFF;
width: 1.1em;
height: 1.1em;
border-radius: 1em;
position: absolute;
left: 0.3em;
top: 0.25em;
transition: left 0.15s, margin-left 0.15s;
}
.toggle-check-text:before {
content: 'No';
}
.toggle-check-input:checked ~ .toggle-check-text {
background: #1CDBE5;
padding-left: 0.5em;
padding-right: 2em;
}
.toggle-check-input:checked ~ .toggle-check-text:before {
content: 'Yes';
}
.toggle-check-input:checked ~ .toggle-check-text:after {
left: 100%;
margin-left: -1.4em;
}
.basket,
.basket-module,
.basket-labels,
.basket-action,
.basket-title,
.basket-category,
.basket-type,
.basket-qty,
.basket-unit,
.basket-price,
.basket-total,
.basket-value,
.basket-product,
.basket-title-file,
.basket-category-file,
.basket-upload-file,
.basket-thumbnail,
.basket-info,
.basket-add,
.basket-entries {
float: left;
}
.basket{
margin: 0 30px;
font-size:15px;
}
.basket-width{
width:95%;
}
.basket-labels {
border-bottom: 1px solid #333;
margin-top: 1.625rem;
width:100%
}
.basket-labels label{
font-size:18px;
}
.basket-action { width: 14%; }
.basket-title { width: 30%; margin-left:3%;}
.basket-category { width: 37%; }
.basket-type { width: 15%; }
.basket-qty { width: 10%; }
.basket-unit { width: 13%; }
.basket-price { width: 15%; }
.basket-total { width: 85%; }
.basket-value { width: 15%; }
.basket-title-file { width: 30%;}
.basket-category-file { width: 30%; }
.basket-upload-file { width: 20%;}
.basket-thumbnail { width: 20%;}
.basket-info{width:80%}
.basket-add{width:100%}
.basket-entries{width: 35%; margin-left:3%;}
.basket-product {
border-bottom: 1px solid #ccc;
padding: 20px 0;
position: relative;
width:100%;
}
.basket-title p{
padding:0;
margin:0;
}
.basket-action a, a.action{
background-color: #DF6689!important;
padding: 5px 10px;
margin-right:2px;
color:#FFF !important;
cursor:pointer;
}
.basket-action a:hover, a.action:hover{
background-color:#DF6689;
color:#FFF !important;
}
a.action-secondary{
background-color:#1E3960;
padding: 5px 10px;
margin-right:2px;
color:#FFF !important;
cursor:pointer;
}
a.action-secondary:hover{
background-color:#000;
color:#FFF !important;
}
.backet-action-item{
background-color:#A9ABAE;
padding-right: 5px;
color:#FFF;
}
.backet-action-item a{
color:#FFF;
padding: 0 5px;
}
.backet-action-item a:hover, .backet-action-item a:focus, .backet-action-item a:active{
text-decoration:none;
}
#cart-icon{
position: fixed;
top:20%;
right:0;
background: #DF6689 !important;
border-top-left-radius: 23px;
border-bottom-left-radius: 23px;
margin-right:-100px;
padding:10px 15px 10px 10px;
list-style-type: none;
z-index:100;
}
#cart-icon i{
margin-right: 25px;
}
#cart-icon a{
color:#FFF !important;
}
#cart-icon:hover{
margin-right: -10px;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;transition: all 0.3s;
}
.circle-icon {
background: #000;
border-radius: 50%;
text-align: center;
vertical-align: middle;
padding: 8px;
color:#FFF;
}
#cart-icon a{
color:#FFF;
}
#cart-icon a:hover, #cart-icon a:active, #cart-icon a:focus{
text-decoration:none
}
.upload-right{
padding-left:30px;
}
.upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
}
.upload-btn-wrapper .btn {
border: 1px solid black;
color: black;
background-color: white;
padding: 3px 20px;
border-radius: 4px;
font-size: 20px;
}
.upload-btn-wrapper input[type=file] {
font-size: 25px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.upload-btn-wrapper2 {
position: relative;
overflow: hidden;
display: inline-block;
}
.upload-btn-wrapper2 .btn {
border: 1px solid #1CDBE5;
color: black;
background-color: #1CDBE5;
padding: 3px 20px;
font-size: 16px;
}
.upload-btn-wrapper2 input[type=file] {
font-size: 16px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
border:1px solid #333;
background-color: #FFF;
}
.payment_paypal{
background-color:#000;
color:white;
}
.page-not-found h2 {
font-size: 120px;
font-weight: 600;
letter-spacing: -8px;
line-height: 140px;
}
.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
border: 0;
border-top: 0 !important;
}
.table-sm td, .table-sm th {
padding: 0px !important;
}
.image-upload{
padding-bottom: 15px;
}
.image-upload .action{
background: #DF6689!important;
color: #000 !important;
}
.image-upload .thumbnail-wrapper{
overflow: hidden;
position: relative;
height: 150px;
width: 100%;
background-color: #f2f7ed;
}
.image-upload img{
width: 100%;
vertical-align: middle;
position: relative;
margin: auto;
display: block;
}
.image-upload .action a{
color: #FFF !important;
}
.image-upload .action a:hover{
color: #FFF;
}
#image-list {
list-style-type: none;
margin: 0 auto;
padding: 0;
}
#image-list li {
margin: 10px 20px 10px 0px;
display: inline-block;
width: auto;
height: auto;
}
#image-list li img{
height: 200px;
}
#image-list img:hover{
cursor: all-scroll;
}
#image-container{
margin-bottom: 14px;
}
#txtresponse
{
padding: 10px 20px;
border-radius: 3px;
margin-bottom: 10px;
width: 100%;
display: none;
border :#E0E0E0 1px solid;
color:#212121;
}
a.remove { background:#DD4335 !important; color:#FFF !important;}
a.remove:hover{ background:red !important; color:#FFF !important;}
a.save { background-color:#DF6689 !important; color:#FFF !important;}
a.save:hover{ background-color:#DF6689 !important; color:#FFF !important;}
a.save.active { background-color:#00C8B4 !important; color:#FFF !important;}
a.save.active:hover{ background-color:#00C8B4 !important; color:#FFF !important;}
a.save.active2 { background-color:#384F79 !important; color:#FFF !important;}
a.save.active2:hover{ background-color:#384F79 !important; color:#FFF !important;}
div.tooltip-winner {
position: relative;
}
div.tooltip-winner span {
display: none;
}
div.tooltip-winner:hover span {
display: block;
font-size: 12px;
position: absolute;
bottom: 2em;
padding: 0.3em;
color: #FFFFFF;
background: #000;
border: 0.1em solid #000;
/* round the corners */
border-radius: 0.5em;
/* prevent too wide tooltip */
max-width: 265px;
}
.paymentbtn{
background: #D1DAE0;
color: #000;
padding: 10px 30px;
text-align: center;
border:none;
margin-bottom: 10px;
width:100%;
border-radius: 50px;
border: 1px solid #000;
}
.paymentbtn:hover, .paymentbtn:active, .paymentbtn:focus{
background: #000;
color: #FFF !important;
}
.btn-save{
background: #FFF;
border: 1px solid #000;
padding: 5px 30px;
color: #000;
}
.btn-save:hover, .btn-save:focus, .btn-save:active{
background: #000;
color: #FFF;
}
.StripeElement {
background-color: white;
padding: 8px 12px;
border: 1px solid #E2E2E2;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
#card-errors{
color:red;
margin-top: 8px;
font-style: italic;
}
.quick-link{
list-style-type: none;
padding-left: 0px;
display: inline-block;
position: relative;
}
.quick-link li{
float: left;
padding: 3px 8px 0px 21px;
color : #DF6689;
font-size: 16px;
position: relative;
}
.quick-link li.link:before {
content:"• ";
position: absolute;
top:-6px;
left: 0px;
font-size: 25px;
}
.quick-link li:last-child{
border-right: 0 !important;
}
.quick-link li:first-child{
float: left;
padding: 0px 7px 0px 0px;
}
.quick-link li a{
color:#DF6689 !important;
padding: 0px 7px 0px 0px;
font-size: 16px;
line-height: 1.4!important;
}
.quick-link li a:hover{
text-decoration:underline !important;
}
.quick-link li:last-child a{
border-right: 0;
}
/**********Store***********/
.store-col-5{
width: 20%;
float: left;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
.store-col-5 .store-choose-cont{
min-height: 410px;
}
.atc{
background:#DF6689 !important;
color: #FFF;
width: 100%;
max-width: 500px;
padding: 10px;
margin: auto;
margin-top: 40px;
border:none;
}
.login_heading{
color: #231F20;
font-size: 32px;
}
.login_popup{
background-image: url('../images/store/statuette-login-2025.jpg');
background-position: left;
background-size: auto 100%;
background-repeat:no-repeat;
max-width: 1000px;
min-height: 450px;
}
.login_popup2{
background-image: url('../images/store/certificate-login-2025.jpg');
background-position: bottom left;
background-size: 45% auto;
background-repeat:no-repeat;
max-width: 1000px;
min-height: 450px;
}
.store_page{
margin-top:120px;
margin-bottom:80px;
padding-top: 30px;
padding-bottom: 50px;
color: #000;
}
/*store.php*/
.store-choose-cont{
padding: 15px;
border: 1px solid #C0C0C0;
margin-bottom: 15px;
background-color:#FFF;
}
.store2img-image{
max-width: 380px !important;
}
.store-welcome{
line-height: 2;
margin-bottom: 30px;
font-size: 16px;
}
.store-bot-text{
color: #000;
height: 30px;
text-align: center;
font-weight: normal;
font-size: 17px;
margin-top: 45px;
}
.store-form{
padding: 30px 0px;
color: #000;
}
.store-input{
width: 100%;
border: 1px solid #000;
padding: 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance:none;
color:#000;
}
.store-input option{
color:#000 !important;
}
.store-top-big{
color : #DF6689;
}
.store-top-small{
font-size: 14px;
}
.store-top-spacing{
margin-top: 10px;
}
.store-qty{
border: 1px solid #000;
padding: 5px 15px;
}
.store-login{
color: #216db4;
border: 1px solid #216db4;
text-align: center;
padding: 5px 15px;
margin-top: 30px;
font-size: 16px;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.store-login:hover{
cursor: pointer;
background-color: #216db4;
color: #fff;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.storesubmit{
text-align: center;
color: #fff;
background-color: #216db4;
padding: 5px 15px;
font-size: 32px;
cursor: pointer;
}
.content-extra{
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
background-color: black;
}
#store-price{
font-size: 32px;
}
#store-status{
font-size: 18px;
}
#store{
margin: 150px 0px 30px 0px;
}
.store-left{
position: relative;
padding: 50px 20px;
float: left;
width: 55%;
}
.store-right{
width: 45%;
float: left;
padding: 15px;
}
.store-right .store-p{
margin: 0 0 18px !important;
}
.store-product{
max-width: 1250px;
margin: auto;
}
.sample-text{
color: black;
line-height: 1;
}
.stat_sample_yy{
position: absolute;
top: 150px;
width: 230px;
left: 118px;
text-align: center;
font-size: 24px;
height: 38px;
background-color: #000;
color: #FFF;
padding: 2px;
font-family: 'HelveticaNeueLT';
line-height: 1.1 !important;
font-weight: 600;
padding: 5px 0px;
}
.stat_sample_yy_2023{
position: absolute;
top: 150px;
width: 218px;
left: 125px;
text-align: center;
font-size: 22px;
height: 38px;
background-color: #231F20;
color: #FFF;
padding: 5px 0px;
font-family: 'HelveticaNeueLT';
line-height: 1.1 !important;
font-weight: 600;
}
.stat_sample_text{
position: absolute;
top : 204px;
width: 235px;
left: 115px;
text-align: center;
font-size: 13px;
}
.stat_sample_text p{
margin: 0 0 5px !important;
}
.cert_sample_text{
width:95%;
position: absolute;
top: 445px;
left: 14px;
text-align: center;
font-size: 15px;
}
.cert-popup-items{
margin: auto;
float: left;
}
#cert-popup{
max-width: 1000px;
margin: auto;
}
.cert_sample_text p{
margin-bottom: 6px;
}
.cert-text-left{
color: #fff;
max-width: 80%;
margin: auto;
margin-top: 30px;
margin-bottom: 80px;
line-height: 2;
font-size: 16px;
}
.store-sel-up{
color: #000;
position: absolute;
right: 1px;
top: 1px;
padding: 0px 5px;
}
.store-sel-down{
color: #000;
position: absolute;
right: 1px;
bottom: 1px;
padding: 0px 5px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.store_product_heading{
color: #000;
font-size: 33px;
font-family: 'Vogue' !important;
margin-top: 0px !important;
}
.store-read{
color: #21B8DB;
}
.store-read:hover{
text-decoration: none;
color: #21B8DB;
}
.cert-popup-left{
width: 100%;
max-width: 500px;
padding: 20px;
background-color: #fff;
text-align: center;
margin-top: 200px;
}
.popupopa{
background-color: rgba(0,0,0,0.7);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px;
display: none;
z-index: 999;
overflow: auto;
}
.popupclose{
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
top: 0;
left: 0;
}
.popupcontent{
width: 100%;
max-width: 1000px;
margin: auto;
margin-top: 10%;
overflow: auto;
background-color: #fff;
padding: 40px 20px;
z-index: 1;
position: relative;
}
#closebtn{
position: absolute;
top: 10px;
right: 10px;
}
#closebtn:hover{
cursor: pointer;
}
/*************Graphic Download********/
/*media*/
.media-dl{
list-style-type: none;
padding-left: 0px;
display: inline-block;
}
.media-dl li{
padding: 5px 11px;
float: left;
position: relative;
font-size: 16px;
}
.media-dl li a{
color: #DF6689 !important;
}
.media-dl li:not(:last-child):after{
content: '';
position: absolute;
width: 1px;
background-color: #DF6689;
height: 15px;
top: 9px;
right: 0;
}
.margin-auto{
margin: auto;
}
.media-img{
max-width: 65%;
}
.media-cont {
background-color: #ebebeb;
margin-top: 20px;
padding: 15px 15px;
text-align: center;
border: 1px solid #ebebeb;
min-height: 1250px;
}
.media-cont h3{
text-transform: uppercase;
height: 65px;
color: #DF6689;
margin-top: 15px;
font-size: 22px;
}
.media-cont img {
margin-top: 15px;
}
.media-stat-choose {
float: left;
max-width: 50%;
opacity: 0.6;
}
.media-item {
margin-top: 30px;
font-size: 16px;
margin-bottom: 0px;
}
.graphic_container{
padding: 15px;
}
/**********Judges**********/
.judge_left{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.judge_small_img{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
margin: auto;
}
.judge_row{
margin-top: 50px;
margin-bottom: 50px;
background-color: black;
}
.judge_row.first{
margin-top: 0px !important;
}
.judge_right{
padding: 20px;
background-color: black;
overflow: auto;
height: 320px;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
}
.judge_right::-webkit-scrollbar {
width: 5px;
border: 1px solid #fff;
border-radius: 5px;
}
.judge_right::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.judge_right::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
border-radius: 5px;
}
.judge_writeup{
color: #b2b2b2;
max-width: 95%;
margin-top: 20px;
}
.judge_name{
color: #fff;
font-size: 28px;
margin-bottom: 10px;
line-height: 1.2 !important;
}
.judge_title_company{
color:#DF6689;
font-size: 18px !important;
line-height: 1.2;
margin-bottom: 25px;
font-weight: 500;
}
.judge_country{
color: #fff;
margin-bottom: 24px;
font-size: 15px;
position: relative;
}
.judge_country:after{
content: '';
position: absolute;
left: 0;
bottom: -8px;
height: 2px;
width: 30px;
background: #DF6689 !important;
}
.judge_search{
padding: 5px 15px;
width: 100%;
border: 1px solid #cccccc;
height: 40px;
}
.judge_search_submit{
background-color: #ee4036;
color: #fff;
padding: 5px 35px;
font-size: 18px;
border: none;
float: right;
margin-bottom: 5px;
height: 40px;
}
.judge_search{
margin-bottom: 5px;
}
#judge_select{
margin-left: -15px;
}
.judge_social_media{
padding-left: 0px;
list-style-type: none;
margin-top: 25px;
margin-bottom: 25px;
}
.judge_social_media > li{
float: left;
color: #DF6689;
padding: 9px 0px;
margin-right: 12px;
margin-bottom: 12px;
border-radius: 50%;
border: 1px solid #DF6689;
text-align: center;
width: 38px;
height: 38px;
line-height: 1.1 !important;
display: inline-block;
}
.judge_social_media > li a{
text-align: center;
color: #DF6689 !important;
}
.judge_social_media > li:hover{
background-color: #DF6689;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: pointer;
}
.judge_social_media > li:hover > a{
color: #FFF !important;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.judge_social_media > li a:hover{
color: #FFF !important;
}
/*Judge*/
.row.evaluate-bg{
margin-left: 0px !important;
margin-right: 0px !important;
}
.evaluate-bg{
background: #000;
}
.evaluate-bg h3{
margin-top: 10px !important;
padding: 8px 0px !important;
}
.evaluate-bg h3, .evaluate-bg h4{
color:#DF6689;
}
.evaluate-bg-title{
padding: 30px;
}
label{
font-weight: normal;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-moz-range-thumb {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background:#231F20;
border: 1px solid #231F20;
height:15px;
width:15px;
border-radius: 15px;
}
input[type=range]::-ms-thumb {
box-shadow: 1px 1px 1px #231F20, 0px 0px 1px #231F20;
border: 1px solid #231F20;
height:15px;
width:15px;
border-radius: 15px;
background: #ffffff;
}
.judge-select {
border: 0;
width: 100%;
border-radius: 5px;
padding: 10px 15px;
background-color: #FFF
}
.judge-entry-desc-cont {
height: 500px;
max-height: 500px;
overflow: scroll;
overflow-x: hidden;
border: 1px solid #E2E2E2;
}
.judge-entry-scroll{
color:#aaaaaa;
}
#judge-entry-desc h3{
font-size: 20px !important;
}
a.judge-redirect-link{
color:#000;
}
a.judge-redirect-link:hover, a.judge-redirect-link:focus{
text-decoration: none;
}
.judge-iframe {
width: 100%;
height: 600px;
border: 1px solid #98A3A1;
}
.judge-redirect-row {
padding: 15px 0;
}
.judge-range-slider {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background: #AAAAAA;
height: 2px;
border-radius: 2px;
border: none;
margin-top: 10px;
width: 65% !important;
float: left;
}
.judge-range-slider::-webkit-slider-thumb {
-webkit-appearance: none;
border: 1px solid #231F20;
height:15px;
width:15px;
border-radius: 15px;
background: #231F20;
cursor: pointer;
margin-top: 0; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}
.judge-input-score {
float: right;
border: 1px solid #E2E2E2;
width: 25%;
max-width: 80px;
margin-top: 2px;
padding: 5px;
border-radius: 5px;
text-align: center;
}
.judge-final-score {
width: 100%;
margin:30px 0 15px 0;
}
.judge-final-score .text-right{
font-style: italic;
font-size: 24px;
}
.judge-comment{
border-radius: 5px;
border:0;
width:100%;
padding:5px;
border: 1px solid #E2E2E2;
}
.judge-onebtn {
clear: both;
background-color: black;
color: #fff;
width: 100%;
margin-top: 8px;
padding: 10px;
border-radius: 5px;
border: none;
}
.judge-onebtn-sm {
clear: both;
background-color: #21B8DB;
color: #000;
margin-top: 8px;
padding: 10px;
border-radius: 5px;
border: none;
width:28%;
}
#judgeUrlTab td, #judgeUrlTab th{
padding: 5px;
}
#judgeUrlTab a {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.nav-tabs {
border-bottom: 1px solid #E2E2E2 !important;
}
.nav-tabs li:not(:first-child) {
border-left: 1px solid #E2E2E2;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
background:#DF6689 !important;
border-bottom: 1px solid #E2E2E2 !important;
border-radius: 0 !important;
border: 1px solid transparent !important;
color:#FFF !important;
}
.nav-tabs>li>a {
margin-right: 0px !important;
border-bottom: 1px solid #E2E2E2 !important;
border-radius: 0 !important;
}
.tab-content .tab-pane {
padding: 30px 25px;
color: #828282;
text-align: left;
text-align: justify;
}
/********Winner Package**********/
.package-box{
border: 1px solid #C4C4C4;
padding: 50px 40px;
margin: 0px 15px;
}
.package-box .package-header h2{
font-family: 'Vogue' !important;
font-size: 34px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 500;
}
.package-box .package-header h3{
margin-top: 3px;
margin-bottom: 30px;
font-size: 22px;
}
.package-box .package-header .package-price{
font-family: 'Vogue' !important;
font-size: 36px;
font-weight: 600;
margin-bottom: 15px;
}
.package-box .package-container{
margin-top: 70px;
}
.package-box .package-container .package-item{
margin-bottom: 20px;
border-bottom: 1px solid #C4C4C4;
}
.package-box .package-container .package-item.last{
border-bottom: none !important;
}
.package-box .package-container .package-item .item-name{
font-weight: 600!important;
margin-bottom: 10px;
}
.package-box .package-container .package-item .item-description{
font-size: 15px;
margin-bottom: 20px;
}
.package-box .package-container .package-item .item-description ul{
padding-inline-start: 15px !important;
}
ul.package-item {
padding-inline-start: 15px !important;
margin-top: 10px;
}
ul.package-item li{
font-size: 16px !important;
}
ul.package-item li.text-sm{
font-size: 15px !important;
}
.package-box .btn-package {
background-color: #DF6689 !important ;
border: 1px solid #DF6689 !important;
color: #FFF !important;
font-size: 19px !important;
line-height: 1.1 !important;
padding: 12px 44px !important;
border-radius: 50px !important;
text-transform: uppercase;
}
.package-box .btn-package:hover, .package-box .btn-package:focus, .package-box .btn-package:active {
background-color: #DF6689 !important;
color: #FFF !important;
}
/*************Winner*************/
/*winner.php*/
#win-form{
margin-top: 100px;
margin-bottom: 25px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
.win-search{
list-style-type: none;
padding-left: 0px;
display: inline-block;
width: 100%;
margin-bottom: 0px;
border: 1px solid #F2F2F2
}
.win-search li{
float: left;
padding: 0px 20px 0px 50px;
text-align: left;
}
.win-form-submit{
display: block;
margin-bottom: 5px;
background-color: transparent;
color: #000;
min-width: 80px;
border: 1px solid #000;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.win-form-submit:hover, .win-form-submit:focus{
background-color: #000;
color: #fff;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.win-form-type{
color: #000;
}
.win-form-down{
position: absolute;
color: #000;
right: 5px;
top: -4px;
font-size: 27px;
z-index:-1;
}
.win-search li:nth-child(1){
border-right: 1px solid #F2F2F2;
}
.win-search li:nth-child(2){
border-right: 1px solid #F2F2F2;
}
.win-search li:nth-child(3){
border-right: 1px solid #F2F2F2;
}
.win-search li{
width: 20%;
padding: 35px 25px;
}
.win-search li:last-child {
padding: 24px 25px;
}
.winselect{
width: 85%;
color: #939597;
font-size: 16px;
border:none;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.winselect::-webkit-input-placeholder{
display: none;
}
.wininput{
width:100%;
border: 1px solid #C1A02E;
border-radius: 5px;
padding: 10px;
background-color: transparent;
}
.winner-info-cont{
background-color: #f7f8f8;
padding: 15px;
padding-top: 0px;
min-height: 370px;
position: relative;
margin-bottom: 25px;
}
.winner-info-cont.long{
min-height: 410px;
}
.winner-cont-left{
float: left;
width: 73%;
}
.winner-logo-2025{
float: right;
max-width: 74px;
margin-right: -5px;
padding-top: 0px;
}
.winner-logo{
float: right;
max-width: 60px;
margin-right: 0px;
padding-top: 0px;
}
.artwork-client{
margin-top: 10px;
font-size: 13px;
color:#939597;
}
.artwork-name{
float: left;
margin-top: 5px;
margin-bottom: 8px;
color: #000 !important;
line-height: 1.2;
font-weight: bold;
font-size: 15px;
width: 100%;
}
.artwork-name a{
font-size: 15px;
color: #000 !important;
line-height: 1.1;
font-weight: bold;
}
.artwork-name a:hover, .artwork-name a:focus{
text-decoration: none;
color: #21B8DB;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.winner-button{
position: absolute;
left: 10px;
bottom: 15px;
list-style-type: none;
margin-block-start: 0px !important;
margin-block-end: 0px !important;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px !important;
}
.winner-button li{
float: left;
padding: 3px 5px;
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid #DF6689;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
display: block;
width: 46%;
text-align: center !important;
}
.winner-button li:hover{
background: #DF6689 !important;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
color:#FFF !important;
}
.winner-button li a{
color: #000 !important;
font-size: 14px;
}
.winner-button li a:hover{
color:#FFF !important;
background: #DF6689 !important;
}
.winner-button li:not(:first-child):hover{
background: #DF6689 !important;
color: #fff;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.winner-social{
list-style-type: none;
position: absolute;
right: 15px;
bottom: 10px;
}
.winner-social li{
float: right;
padding: 8px 0px;
margin-left: 3px;
line-height: 1;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
border: 1px solid #000;
text-align: center;
width: 34px;
height: 34px;
border-radius: 50%;
}
.winner-social li:hover{
background-color: #000 !important;
color: #fff !important;
}
.winner-social li a{
color: #000 !important;
}
.winner-social li:not(:first-child):hover{
background-color: #000 !important;
color: #fff !important;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.winner-social li:hover .winglobe{
background-color: #000 !important;
color: #fff !important;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.winner-info{
font-size: 14px;
color: #2F363E;
}
.winner-info1{
font-size: 14px;
color:#DF6689;
margin-bottom: 2px;
font-weight: 500;
}
.winner-info2{
font-size: 15px;
color: #939597;
margin-bottom: 5px;
line-height: 1.35 !important;
}
.winner-info-details{
color:#DF6689;
margin-bottom: 2px;
}
.winner-entertype{
position: relative;
float: left;
padding: 5px 10px;
color: #fff;
background-color: black;
width: 75%;
position: relative;
background-color: black;
font-size: 15px;
line-height: 1.3 !important;
}
.winner-country {
float: left;
color: #fff;
text-align: right;
padding: 5px 10px;
width: 25%;
color: #fff;
background-color: black;
font-size: 15px;
position: relative;
line-height: 1.3 !important;
}
.winner_box_top{
padding: 0px;
}
/*winner_info*/
.fr {
float: right;
}
.winner_info_cont{
background-color: #fff;
padding-bottom: 50px;
border: 1px solid #CECEBF;
}
.winner_row_1{
padding: 0px 25px;
border-bottom: 1px solid #CECEBF;
padding-bottom: 10px;
}
.winner_info_art_name{
color:black;
font-size: 26px;
margin-top: 25px;
margin-bottom: 25px;
}
.winner_info_1{
margin-bottom: 0px;
letter-spacing: 1px;
}
.winner_info_2{
font-size: 18px;
margin-bottom: 40px;
color: #939597;
margin-top: 8px;
}
.winner_info_topleft{
margin-top: 10px;
margin-right: 15px;
}
.winner_info_topleft p{
margin-bottom: 10px;
margin-top: 20px;
}
.winner_row_2{
padding: 15px 25px;
}
.winner_info_info{
color: #939597;
font-size: 18px;
margin-bottom: 50px;
}
.extra_info_row{
padding: 5px 25px;
color: #939597;
border-top: 1px solid #939597;
}
.winner_info_title{
padding: 8px 0px;
color: #939597;
font-size: 16px;
color: #929497;
float: left;
margin-right: 20px;
}
.winner_info_extra_name{
padding: 8px 0px;
color : #303030;
font-weight: bold;
font-size: 16px;
}
.credit_table{
padding: 0px 25px;
}
.more_winner{
padding-top: 25px;
padding-bottom: 25px;
font-size: 18px;
}
.share-ul{
list-style-type: none;
padding-left: 10px;
}
.share-ul li{
float: left;
}
.share-ul li{
padding: 5px 8px;
border: 1px solid #21B8DB;
color: #21B8DB;
margin-left: 5px;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
position: relative;
overflow: hidden;
}
.share-ul li:hover, .share-ul li:focus{
background-color: #21B8DB;
color: #fff;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: pointer;
}
.winner_share{
margin-top: 15px;
margin-bottom: 15px;
padding: 0px 25px;
float: right;
width: 30% !important;
}
.share-left{
font-size: 16px;
color: #939597;
margin-bottom: 0px;
margin-top: 5px;
}
.fl{
float:left;
}
.winner_info_video{
width: 100% !important;
height: 750px !important;
}
.winner_website{
width: 100%;
height: 600px;
border: none;
}
.website_click_view{
padding: 15px;
font-size: 18px;
}
.website_click_view a{
color: #939597;
font-size: 18px;
}
.credit-row{
display: table;
margin-top: 50px;
border-top: 1px solid #CECEBF;
padding-top: 30px;
width: 100%;
}
.credit_name{
margin-left:35px;
}
.website-row{
padding-top: 30px;
}
.winner_credit{
display: inline-block;
padding-left: 0px;
margin-bottom: 0px;
}
.winner_credit:after{
content: '';
display: table;
clear: both;
}
.winner_credit li{
padding-top: 8px;
padding-bottom: 8px;
}
/***********News/ MUSE Worldwide***********/
.media-thumbnail{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 300px;
border: 1px solid #DBDCDD;
}
.media-entertype-bar{
padding: 6px 0px;
background:#DF6689 !important;
font-size: 16px;
color : #FFF;
border-left: 1px solid #DBDCDD;
border-right: 1px solid #DBDCDD;
}
.media-country {
width: 50%;
padding: 6px;
color: #000;
text-align: right;
background-color: #E5B420;
font-size: 15px;
float:left;
position: relative;
}
.media-date {
color: #A0A0A0;
font-size: 15px;
margin-top: 10px;
}
.media-title a{
color: #DF6689 !important;
font-size: 16px;
line-height: 1.3 !important
}
.media-info{
font-size: 13px;
border-top: 1px solid #DBDCDD;
margin-top: 10px;
padding: 10px 0;
}
.media-info-cont{
background-color: #FFF;
padding: 15px;
padding-top: 0px;
min-height: 280px;
position: relative;
margin-bottom: 25px;
border: 1px solid #DBDCDD;
}
.media-link{
color: #404040 !important;
border: 1px solid #DBDCDD;
font-size: 15px;
padding: 4px 15px;
border-radius: 14px;
}
.media-link:hover{
background-color: #DBDCDD;
}
/***********Interview***********/
.interview-info{
font-size: 15px;
margin-top: 10px;
padding: 10px 0;
}
.interview-info-cont{
background-color: #FFF;
padding: 15px;
padding-top: 0px;
min-height: 270px;
position: relative;
margin-bottom: 25px;
}
.interview-link{
color: # !important;
border: 1px solid #;
font-size: 15px;
padding: 3px 15px;
border-radius: 0px;
}
.interview-link:hover{
background-color: #DBDCDD;
}
.interview-info-cont{
background-color: #f2f2f2;
padding: 20px;
padding-top: 0px;
min-height: 315px;
position: relative;
margin-bottom: 25px;
border-bottom: 8px solid #DF6689;
}
.interview-info-cont .interview-name{
margin-top: 10px !important;
}
.interview-info-cont .interview-name a{
font-size: 20px;
color:#DDC066;
}
.interview-info-cont .interview-company{
font-size: 17px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.interview-info-cont hr{
border-top: 1px solid #DBDCDD;
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.interview-link{
border: 1px solid #000;
color:#000;
font-size: 16px;
padding: 5px 15px;
border-radius: 15px;
text-transform:uppercase;
}
.interview-link:hover{
background-color: #000;
color:#FFF !important;
}
.interview-entertype-bar{
padding: 10px 0px;
background-color: #2F585C;
font-size: 16px;
color: #FFF !important;
}
.interview-entertype-bar a{
font-size: 22px;
line-height: 1.1;
color: #FFF !important;
font-family: 'Abenda' !important;
text-transform: uppercase;
}
.interview-container{
padding: 0px;
display: block;
position: relative;
}
.interview-container .interview-cover{
background-color: black;
position: relative;
display: block;
}
.interview-container .interview-cover img{
opacity: 0.4;
}
.interview-profile{
position: absolute;
top:-300px;
}
.interview-profile-img{
position: absolute;
bottom: -160px;
margin-left: 8%;
}
.interview-container .interview-profile-img img{
width: 460px;
}
.interview-profile-info{
margin-top: -65px;
}
.story-info{
padding-left: 20px;
}
.story-info .h1{
margin: 0px !important;
line-height: 1.1 !important;
}
.story-info .company{
font-size: 20px;
margin-top: 20px !important;
font-weight: 500 !important;
margin-bottom: 20px !important;
}
.story-info hr.seperator{
margin-top: 25px;
margin-bottom: 20px;
margin-left: 0px;
border: 0;
border-top: 2px solid #DF6689 !important;
width: 100px;
}
.interview-social{
padding-top: 20px;
list-style-type: none;
margin-block-start: 0px !important;
margin-block-end: 0px !important;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px !important;
}
.interview-social li{
float: left;
padding: 5px 0px;
text-align: center;
width: 38px;
height: 38px;
margin-right: 4px;
border: 1px solid #000;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
border-radius: 50%;
}
.interview-social li a{
color : #000 !important;
}
.interview-social li a:hover, .interview-social li:hover a{
color : #FFF !important;
}
.interview-social li:hover{
background-color: #000;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.interview-social li:hover .winglobe{
color: #fff;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.lbl-interview{
font-weight: 500;
font-size: 17px;
}
.interviewinput{
height: 150px;
padding: 10px;
border: 1px solid #000;
width: 100%;
position: relative;
color: #231F20;
}
p.accordion.interview {
background: #FFF;
border-top:none !important;
border-left:none !important;
border-right:none !important;
border-bottom: 3px solid #000;
cursor: pointer;
padding: 10px 0px;
width: 100%;
text-align: left;
outline: none;
transition: 0.4s;
margin-bottom:0px;
color:#000 !important;
}
p.accordion.interview .number{
color: #DF6689;
font-family: 'Vogue' !important;
font-size: 30px;
line-height: 0.8 !important;
padding: 0 12px;
float: left;
}
p.accordion.interview .question{
float: left;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.interview.active, p.accordion.interview:hover {
color: #000 !important;
background: #FFF !important;
}
div.panel-faq.interview p {
margin-bottom: 0px;
}
div.panel-faq.interview{
padding: 20px;
background-color: #FFF;
transition: 0.4s ease-in-out;
opacity: 0;
margin-bottom: 15px;
}
/* Unicode character for "plus" sign (+) */
p.accordion.interview:after {
content: '\002B';
color: #000;
font-weight: bold;
float: right;
margin-left: 5px;
}
/******************Winner Gallery****************/
.grid img{
border-radius: 20px;
}
.grid-content .grid-title{
margin-top: 10px;
}
.grid-content .grid-title a{
font-size: 16px !important;
color:#DF6689 !important;
line-height: 1.3 !important;
}
.grid-content .grid-info{
color: #333;
font-size: 14px !important;
margin-bottom: 20px !important;
margin-top: 4px !important;
}
.div-tbl{
margin: 20px 0px;
display: none;
}
#link-nominate{
cursor:pointer;
}
/*************Nomination*************/
.tbl-nomination{
background-color: #7C7D79;
width: 100%;
}
.tbl-nomination tr td{
padding: 5px 10px;
color: white;
border: 1px solid #E9EBED;
}
/*************Contact*************/
#contact_map {
width: 100%;
height: 400px;
margin-bottom: 150px;
}
.contact_country{
cursor: pointer !important;
}
/************Top Agency************/
#top-agency{
background-color: #EFEFEF;
padding: 70px 0px 80px 0px;
}
.join-content{
margin: auto;
font-family: 'Vogue';
font-size: 24px;
}
.agency_left{
height: 330px;
}
.agency_small_img{
/*margin: auto;*/
max-height: 330px;
}
.agency_row{
margin-top: 50px;
margin-bottom: 50px;
}
.agency_right{
background-color: #FFF;
overflow: auto;
height: 330px;
width: 100%;
}
.agency_right .right-inner{
padding: 20px 0px;
}
.agency_right .right-inner::-webkit-scrollbar {
width: 5px;
border: 1px solid #fff;
border-radius: 5px;
}
.agency::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.agency_right .right-inner::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
border-radius: 5px;
}
.agency_writeup{
color: #000;
margin-top: 20px;
}
.agency_name{
color: #000;
font-size: 26px;
margin-bottom: 10px;
line-height: 1.1 !important;
}
.agency_country{
color: #000;
margin-bottom: 25px;
font-size: 16px;
position: relative;
}
.agency_country:after{
content: '';
position: absolute;
left: 0;
bottom: -5px;
height: 2px;
width: 50px;
background: #DF6689 !important;
}
.agency_social_media{
padding-left: 0px;
list-style-type: none;
margin-top: 25px;
margin-bottom: 25px;
}
.agency_social_media > li{
float: left;
padding: 7px 0px;
margin-bottom: 12px;
margin-right: 12px;
color: #DF6689;
background-color: transparent;
border-radius: 50%;
width: 38px;
height: 38px;
text-align: center;
border:1px solid #DF6689;
}
.agency_social_media > li a{
color: #DF6689 !important;
}
.agency_social_media > li:hover{
background-color: #DF6689 !important;
background: #DF6689 !important;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: pointer;
}
.agency_social_media > li:hover > a{
color: #fff !important;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.agency_social_media_link{
color: #FFF !important;
line-height: 1;
}
.ranking-block{
background: #DF6689 !important;
width: 125px;
height:90px;
padding: 5px 10px 10px 10px;
position: absolute;
right: 30px;
top: 0;
}
.ranking-block .inner-box{
border:1px solid #FFF;
}
.ranking-block .inner-box .ranking-box{
text-align: center;
border-bottom: 2px solid #FFF;
padding: 8px 0px;
}
.ranking-block .ranking-title{
font-size: 12px;
color :#FFF;
text-align: center;
margin-bottom: 2px;
letter-spacing: 2px;
}
.ranking-block .inner-box .ranking-box .ranking-number{
font-size: 22px;
color :#FFF;
font-weight: 600;
}
.ranking-block .inner-box .score-box{
text-align: center;
}
.ranking-block .score-box .score-title{
font-size: 12px;
color :#000;
letter-spacing: 2px;
}
.ranking-block .inner-box .score-box .score-number{
font-size: 30px;
line-height: 36px;
color :#000;
font-weight: 600;
}
#top-agency-score{
background-color: #DF6689 ;
padding: 80px 0px 80px 0px;
}
#top-agency-score .h5 {
font-size: 19px !important;
font-weight: 600 !important;
}
#top-agency-score .column-box{
border: 1px solid #FFF;
padding: 10px;
}
#top-agency-score .column-box .score-box{
background: #DF6689 !important;
padding: 15px;
color : #FFF;
border-top: 5px solid #FFF;
border-bottom: 5px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#top-agency-score .column-box .score-box .score-rank{
font-size: 30px;
font-family: 'Vogue' !important;
border-bottom: 1px solid #FFF;
}
#top-agency-score .column-box .score-box .sm-text{
font-size: 14px;
}
#top-agency-score .column-box .score-box .score-number{
font-size: 80px;
line-height: 80px;
margin-bottom: 0px;
margin-top: 10px;
font-weight: 700 !important
}
/************pagination************/
.pagination-cont{
width: 100%;
text-align: center;
margin-top: 100px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
border-color: #FFF !important;
background: #DF6689!important;
color: #FFF !important;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
color:#000 !important;
}
.pagination > li > a, .pagination > li > span{
color:#000 !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/*************Cookies*************/
#pjAcceptCookieBar .pjAcceptCookieBarBtn{
color : #FFF !important;
}
#pjAcceptCookieBar .pjAcceptCookieBarBtn:hover{
color : #FFF !important;
}
#pjAcceptCookieBar .pjAcceptCookieBarBtn:after {
border-bottom: 4px solid #DF6689 !important;
}
/*************Footer*************/
#footer{
background-color: #000;
overflow: hidden;
padding: 70px 0px 70px 0px;
color: #fff;
}
#footer a.defcolor{
color: #FFF !important;
}
#footer a.defcolor:hover{
color: #DF6689 !important;
text-decoration: none;
}
.footer-seperator{
overflow:hidden;
height:12px;
background-image:url('../images/divider.png');
}
.footer-logo{
height: 80px;
position: relative;
margin-top: 30px;
}
.footer-logo .left-line{
height:35px;
border-bottom:1px solid #444;
width:43%;
display:inline-block;
position:absolute;
top:0
}
.footer-logo .right-line{
height:35px;
border-bottom:1px solid #444;
width:43%;
display:inline-block;
position:absolute;
top:0;
right:0px
}
.flogo {
width: 118px;
position: absolute;
top: -20px;
left: 45%;
}
.social-icon{
list-style-type: none;
padding-left: 0px;
display: inline-block;
}
.social-icon li{
float: left;
padding: 5px;
font-weight: bold;
}
.social-icon i{
font-size: 20px;
height: 40px;
width: 40px;
padding-top: 9px;
border-radius: 50%;
border: 1px solid #DF6689;
color: #fff;
}
.social-icon i:hover {
color: #FFF;
border: 1px solid #FFF;
background-color: #DF6689;
border: 1px solid #DF6689;
}
.mfooter{
margin-top: 20px;
border-top: 1px solid #444;
}
.msi i{
font-size: 15px;
height: 30px;
width: 30px;
padding-top: 5px;
}
.msocial{
display: inline-block;
width: 100%;
list-style-type: none;
}
.msocial li{
display: inline-block;
padding: 0 10px;
}
.msocial a{
font-size: 22px;
}
.mcopy p{
font-size: 13px;
}
.footer{
padding-top: 0px;
}
.flist{
padding-left: 0px;
list-style-type: none;
margin-bottom: 0px;
}
.flist li{
padding: 3px 10px 3px 0px;
}
.flist a{
color: #fff !important;
font-size: 14px;
}
.flist a:hover, .flist a:focus{
color: #DF6689 !important;
}
.copyright{
margin-top: 20px;
font-size: 13px;
}
.copyright a{
color: #fff !important;
}
.copyright a:hover{
color: #fff !important;
}
.copyright p{
margin: 0px;
}
@media(min-width: 768px){
.store-choose-cont{
min-height: 500px;
}
}
@media(min-width: 992px){
.store-choose-cont{
min-height: 460px;
}
}
@media(max-width: 768px){
.mobile-row{
padding : 0px 25px
}
h3, .h3{
font-size: 20px !important;
}
.h1 {
font-size: 42px !important;
margin-bottom: 20px !important;
font-family: 'Vogue' !important;
}
.h2{
font-size: 42px !important;
margin-bottom: 20px !important;
font-family: 'Vogue' !important;
}
.top-nav{
display:none;
}
.logo-container{
max-width: 160px;
padding: 0px 5px;
}
#navbarcontainer{
background-color: #231F20;
height: 60px;
}
.navbar-nav .dropdown-menu > li{
text-align:center;
}
.navbar-collapse.collapse.in {
background-color: #FFF;
}
.container-fluid{
padding-right: 0px !important;
padding-left: 0px !important;
}
#myCarousel{
position: initial;
}
.input-group .input-group-addon{min-width: 130px;}
.about-content{
padding-left: 0px;
padding-right: 0px;
}
.about-muse-creative{
margin-top: 0px !important;
}
.muse-theme{
padding: 580px 0px 40px 0px;
background-image: url(../images/MUSE-Theme-2025-Mobile.jpg);
background-position: top center;
background-size: 100%;
text-align: center;
}
.muse-theme h2{
font-size: 42px !important;
}
.muse-theme .section-title{
margin-top: 0px !important;
}
.muse-dateline{
position: relative;
background-image: url(../images/Awards-Deadline-Background-Mobiel.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100%;
padding: 50px 0px 30px 0px;
min-height: 800px;
}
.muse-dateline h2 {
margin-top: 30px !important;
}
.muse-dateline .date-box{
height: 250px;
padding-left: 50px !important;
padding-top: 85px !important;
}
.muse-dateline .btn-link-black{
display: none;
}
.muse-statuette{
text-align: center;
padding: 50% 0px 80px 0px;
}
.muse-statuette .trophy, .muse-statuette .blossom {
display: none;
}
.muse-statuette .trophy {
display: none;
}
#categories .index_category_main{
text-align: center;
margin-top: 40px;
}
#testi .the-testi{
padding:0px 40px;
}
#testi.owl-theme .owl-nav{
width: 105%;
top: 28%;
}
#testi.owl-theme .owl-nav .owl-prev{
left:-15px;
}
#testi.owl-theme .owl-nav .owl-next{
right:5px;
}
.projects.four.isotope{
position: relative;
overflow: hidden;
}
.four .project{
width:100%;
float:left;
}
#gallery_open{
font-size: 25px;
}
.m-hide{display:none;}
#categories img{
margin:20px auto !important
}
.index_category_main{
text-align: center;
margin-top: 10px;
}
#testimonies{
padding: 80px 0px 0px 0px;
}
#video iframe{
width: 100vw;
height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
}
.tbl-dateline td{
font-size: 13px;
}
.trophy-img {
max-width: 110px;
position: relative;
top: 0px;
z-index: 1;
left:38%;
}
.div-fees-content p{
text-align: center;
padding: 0 2%;
}
#owl-demo{
font-size: 16px;
}
.logo-bottom{
max-width: 125px;
margin: auto;
margin-bottom: 30px;
}
.social-icon li{
text-align: center;
}
.bigoption{
font-size: 18px;
min-height: 45px;
padding: 10px 5px;
}
.login_heading{
font-size: 24px;
}
.store-choose-cont{
min-height: 400px;
max-width: 350px;
margin:auto;
margin-bottom: 15px;
}
.winner_info_video{
height: 400px !important;
}
.winner_website{
height: 400px !important;
}
}
@media(max-width: 480px){
body {
font-size: 14px !important;
}
/**************Fonts*************/
.h1 {
font-size: 33px !important;
}
.h2 {
font-size: 34px !important;
}
.h5 {
font-size: 16px !important;
margin-bottom: 15px !important;
}
.text-sm {
font-size: 11px;
}
.text-15 {
font-size: 12px;
}
.text-16 {
font-size: 13px;
}
.smallh1{
font-size: 19px;
}
.text-sm14 {
font-size: 13px;
}
/**************Link*************/
.btn-link-black, .btn-link-white, .btn-link-orange {
font-size: 15px !important;
padding: 10px 15px !important;
}
.btn.btn-default{
padding:3px 5px;
}
.btn-link-gradient {
padding: 12px 20px !important;
font-size: 16px !important;
}
.btn-link.full{
font-size: 16px !important;
}
.paybtn {
padding: 5px 12px !important;
border-radius: 3px;
font-size: 16px;
}
/**************Navigation*************/
.navbar {
min-height: 68px !important;
}
.navbar-nav {
margin: 0px -15px !important;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0px !important;
}
.navbar-nav > li {
padding: 5px 0px !important;
}
.logo-container {
min-width: 200px !important;
padding: 5px 15px;
}
#logo {
max-height: 50px;
}
.sticky #mynavbar {
height: 68px !important;
padding: 4px 0px !important;
}
.sticky #logo {
max-height: 55px;
}
/****** Display******/
.container-fluid>.navbar-header{
margin-right: 0px!important;
margin-left: 0px!important;
}
.container-fluid .row{
margin-left: 0px!important;
margin-right: 0px!important;
}
.maxw1000{
padding: 0px 0px;
}
.mt-md {
margin-top: 20px!important;
}
.mb-md{
margin-bottom:20px !important;
}
.pr-xs{
padding-right:15px !important;
}
.pl-xs{
padding-left:15px !important;
}
.mt-xlg{
margin-top:45px !important;
}
.mb-xlg{
margin-bottom:45px !important;
}
.mt-xxlg{
margin-top:75px !important;
}
.input-group-addon{
padding: 5px 8px !important;
font-size: 13px !important;
}
.input-group .input-group-addon{
min-width: 115px;
}
.section-page {
padding-bottom: 45px;
padding-top: 45px;
}
.section-page .h2{
margin-bottom: 0px !important;
}
/*******Banner******/
#bannercontainer {
padding: 10px 15px;
}
#bannercontainer .entry-text {
font-size: 22px;
}
/*******Home Page MUSE Theme******/
#about-muse{
padding: 40px 0px 40px 0px;
}
#about-muse .owl-dot.active:after {
left: 30%;
width: 30%;
}
#about-muse .owl-dot {
font-size: 17px !important;
}
.muse-theme {
padding: 400px 0px 40px 0px;
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
}
.muse-theme h2{
font-size: 34px !important;
}
.muse-dateline{
padding: 40px 0px;
background-image: url(../images/Awards-Deadline-Background-Mobiel.jpg);
background-size: 100%;
background-position: top center;
min-height : 100px !important;
}
.muse-dateline .date-box{
height: 170px;
padding-left: 5px !important;
padding-top: 10px !important;
}
.muse-dateline .date-box .date-innerbox{
padding-left: 10px;
}
.muse-dateline .section-title{
text-align: center;
}
.muse-dateline h2{
margin-top: 10px !important;
}
.muse-dateline .date-box h3{
font-size: 16px !important;
font-weight: 500;
line-height: 1.1 !important;
margin-bottom: 3px !important;
margin-top: 10px !important;
}
.muse-dateline .date-box h4{
font-size: 14px !important
}
.muse-dateline .countdown-box{
display: none !important;
}
.muse-dateline .date-box h2 {
font-size: 20px;
}
.muse-dateline .date-box h4 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.muse-dateline .dateline-innerbox {
margin-bottom: 0px !important;
}
.muse-dateline .dateline {
font-size: 18px;
}
.muse-dateline .mt-lg.mb-md{
margin-top: 10px !important;
}
#categories {
padding: 40px 0px 40px 0px;
}
#categories .index_category_main{
text-align: center;
}
#categories h4 {
font-size: 23px;
font-weight: 700;
margin-top: 15px !important;
}
.muse-statuette {
padding: 420px 0px 60px 0px;
background-image: url(../images/MUSE-Statuette-Background-Mobile.jpg);
background-position: top right;
background-repeat: no-repeat;
background-size: 100%;
text-align: center;
}
.muse-statuette .content-left{
padding-right: 0px !important;
}
.muse-statuette .content-right{
padding-right: 0px !important;
}
.muse-statuette .trophy {
display: none;
}
.muse-statuette .blossom{
display: none;
}
#featured-juror {
padding: 40px 0px 40px 0px;
}
#gallery {
padding: 40px 0px 40px 0px;
}
#testimonies {
padding: 40px 0px 40px 0px !important;
background-position: top left;
background-repeat: no-repeat;
background-size: 200%;
}
.testimonial-details, .testimonial-sender{
font-size: 14px;
}
#testi .spacing_30{
height: 20px;
}
#testi .owl-dots{
display: none;
}
#aboutiia {
padding-top: 45px;
padding-bottom: 0px;
background-image: url(../images/About-IAA-Background-Mobile.jpg);
background-size: 100%;
background-position: bottom;
background-repeat: no-repeat;
background-color: #6199D4;
}
#aboutiia .about-awards-row{
margin-top : 30px;
}
#aboutiia .iaa-logo {
max-width: 70px;
}
#aboutiia .mb-md{
margin-bottom:5px !important;
}
#aboutiia .h2 {
font-size: 28px !important;
}
#aboutiia .mb-xlg{
margin-bottom: 20px;
}
.whitebox {
margin-top: 0px;
padding: 0px 15px;
}
.whitebox .whitebox-inner.awards-programs {
padding-left: 0px;
}
.whitebox .whitebox-inner.countries {
padding-right: 0px;
}
.whitebox .whitebox-inner.judges {
padding-right: 0px;
}
.whitebox-inner {
height: 200px;
padding-top: 50px;
}
h2.bignum{
margin-top: 0px;
margin-bottom: 5px !important;
font-size: 35px;
}
.whitebox .title-sm{
font-size: 13px;
letter-spacing: 0px !important;
}
#action{
padding: 40px 0px 40px 0px;
}
#action .h1{
margin-top: 25px !important;
}
#action .new-member{
margin-top: 35px !important;
}
#action .h5.mb-lg.mt-sm{
margin-bottom: 30px !important;
margin-top: 10px !important;
}
#signup {
padding: 40px 0px 50px 0px;
}
#signupbtn {
font-size: 15px;
}
#videocontainer {
margin-top: 0px !important;
}
/*******Awards Page******/
.about-muse-creative {
padding: 40px 0px 40px 0px;
}
.table-responsive{
border:0 !important;
}
#benefits{
padding: 40px 0px;
}
#benefits .table-border {
font-size: 11px;
}
#benefits .table-border th {
border: 1px solid #A0A0A0;
padding: 3px 3px;
}
#benefits .table-border td {
padding: 3px 3px;
border: 1px solid #A0A0A0;
}
#howtoenter {
padding: 60px 0px 40px 0px;
background-position: left top;
background-repeat: no-repeat;
background-size: 220%;
}
#howtoenter .step-thumb img {
max-width: 100px;
margin: auto;
}
#howtoenter .step-count {
margin-top: 5px !important;
}
#howtoenter .step-title {
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
}
#howtoenter .nav-pills {
min-height: 500px;
}
#howtoenter .owl-dot.active:after {
left: 36%;
height: 4px;
width: 18%;
}
#howtoenter .nav-pills.nav>li>a{
text-align: center!important;
padding: 18px 15px;
}
#howtoenter .pl-none{
padding-left: 0 !important;
padding-right: 0 !important;
}
#howtoenter .nav-pills.nav>li:last-child {
border-bottom: 1px solid #FFF !important;
}
#howtoenter .tab-content .tab-pane{
padding: 10px 20px !important;
text-align: center;
font-size: 15px;
}
#thefees {
padding: 40px 0px 40px 0px;
background-position: bottom left;
background-repeat: no-repeat;
background-size: 200% !important;
}
.tbl-dateline td {
font-size: 13px;
}
.tbl-dateline td, .tbl-dateline th {
padding: 8px 2px;
font-size: 11px;
}
#enter_bg {
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
height: 220px;
}
#agency {
padding: 40px 0px 40px 0px;
}
#agency .text-15{
margin-top:10px;
}
#agency .h5 {
font-size: 14px !important;
}
#agency .h6 {
font-size: 13px !important;
font-weight: 600;
}
#video{
position: relative;
overflow: hidden;
z-index:2;
margin-top:0px;
width: 100%;
}
#video iframe{
width:100%;
height: 32.625vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 30vh;
min-width: 53.33vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
}
#video{
height:190px;
background-color:#000;
}
#video .text-wrap{
top: 10%;
left: 18%;
z-index: 3;
}
#video .text-wrap h2{
font-size: 18px;
margin-bottom: 12px;
margin-top: 12px;
}
#video .text-wrap .subtitle{
font-size: 14px;
}
#video .text-wrap .btn-play {
font-size: 40px;
color: #FFF;
}
#whymuse {
padding: 40px 0 50px 0;
}
#whymuse ol li{
font-size: 18px !important;
font-weight: bold;
min-height: 100px;
padding-top:10px;
}
#whymuse ol li p {
font-size: 15px !important;
font-weight: normal;
}
#whymuse .why-btn{
margin-top: 20px;
}
/******* Top Agency******/
.tbl-agency h2.number {
font-size: 34px;
font-weight: 700;
margin-top: 0px !important;
}
.tbl-agency td, .tbl-agency th {
padding: 10px 5px;
}
.agency_small_img{
margin: auto;
max-height: 330px;
}
#top-agency{
padding: 40px 0px 40px 0px;
}
#top-agency-score .column-box{
margin: 10px;
}
#top-agency-score .column-box .score-box{
margin-bottom: 20px;
}
.agency_country{
font-size: 15px;
}
.agency_name{
font-size: 24px;
}
.ranking-block{
width: 100px;
height: 80px;
}
.ranking-block .ranking-title {
font-size: 10px;
}
.ranking-block .inner-box .ranking-box .ranking-number {
font-size: 16px;
}
.ranking-block .inner-box .score-box .score-number {
font-size: 26px;
line-height: 28px;
}
/******Judge******/
.judge_row {
margin-top: 0px;
margin-bottom: 0px !important;
}
.judge_row.last{
margin-bottom: 20px !important;
}
.judge_right {
background-size: 20%;
margin-top: 0px;
margin-bottom: 30px;
text-align: center;
}
.judge_country:after{
left: 45%;
}
.judge_name{
font-size: 24px;
}
.judge_social_media{
margin-top: 15px;
margin-bottom: 15px
}
.judge_writeup{
max-width: 100%;
margin-top: 10px;
}
.judge_title_company {
font-size: 14px !important;
}
.judge_social_media > li{
float: none !important;
}
.tbl-dateline td, .tbl-dateline th {
padding: 8px 2px;
font-size: 11px;
}
.input-group-addon{
padding: 8px 3px;
font-size: 14px;
min-width:128px;
}
.basket-action a {
padding: 5px 5px;
margin-right: 5px;
cursor: pointer;
margin-top:10px;
}
.basket-labels label {
font-size: 16px;
}
.basket{
margin: 0 -15px;
font-size:13px;
}
.basket-width{
width:110%;
}
.upload-btn-wrapper input[type=file] {
font-size: 18px;
}
.upload-btn-wrapper .btn{
font-size : 18px;
padding : 3px 6px;
}
.store2img-image{
max-width: 100% !important;
}
.radio-toolbar label{
min-width: 90%;
}
.store-col-5{
width: 100%;
}
/******Winners******/
#win-form {
margin-top: 0px;
}
.win-search li{
width: 100%;
}
.winner_share{
width: 100%;
text-align: center;
padding: 0px 25px;
margin-bottom: 30px !important;
}
.share-left{
margin-bottom: 5px;
}
.winner-social li{
padding: 8px 0px;
}
.winner-social li a{
font-size: 16px;
}
.winner_info_2{
margin-bottom: 30px;
font-size: 16px;
}
.winner_info_info{
font-size: 15px;
}
.more_winner{
font-size: 15px;
}
.winner_info_art_name{
font-size: 23px;
}
.credit_name{
margin-left:15px;
}
.extra_info_row{
padding: 5px 0px;
}
.winner_info_extra_name{
font-size: 15px;
}
/******Account/My Dashboard/******/
.loginlink{
margin-top: 20px;
}
.quick-link li a{
font-size: 14px;
}
.enterbtn{
margin: 0px auto 20px auto;
padding: 8px 10px;
font-size: 15px;
}
.bigoption{
font-size: 12px;
padding:8px 1px;
min-height: 40px;
text-align: center;
letter-spacing: 0px;
}
.steplink li .step{
text-align: center;
}
.control {
font-size: 15px;
}
.basket-labels{
display: none;
}
.upload-right{
padding-left:0px;
margin-top: 30px;
}
.loginbtn{
padding: 8px 10px;
}
.store_product_heading{
margin-top: 30px !important;
}
/*******Footer******/
#footer {
padding: 80px 15px 20px 15px;
}
}
@media(max-width: 390px){
#aboutiia {
padding-top: 30px;
padding-bottom: 0px;
background: #C34C2E;
background-image: url(../images/about-iaa-mobile-new.jpg);
background-size: 100%;
background-position: bottom;
background-repeat: no-repeat;
background-color: #C63516;
min-height: 1140px;
}
.whitebox {
margin-top: 0px;
padding: 0px 15px;
}
.whitebox .whitebox-inner.awards-programs {
padding-left: 0px;
}
.whitebox .whitebox-inner.countries {
padding-right: 0px;
}
.whitebox .whitebox-inner.judges {
padding-right: 0px;
padding-top: 40px;
}
.whitebox-inner {
height: 170px;
padding-top: 40px;
}
}