/*--- Breadcrumbs  ---*/
#breadcrumbs { padding-top:8px; margin-bottom:38px;}
#breadcrumbs a, #breadcrumbs span { font-size:11px; color:#606060; text-transform:uppercase; display:inline-block;}
#breadcrumbs .divider { width:12px; height:33px; background:url(/img/arrow6.png) left top no-repeat; display:inline-block; margin:0 15px 0 18px; vertical-align:middle;}

/*--- Page Header  ---*/
.page-header { margin:0; margin-bottom:45px; border-bottom:0; padding-bottom:0;}
.page-header h2 { font-size:26px; margin:0; color:#2f2f2f; text-transform:uppercase; font-weight:500;}

/*--- Post  ---*/
.post h2 { font-size:24px; color:#bcaf79; font-weight:300; margin-bottom:20px; font-family: 'FedraSerifBPro';}
.post h2 a { color:#bcaf79;}
.post p { font-size:15px; color:#727272; line-height:24px; font-family: 'FedraSerifBPro'; font-weight:300; margin-bottom:20px;}
.post p a { color:#bcaf79;}
.post .metadata { display:block; font-size:12px; color:#c8c8c8; font-family: 'FedraSerifBPro'; font-weight:300; margin-bottom:20px;}

.post .image { margin-bottom:25px; position:relative;}
.post .image img { width:100%;}
.post .image .photo { position:absolute; right:0; bottom:0; width:51px; height:51px; display:block; background:url(/img/photo.gif) left top no-repeat; z-index:5;}

.posts { position:relative; margin:0 -1.6%; padding-right:98px;}
.posts .post { float:left; width:46%; margin:0 2%; border-bottom:2px solid #bcaf79; margin-bottom:38px;}

/*--- Pagination ---*/
.pagination { text-align:center; display:block; margin-bottom:0;}
.pagination a { font-size:21px; display:inline-block; line-height:21px; color:#bcaf79; margin:0 15px;}
.pagination a:hover, .pagination a.active { color:#2f2f2f;}
.pagination span.space { display:inline-block; margin:0 10px; line-height:21px; }
.pagination span.space img { vertical-align:middle; position:relative; top:-3px;}

/*--- Widget ---*/
.widget { margin-bottom:50px; padding-left:80px;}
.widget ul li { margin-bottom:18px;}
.widget ul li a { font-size:18px; color:#bcaf79; text-transform:uppercase; line-height:33px; display:block; position:relative;}
.widget ul li.active a, .widget ul li a:hover { color:#2f2f2f;}
.widget ul li.active a:after, .widget ul li a:hover:after { display:block; height:33px; background:url(/img/arrow7.png) left top no-repeat; width:12px; position:absolute; left:-35px; top:0; content:"";}

.widget h2 { font-size:16px; color:#2f2f2f; line-height:22px; text-transform:uppercase; font-weight:500; margin-bottom:10px;}

/*--- Newsletter Form1 ---*/
#newsletter-form1 input[type="text"] { border:1px solid #d6d6d6; height:51px; padding:15px; font-size:15px; color:#a6a6a6; font-weight:500; float:left; width:120px; border-right:0;}
#newsletter-form1 input[type="submit"] { float:left; width:50px; height:51px; background:#bcaf79; border:0; font-size:15px; color:#fff; text-transform:uppercase;}

/*--- Competition  ---*/
.competition { background:none;}
.home .competition { background:#f4f4f4;}

/*--- Clients  ---*/
.clients { margin-bottom:30px; text-align:center;}
.clients ul li { line-height:94px; margin-bottom:45px; float:none; display:inline-block; width:19%;}

/*--- One Third  ---*/
.one-third .post { background:#f4f4f4;}
.one-third header { display:table; height:163px;}
.one-third header h2 { display:table-cell; vertical-align:middle; font-size:20px; color:#fff; font-family: 'FedraSerifBPro'; margin:0; font-weight:300; padding:0 24px;}
.one-third .details { padding:18px;}
.one-third .post p { font-size:13px; line-height:20px;}
.one-third .post p .read-more { float:right;}



#topbar, #header .submit-works-btn { display:block;}
#header.top { top:65px;}

.scroll-top { display:block; width:49px; height:49px; position:fixed; right:0; bottom:0; background:#2f2f2f url(/img/arrow2.png) center center no-repeat;}
.scroll-top:hover { background:#bcaf79 url(/img/arrow1.png) center center no-repeat;}

.our-jury ul li .people { position:relative;}

/*--- Votting App Page  ---*/
.page-voting-app {
	background: #f4f4f4;
	position: relative;
}
.page-voting-app #container {
	padding: 0px 15px;
}
.page-voting-app .logo {
	text-align: center;
	margin-top:80px;
	margin-bottom: 80px;
}
.page-voting-app #login-form {
	position: relative;
	margin: 0 auto;
	left: auto;
	max-width: 405px;
	width: 100%;
	top: auto;
	display: block;
}
.page-voting-app .box2 {
	max-width: 768px;
	position: relative;
	margin: 0 auto;
	left: auto;
	top: auto;
	display: block;
}
.page-voting-app .box2 header h3 {
	font-weight: 500;
	background: url(/img/icons.png) left 4px no-repeat !important;
	padding-left: 25px !important;
}
.page-voting-app .box2 .content.no-padding {
	padding: 0;
}
.page-voting-app .button5 {
	border: 3px solid #bcaf79;
	width: 79px;
	padding: 10px 0px;
}
.page-voting-app .diploma {
	border: 3px solid #cbcbcb;
	color: #cbcbcb;
}
.page-voting-app .diploma:hover, .page-voting-app .diploma:active, .page-voting-app .diploma:focus, .page-voting-app .diploma.active
 {
	color: #fff;
	background: #cbcbcb;
}
.page-voting-app .silver {
	border: 3px solid #858585;
	color: #858585;
}
.page-voting-app .silver:hover, .page-voting-app .silver:active, .page-voting-app .silver:focus,.page-voting-app .silver.active {
	color: #fff;
	background: #858585;
}
.page-voting-app .gold {
	border: 3px solid #bcaf79;
	color: #bcaf79;
}
.page-voting-app .gold:hover, .page-voting-app .gold:active, .page-voting-app .gold:focus,.page-voting-app .gold.active {
	color: #fff;
	background: #bcaf79;
}
.page-voting-app .grand-prix {
	border: 3px solid #2f2f2f;
	color: #2f2f2f;
	padding: 4px 3px 3px;
	line-height: 17px;
}
.page-voting-app .grand-prix:hover, .page-voting-app .grand-prix:active, .page-voting-app .grand-prix:focus,.page-voting-app .grand-prix.active {
	color: #fff;
	background: #2f2f2f;
}
.page-voting-app header .actions {
	float: right;
	position: relative;
	margin-top: -4px;
}
.page-voting-app header .actions a {
	display: block;
	float: left;
	margin-left: 50px;
	width: 19px;
	height: 27px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.page-voting-app header .actions a:first-child {
	margin-left: 0;
}
.page-voting-app header .actions a.back-btn {
	width: 19px;
	height: 27px;
	background-image: url(/img/back.png);
}
.page-voting-app header .actions a.exit-btn {
	width: 24px;
	height: 24px;
	background-image: url(/img/exit.png);
	margin-top: 2px;
}
.page-voting-app header .actions a.refresh-btn {
	width: 27px;
	height: 24px;
	background-image: url(/img/refresh.png);
	margin-top: 2px;
}
/*--- Error Message  ---*/
#error-message {
	max-width: 405px;
	margin-left: -202px;
	position: fixed;
	left: 50%;
	top: 20%;
	z-index: 100000;
}
#error-message .content {
	text-align: center;
	padding: 40px 60px 15px;
}
#error-message h3 {
	background: none !important;
	padding: 0 !important;
}
/*--- Competition  ---*/
#competition {
	max-width: 768px;
	background: #fff;
	width: 100%;
	position: fixed;
	height:100%;
	z-index: 1000;
	left: 50%;
	margin-left: -384px;
	top: 0;
}
#competition h2 {
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 26px;
	color: #2f2f2f;
	font-weight: 500;
}
#competition p {
	font-size: 15px;
	line-height: 24px;
	color: #727272;
	margin-bottom: 20px;
}
#competition .content {
	height: 100%;
	overflow: auto;
}
#competition .content .text{
	padding:42px 42px 70px;
}
#competition footer {
	background: #fff;
	padding: 20px 50px;
	position:absolute;
	bottom:0;
	width:100%;
	text-align: center;
}
#competition footer .button5 {
	margin: 0 8px;
}
#competition .close-btn {
	display: block;
	right: 30px;
	bottom: 35px;
	width: 18px;
	top: auto;
	height: 17px;
	background: url(/img/close-btn1.png) left top no-repeat;
	position: absolute;
	z-index: 10;
}
/*--- Box2  ---*/
.box2 {
	background: #fff;
	max-width: 405px;
	width: 100%;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 20%;
	margin-left: -200px;
	display: none;
}
.box2 header {
	background: #bcaf79;
	padding: 20px 28px;
}
.box2 header h3 {
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}
.box2 .close-btn {
	display: block;
	right: 25px;
	top: 21px;
	width: 18px;
	height: 17px;
	background: url(/img/close-btn.png) left top no-repeat;
	position: absolute;
	z-index: 10;
}
.box2 .content {
	padding: 25px 25px 5px;
}
.box2 p {
	font-size: 15px;
	color: #2f2f2f;
	line-height: 24px;
	margin-bottom: 25px;
}
.box2 label {
	display: block;
	text-align: left;
	font-size: 15px;
	color: #2f2f2f;
	margin-bottom: 6px;
	font-weight: 500;
}
.box2 input[type='text'], .box2 input[type='password'] {
	height: 51px;
	text-align: left;
	border: 1px solid #d6d6d6;
	padding: 15px;
	font-size: 15px;
	color: #2f2f2f;
	font-weight: 500;
	width: 100%;
}
.box2 ul li {
	margin-bottom: 20px;
}
.box2 .has-error input[type='text'], .box2 .has-error input[type='password'] {
	border: 1px solid #ff0000;
}
.box2 .error-message {
	display: block;
	font-size: 17px;
	color: #ff0000;
	margin-bottom: 40px;
	text-align: left;
}
.box2 .forgot {
	float: right;
	font-size: 15px;
	transition: all .2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	color: #bcaf79;
}
.box2 .forgot:hover {
	color: #2f2f2f;
}
/*--- List1 ---*/
.list1 li, .box2 .list1 li {
	padding: 12px 10px;
	margin: 0;
}
.list1 li:nth-child(2n) {
	background: #f8f8f8;
}
.list1 li .section {
	float: left;
	padding: 0px 15px;
	display: table;
	height: 47px;
}
.list1 li .section:first-child {
	width: 16%;
}
.list1 li .section:first-child + .section {
	width: 50%;
}
.list1 li .section p {
	line-height: 20px;
	display: table-cell;
	margin: 0;
	vertical-align: middle;
}
.list1 li .section p a {
	color: inherit;
}
.list1 li .buttons {
	float: right;
	padding-right: 0;
}
.list1 li .buttons .button5 {
	margin-left: 12px;
	float: left;
}
.list1 li .buttons .button5:first-child {
	margin-left: 0;
}
.list1 li .buttons {
	min-width: 185px;
}
.list1 li .buttons .button5:active, .list1 li .buttons .button5:focus {
	background: none;
	color: #bcaf79;
}
.list1 li.approval {
	padding: 45px 50px !important;
}
.list1 li.in p {
	color: #bcaf79;
}
.list1 li.in .buttons .button5:last-child {
	display: none;
}
.list1 li.in .buttons .button5:first-child, .list1 li.in .buttons .button5:first-child:active, .list1 li.in .buttons .button5:first-child:focus {
	border-color: #dfdfdf;
	color: #cecece;
	background: none;
}
.list1 li.in .buttons .button5:first-child:hover {
	background-color: #dfdfdf;
	color: #ffffff;
}
.list1 li.out p {
	color: #cecece;
}
.list1 li.out .buttons .button5:first-child {
	display: none;
}
.list1 li.out .buttons .button5:last-child {
	border-color: #dfdfdf;
	color: #cecece;
	float: right;
}
.list1 li.out .buttons .button5:last-child:hover {
	background-color: #dfdfdf;
	color: #ffffff;
}
/*--- List2 ---*/
.list2 li, .box2 .list2 li {
	padding: 12px 10px;
	margin: 0;
}
.list2 li:nth-child(2n) {
	background: #f8f8f8;
}
.list2 li .section {
	float: left;
	padding: 0px 15px;
	display: table;
	height: 47px;
}
.list2 li .section:first-child {
	width: 14%;
}
.list2 li .section:first-child + .section {
	width: 35%;
}
.list2 li .section p {
	line-height: 20px;
	display: table-cell;
	margin: 0;
	vertical-align: middle;
}
.list2 li .section p a{
	color:inherit;
}
.list2 li .buttons {
	float: right;
	padding-right: 0;
}
.list2 li .buttons .button5 {
	margin-left: 10px;
	float: left;
}
.list2 li .buttons .button5:first-child {
	margin-left: 0;
}
.page-404 {
	background: url(/img/bg-404.jpg) no-repeat top left fixed;
	background-size: cover;
}
.page-404 {
	height: 100%;
	width: 100%;
}
.page-404 #container {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
.page-404 #container .inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.page-404 h2 {
	color: #bcaf79;
	font-size: 120px;
	margin-bottom: 20px;
	line-height: 110px;
	font-family: 'FedraSerifAPro';
}
.page-404 p {
	color: #fefefe;
	margin-bottom: 50px;
	font-family: 'museo';
	font-size: 24px;
	line-height: 24px;
}
.page-404 a {
	border: 3px solid #ffffff;
	font-size: 18px;
	font-family: 'museo';
	font-weight: 700;
	text-align: center;
	height: 60px;
	line-height: 55px;
	display: inline-block;
	width: 160px;
	color: #fff;
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.page-404 a:hover {
	background: none repeat scroll 0 0 #bcaf79;
	color: #fff;
	border: 3px solid #bcaf79;
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.page-voting-app #content {
    background: transparent;
}

.page-voting-app #competition {
    max-height: 2000px;
}

.page-voting-app #container.top-padding {
    padding: 0px;
}

.page-voting-app .header{
    background: #2f2f2f;
    padding: 20px 28px;
    font-size:16px;
    color:#fff;
    text-transform:uppercase; 
    font-weight:500;   
}

.page-voting-app .subheader{
    background: #bcaf79;
    padding: 20px 28px;
    font-size:14px;
    color:#2f2f2f;
    text-transform:uppercase; 
    font-weight:500;
}

.page-voting-app .sticky{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;    
    top: 10px;
}

.voteError {
    background-color:#fe8787 !important;
}

.list1  li.subitem .section p {
    font-size:14px;    
}

.list1 li .section p a.work:hover {
    color:#bcaf79;
}

.list2 li .section p a.work:hover {
    color:#bcaf79;
}

.vjs-default-skin .vjs-big-play-button {
    display:none !important;
}
/*--- Retina  ---*/

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
     .page-voting-app header .actions a.back-btn {
    background-image:url(/img/back@2x.png);
    background-size:19px 27px;
    }
     .page-voting-app header .actions a.exit-btn {
    background-image:url(/img/exit@2x.png);
    background-size:21px 24px;
    }
     .page-voting-app header .actions a.refresh-btn {
    background-image:url(/img/refresh@2x.png);
    background-size:27px 24px;
    }
     .page-voting-app .box2 header h3 {
    background-image:url(/img/user@2x.png);
    background-size:11px 12px;
    }
}
 @media (max-width:767px) {
    .page-voting-app .logo {
    	margin-top:30px;
    	margin-bottom:30px;
    }
    #competition {
    	margin-left: 0;
    	top: 0;
    	left: 0;
    }
    #competition .content{
    	padding: 0;
    }
    #competition .content .text{
    	padding: 30px 30px 70px;
    }
    #competition p {
    	font-size: 13px;
    	line-height: 19px;
    }
    .list2 li .section:first-child + .section {
    	width: 60%;
    }
    .list2 li .section:first-child + .section {
    	margin-bottom: 20px;
    }
    .list2 li .buttons {
    	width: 100%;
    	padding: 0;
    }
    .list2 li .buttons .button5 {
    	margin-left: 6px;
    	font-size: 11px;
    	width: 63px;
    }
}

 @media (max-width:640px) {
    .list1 li .section:first-child + .section {
    	width: 61%;
    }
    .list1 li .section:first-child + .section {
    	margin-bottom: 20px;
    }
    .list1 li .buttons {
    	width: 100%;
    	padding: 0;
    	text-align: center;
    }
    .list1 li .buttons .button5 {
    	margin: 0 8px;
    	float: none;
    	font-size: 12px;
    	width: 85px;
    }
}
 @media (max-width:479px) {
    .page-voting-app #login-form .content {
    	padding: 35px 30px 5px;
    }
    .page-voting-app header .actions a {
    	margin-left: 20px;
    }
    .page-voting-app .box2 header h3 {
    	font-size: 14px;
    	line-height: 19px;
    }
    .page-voting-app .box2 header {
    	padding: 20px;
    }
    }
     @media (max-width:479px) {
    #error-message {
    	left: 0;
    	margin-left: 0;
    }
}

.clients2 {
	margin-bottom: 40px;
}

.clients2 ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.clients2 ul li {
	/*flex-basis: 20%;*/
	margin: 0 12px;
	width: calc(100% / 5 - 12px * 2);
	display: flex;
	flex-direction: column;
}

@media (max-width: 991px) {
	.clients2 ul li {
		width: calc(100% / 3 - 12px * 2);
	}
}

.clients2 ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	border-bottom: 2px #f5f5f5 solid;
	padding: 25px 0;
}

.clients2 ul li p {
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	padding: 20px 0;
	min-height: 76px;
}