@charset "utf-8";
/* CSS Document */

body {
    background: #f2f2f2;
}

.page.homepage {
	position:relative;
	padding-top:68px;
    max-width: 960px;
	width:100%;
}

.coming_feb2014 {
	position:absolute;
	top:0px; right:-5px;
	z-index:1000;
}

/*--- header ---*/
.homepage header {
	background:#fff;
	color:#000;
	padding:18px 37px 11px 32px;
	position:absolute;
	z-index:100;
	top:0px;
	right:0px; left:0px;
	max-width:891px;
	box-shadow: rgba(0,0,0,0.1) 0 5px 15px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 5px 15px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 5px 15px;
    -o-box-shadow: rgba(0,0,0,0.1) 0 5px 15px;
}

.homepage .cookies-notification{
    display: none;
    text-align: center;
    background-color: white;
    width: 100%;
    font-size: 100%;
    position: relative;
    top: -13px;
    color: #7f7f7f;
    height: 22px;
    line-height: 18px;
}

.homepage .cookies-notification__container{
    position: fixed;
    top: 0;
    background-color: white;
    width: 100%;
    max-width: 960px;
    margin-left: -32px;
    padding: 6px 0;
}
.homepage .cookies-notification a{
    color: #ec5c16;
    text-decoration: underline;
}

@media screen and (max-width: 960px) {
    .homepage .cookies-notification {
        font-size: 12px;
        line-height: 12px;
    }
}

@media only screen (max-device-width : 960px) {
    .homepage header {
        position: relative;
    }
}

.homepage header a {
	color:#000;
}
.homepage header a.disabled {
	color:#bbb;

}

.homepage .logo {
	font:24px 'Inter-Bold', sans-serif;
}
	.homepage .logo img {
		float:left;
		margin:-8px 15px 0 0;
	}
	.homepage .logo span {
		color:#666;
		font:17px 'Inter', sans-serif;
		padding-left:18px;
	}
.homepage header menu {
	float:right;
	width:auto;
	padding-top:7px;
	font:16px 'Inter-SemiBold', sans-serif;
}
    .homepage header menu li:first-child { padding-left: 0;}
	.homepage header menu li {
		list-style:none;
		float:left;
		padding:0px 0px 0px 30px;
		margin:0px;
	}
		.homepage header menu li a {
			display:inline;
			padding:0px;
			margin:0px;
		}
			.homepage header menu li a:hover {
				text-decoration:underline;
			}
/*--- /header ---*/

.homepage .main {
	padding:16px 50px 58px 50px;
	text-align:center;
}

.homepage .main p {
	color:#4c4c4c;
	font-size:18px;
}

/*--- get started block ---*/
.started-block {
	margin:-16px -50px 28px -50px;
	position:relative;
	padding:38px 16px 18px 16px;
	background:url('../Images/started-block_bg.png?v=2') 0px 0px repeat-y;
	color:#94a5bc;
}
.main .started-block p {
	font-size:15px;
	color:#b1b1b1;
}
.started-block h1 {
	font:40px 'Inter-Bold', sans-serif;
	color:#fff;
	padding-bottom:37px;
}
.started-block h3 {
	font:20px 'Inter-SemiBold', sans-serif;
	padding-bottom:11px;
	color:#fff;
}
.started-block .col {
	float:left;
	width:30%;
	padding:0 1% 14px 2%;
	line-height:18px;
}
.free-trial {
	display:inline-block;
	font:24px 'Inter-SemiBold', sans-serif;
	color:#fff;
	background:#df5411;
	padding:22px 41px 25px 41px;
	margin:17px auto 10px auto;
	clear:both;
}
	.free-trial:hover {
		text-decoration:none;
		background:#ec5c16;
	}
	.started-block .free-trial {
		margin-bottom:16px;
	}


	.started-block .sign-up {
		padding:24px 0 30px 0;
		clear:both;
	}
		.homepage .main .started-block .sign-up p {
			color:#fff;
		}
		.started-block .sign-up input[type="text"] {
			border:1px solid #8b8b8b;
			height:41px;
			border-width:1px 0px 0px 1px;
		}
	.homepage p small {font-size:14px;}
/*--- /get started block ---*/

.promo-title {
	font-size:60px;
	line-height:65px;
	padding-bottom:30px;
}
.promo-title2 {
	font-size:40px;
	line-height:45px;
	padding:30px 0 20px 0;
}

/*--- promo block ---*/
.promo-block {
	text-align:left;
	font-size:20px;
	padding-top:80px;
}
	.main .promo-block p {
		font-size:20px;
		line-height:24px;
	}
	.promo-block h2 {
		font:32px/35px 'Inter-SemiBold', sans-serif;
		padding:24px 0 17px 0;
	}
	.promo-block .promo-img {
		float:left;
		margin:-80px 55px -25px 0;
		margin-right:55px;
	}
		.promo-block .promo-img.f-right {
			float:right;
			margin-left:55px;
			margin-right:0px;
		}
	.icons {
		height:36px;
	}
		.icons span {
			background-image:url('../Images/promo-ico.png?v=2');
			background-repeat:no-repeat;
			width:36px;
			height:36px;
			float:left;
			margin-right:17px;
		}
		.icons span.lanch    {background-position:0px 0px;}
		.icons span.branding {background-position:-36px 0px;}
		.icons span.tasks    {background-position:-72px 0px;}
		.icons span.journals {background-position:-108px 0px;}
		.icons span.video    {background-position:-144px 0px;}
		.icons span.photo    {background-position:-180px 0px;}
		.icons span.audio    {background-position:-216px 0px;}
		.icons span.edit     {background-position:-252px 0px;}
/*--- /promo block ---*/

/*--- more block ---*/
.more-block {
	color:#fff;
	font-size:24px;
	background:#df5411;
	margin:65px -50px 25px -50px;
	position:relative;
	padding:47px 20px 40px 20px;
}
.more-block .title {
	font-size:40px;
	padding-bottom:50px;
}
.more-block ul {
	display:inline-block;
	vertical-align:top;
	padding:0 40px 0 65px;
	text-align:left;
}
.more-block  li {
	background:url('../Images/li_more-block.png?v=2') 0px 5px no-repeat;
	padding:0 0 8px 29px;
	line-height:28px;
	list-style:none;
}
/*--- /more block ---*/

.slideshow-place {
	font-size:40px;
	color:#a0a0a0;
	background:#f7f7f7;
	padding:20px 0px 0px 0px;
	height:433px;
	margin:40px -50px 27px -50px;
	box-shadow:inset #eee 0 -13px 13px;
    -moz-box-shadow:inset #eee 0 -13px 13px;
    -webkit-box-shadow:inset #eee 0 -13px 13px;
    -o-box-shadow:inset #eee 0 -13px 13px;
}
.slideshow-place .jcarousel-skin-tango .jcarousel-item h1 {
	font:32px/38px 'Inter-SemiBold';
	color:#000;
	padding:82px 0 15px 0;
}
.slideshow-place .request-demo {
	font-size:20px;
	position:absolute;
	bottom:40px;
	left:605px;
}

#promo-request.can-help textarea {
    width: 100%;
}

.participate-inp {
	padding:17px 0 0 200px;
	height:97px;
}
	.participate-inp input[type="text"] {
		border:1px solid #d6d6d6;
		height:47px;
		width:425px;
		font-size:18px;
		float:left;
	}
	.participate-inp input[type="submit"],
	.participate-inp button {
		height:49px;
		width:133px;
		border:none;
		color:#fff;
		background:#df5411;
		float:left;
		font:18px 'Inter-SemiBold', sans-serif;
	}
.promo-links {
	font-size:22px;
	padding-bottom:28px;
}

.pay-blocks {
	background:#f2f2f2;
	margin:22px 0 23px 0;
	position:relative;
}
	.main .pay-blocks p {
		color:#000;
	}
		.pay-blocks p small {
			line-height:17px;
			display:inline-block;
		}
	.pay-blocks .col {
		float:left;
		width:36%;
		padding:30px 7% 36px 7%;
	}
		.pay-blocks .col .per {
			font:18px 'Inter-SemiBold';
			padding-bottom:10px;
		}
		.pay-blocks .col p {
			line-height:24px;
		}
	.pay-blocks .col:first-child {
		border-right:2px solid #fff;
		margin-right:-2px;
	}
	.pay-blocks .price {
		font-size:60px;
		line-height:60px;
		padding-top:17px;
		display:block;
	}
	.pay-blocks .or {
		font-size:22px;
		position:absolute;
		top:133px;
		left:406px;
		display:block;
		width:49px;
		height:49px;
		line-height:48px;
		background:#fff;
		-webkit-border-radius: 24px;
		-moz-border-radius: 24px;
		border-radius: 24px;
	}

.homepage .main .thanks {
	color:#000;
	padding:30px 0 60px 0;
}

.twitter-btn,
.facebook-btn,
.in-btn {
	background-image:url('../Images/social-icon.png?v=2');
	background-repeat:no-repeat;
	display:inline-block;
	width:32px;
	height:32px;
	margin:0 7px;
	opacity:0.7;
    filter:alpha(opacity=70);
}
.twitter-btn  {background-position:0px 0px;  }
.facebook-btn {background-position:-34px 0px;}
.in-btn       {background-position:-67px 0px;}

	.twitter-btn:hover,
	.facebook-btn:hover,
	.in-btn:hover {
		opacity:1.0;
		filter:alpha(opacity=100);
	}

.sign-up {
	padding:50px 0 70px 0;
	clear:both;
}
	.homepage .main .sign-up p {
		font-size:30px;
		padding-bottom:24px;
		color:#000;
	}
	.sign-up input[type="text"] {
		height:40px;
		width:355px;
		float:left;
		font-size:18px;
		margin-left:228px;
		border-right:0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.sign-up input[type="submit"] {
		border: none;
		color: #fff;
		display: inline-block;
		float:left;
		font-size: 18px;
		padding: 7px 33px;
		height:42px;
		border: 1px solid #e15926;
		border-width:1px 1px 0px 0px;
		background: #e15926;
		cursor: pointer;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

/*--- popup ---*/
.overlay {
	background: rgba(0,0,0, 0.6);
	position:fixed;
	height:100%; width:100%;
	top:0px; right:0px;
	bottom:0px; left:0px;
	z-index:900;
}
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -275px;
    margin-top: -275px;
    width: 430px;
	font-size:15px!important;
    line-height: 18px;
    background: #fff;
    padding: 36px 60px 21px 60px;
    box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -o-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    z-index: 999;
	text-align:center;
}
	.popup.secondary .popup-title:not(.secondary),
    .popup:not(.secondary) .popup-title.secondary
    { display: none;}
	.popup .popup-title {
		font:36px/43px 'Inter-Bold', sans-serif;
		padding-bottom:17px;
	}

    .homepage .popup p{color: inherit;font-size: inherit;}

	.popup button,
	.popup input[type="submit"] {
		border: none;
		background: none;
		margin: 19px 0;
		color: #fff;
		display: inline-block;
		font-size: 18px;
		padding: 8px 33px;
		border: 1px solid #bf4306;
		background: #e45c1a;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNjkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDUyMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+?v=2);
		background: -moz-linear-gradient(top, #ee6929 0%, #dd520f 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee6929), color-stop(100%,#dd520f));
		background: -webkit-linear-gradient(top, #ee6929 0%,#dd520f 100%);
		background: -o-linear-gradient(top, #ee6929 0%,#dd520f 100%);
		background: -ms-linear-gradient(top, #ee6929 0%,#dd520f 100%);
		background: linear-gradient(to bottom, #ee6929 0%,#dd520f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6929', endColorstr='#dd520f',GradientType=0 );
		box-shadow: #bbb 0 1px 2px;
		-moz-box-shadow: #bbb 0 1px 2px;
		-webkit-box-shadow: #bbb 0 1px 2px;
		-o-box-shadow: #bbb 0 1px 2px;
		cursor: pointer;
	}
	.popup label {
		text-align:left;
		display:block;
	}
	.popup .label {
		font:18px 'Inter-SemiBold', sans-serif;
		color:#df5411;
		padding:10px 0 9px 0;

	}
	.popup .checkbox {padding-top:2px; padding-bottom:4px;}
	.popup input[type="text"],.popup input[type="email"] {
		width:100%;
		height:33px;
		margin-bottom:7px;
	}
/*--- /popup ---*/


/*----- articles -----*/

.articles {
	text-align:left;
	position:relative;
	padding:19px 290px 0px 0px;
	margin:0 -10px;
}
.articles-list {
	position:absolute;
	top:19px; right:0px;
	width:240px;
}
.articles-list li {
	list-style:none;
	font-size:14px;
	line-height:17px;
	padding:8px 0;
}
.articles-list ul {padding-bottom:34px;}
.articles-list li a {color:#e15926;}

.articles-list .form-control {margin-bottom:15px;}

.articles .title {color:#e15926; font-size:30px; line-height:36px; padding:7px 0 4px 0;}
.articles .preview-img {
	width:100%;
	height:auto;
	max-width:590px;
}
.articles .author {
    font-size:10px;
	padding-bottom:5px;
    color:#7f7f7f;
}
.main .articles p {color:#191919; padding:10px 0 11px 0;}
.articles .author span {font-family: 'Inter-SemiBold'; text-transform:uppercase;}

.sub-title {font-size:18px;font-family: 'Inter-SemiBold'; padding:9px 0;}

.articles .form-control {border:1px solid #dadada; height:38px; width:99%;}

.articles .socials {padding:22px 0 20px 0;}

.subscribe {background:#f6f6f6; padding:8px 20px 27px 20px;}
.subscribe input {margin:5px 0 10px 0 !important;}
.subscribe .button-orange {margin:0px;}

.articles .response .reply-name {font:20px 'Inter-Bold'; padding-top:3px;}
.articles .response p {color:#666; font-size:15px; line-height:20px;}

.response {padding-top:30px;}
.response .circle-img {float:left; margin:0 20px 20px 0;}
.circle-img {
	display:block;
	-webkit-border-radius: 49%;
	-moz-border-radius: 49%;
	border-radius: 49%;
}
.article-text {border-bottom:6px solid #e5e5e5; padding-bottom:20px; margin-bottom:15px;}

.about-us .sub-title {font-size:30px; padding-bottom:12px;}
.about-us p {color:#000 !important;}
.about-us .big {margin-top:19px; height:50px; line-height:50px;}
.sm-text {color:#666; font-size:14px;}
/*----- /articles -----*/

.font18    {font-size:18px; line-height:22px;}
.grey-text {color: #7f7f7f;}
.input-block{ display: inline-block; min-width: 430px;}
.popup .field-validation-error{ float: left; text-align: left;}

@media screen and (max-width: 900px) {
	.articles {padding-right:280px;}
	.homepage .logo span {font-size:14px; padding-left:8px;}
	.homepage header menu li {padding-left:20px;}
	.about-us .big {font-size:21px; height:40px; line-height:40px;}
}
@media screen and (max-width: 800px) {
	.homepage .logo span {display:none;}
	.about-us .big {font-size:19px; height:30px; line-height:30px; padding-left:20px; padding-right:20px;}
}
@media screen and (max-width: 768px) {
	.homepage header menu {display:none;}
	.articles {padding-right:0px;}
	.articles-list {position:static; width:auto;}

	footer nav {clear:both; display:block; float:none;}
	footer nav li {float:none; padding:3px 0;}
}
.jcarousel-skin-tango .jcarousel-container {
    width: auto;
    margin: 0px -20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: auto;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 138px;
    height: 90px;
    position: relative;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 1px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal,
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    width: 50px;
    height: 90px;
    cursor: pointer;
    background-image: url('../Images/jcarousel-prev_next.png?v=2');
    background-repeat: no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    left: 0px;
    background-position: 0px center;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    right: 0px;
    background-position: right center;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {
    cursor: default;
}

.row-post .jcarousel-skin-tango .jcarousel-container {
    margin: 10px 0;
    width: 650px;
}

.row-post .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 650px;
}

.row-post .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.row-post .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {
    visibility: hidden;
}

.answers-post .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 45px;
}

.answers-post .jcarousel-skin-tango .jcarousel-item {
    width: 70px;
    height: 45px;
}

.answers-post .jcarousel-skin-tango .jcarousel-prev-horizontal,
.answers-post .jcarousel-skin-tango .jcarousel-next-horizontal {
    height: 45px;
}



.row-post.selected .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 90px;
}

.row-post.selected .jcarousel-skin-tango .jcarousel-item {
    width: 138px;
    height: 90px;
}

.row-post.selected .jcarousel-skin-tango .jcarousel-prev-horizontal,
.row-post.selected .jcarousel-skin-tango .jcarousel-next-horizontal {
    height: 90px;
}

.slideshow-place .jcarousel-skin-tango .jcarousel-container  {
	margin:0px;
	width:100%;
}
.slideshow-place .jcarousel-skin-tango {
	color:#4a4a4a;
	font-size:18px;
}
.slideshow-place .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:100%;
	height:453px;
}
.slideshow-place .jcarousel-skin-tango .jcarousel-item {
	width:860px;
	height:433px;
	text-align:left;
	padding:0 50px;
	overflow:hidden;
}
.slideshow-place .jcarousel-skin-tango .jcarousel-item img {
	float:left;
	margin:0 60px 0 15px;
	box-shadow: #d2d2d2 0 0px 10px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 5px 15px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 5px 15px;
    -o-box-shadow: rgba(0,0,0,0.1) 0 5px 15px;
}

.slideshow-place .jcarousel-skin-tango .jcarousel-prev-horizontal,
.slideshow-place .jcarousel-skin-tango .jcarousel-next-horizontal {
	background-image:url('../Images/slideshow_arr.png?v=2');
	height:69px;
	width:69px;
	top:175px;
}
.slideshow-place .jcarousel-skin-tango .jcarousel-prev-disabled,
.slideshow-place .jcarousel-skin-tango .jcarousel-next-disabled {
	opacity:0.5;
	filter:alpha(opacity=50);
}

.slideshow-place .jcarousel-skin-tango .jcarousel-prev-horizontal {left: -33px;}
.slideshow-place .jcarousel-skin-tango .jcarousel-next-horizontal {right:-33px;}




/*--- tooltip ---*/
.tooltip {
    position: absolute;
    display: none;
    z-index: 200;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -o-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
}
	.tooltip .tooltip-title {
		font:18px 'Inter-SemiBold';
	}

    .tooltip:before {
        content: '';
        display: block;
        width: 31px;
        height: 20px;
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -16px;
        background: url('../Images/tooltip-tail.png?v=2') center bottom no-repeat;
    }

    .tooltip:not(.moderator-comments):not(.m-a-i):not(.i-s-q-c) .user-photo {
        position: static;
        width:30px;
		height:30px;
    }
		.tooltip .user-photo span {
			width:30px;
			height:30px;
		}
/*--- /tooltip ---*/

#notifyscroll .overview {
    width: 418px;
}

.tooltip-field, .field-validation-error, .field-validation-warning  {
    position: relative;
    top: -1px;
    left: 0px;
    max-width: 450px;
    min-width: 240px;
    display: inline-block;
    padding: 10px 10px 8px 10px;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 15px;
    color: #00685E;
    background: #C2F5F6;
    border-radius: 12px;
}

.tooltip-field:before, .field-validation-error:before, .field-validation-warning:before {
 width: 11px;
    height: 8px;
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: 23px;
    background: #C2F5F6;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	z-index: 99;
}

/*body:after {
    content: url(../Images/close.png?v=2) url(../Images/loading.gif?v=2) url(../Images/prev.png?v=2) url(../Images/next.png?v=2);
    display: none;
}
*/

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: fixed;
    left: 0 !important;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    overflow-y: scroll;
}

    .lightbox:after{
        display: inline-block;
        content: '';
        vertical-align: middle;
        height: 100%;
    }

    .lightbox .lb-image {
        display: block;
        height: auto !important;
        margin: 0 auto;
    }

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 35px auto 100px;
    display: inline-block;
    vertical-align: middle;
    min-width: 220px;
    max-width: calc(100% - 300px);
}

    .lb-outerContainer:after {
        content: "";
        display: table;
        clear: both;
    }

.lb-container {
    padding: 30px 30px 5px 30px;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../Images/loading.gif?v=2) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-prev, .lb-next {
    width: 45px;
    height: 100%;
    min-height: 177px;
    cursor: pointer;
    display: block;
    position: absolute;
    background-image: url(../Images/prev_next-lightbox.png?v=2);
    background-repeat: no-repeat;
}

.lb-prev {
    left: -150px;
    float: left;
    background-position: center left;
}

.lb-next {
    right: -150px;
    float: right;
    background-position: center right;
}

.lb-dataContainer {
    margin: 0 auto;
    *zoom: 1;
    width: 100%;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    min-width: 220px;
    max-width: 100%;
    margin-bottom: 35px;
}

    .lb-dataContainer:after {
        content: "";
        display: table;
        clear: both;
    }

.lb-data {
    padding: 0 30px;
    font-size: 15px;
}

    .lb-data .lb-details {
        /*width: 85%;
  float: left;*/
        text-align: left;
        line-height: 20px;
    }

.lb-details {
    padding-bottom: 23px;
}

.lb-description {
    word-wrap: break-word;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    font-size: 15px;
    color: #7f7f7f;
    padding-bottom: 5px;
}

.lb-data .lb-closeContainer {
    position: absolute;
    top: -30px;
    right: -30px;
}

.lb-data .lb-close {
    display: block;
    width: 23px;
    height: 23px;
    background: url(../Images/close-lightbox.png?v=2) center center no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    cursor: pointer;
}

.image-set {
    padding: 3px 0 10px 0;

}

    .image-set li {
        list-style: none;
        float: left;
        margin: 0 1px 1px 0;
        position: relative;
    }

        .image-set li a {
            vertical-align: top;
            display: inline-block;
            line-height: 0;
        }

        .image-set li .close {
            position: absolute;
            top: 0px;
            right: 0px;
            display: block;
            width: 21px;
            height: 21px;
        }

        .image-set li:hover .close {
            background: url('../Images/remove-img.png?v=2') 0px 0px no-repeat;
            cursor: pointer;
        }


.moderator .lb-nav{
    z-index: -1 !important;
}

@media screen and (max-width: 570px) {
    .lb-prev {
        left: -50px;
    }

    .lb-next {
        right: -50px;
    }
}
.footer-wrapper {
    max-width: 960px;
}