/********** Lists and Boxes */


/*
	All the list designs and their alternatives are located here.
*/


/*
	mini-thumb-box, generally used in two different location, the first one in the footer and the second one in the sidebar.
	These elements have three design alternatives.
	First one (style-1) used on light color background, 
	the other one (style-2) used on dark color background and the last one (style-3) used on background that has image 
*/

/*
	Common styles that are used in all mini-thumb-box 
*/

.mini-thumb-box .item {
	position: relative;
	margin-bottom: 20px;
}
.mini-thumb-box .item img {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
}
.mini-thumb-box .item .text {
	position: relative;
	margin-left: 80px;
	padding-bottom: 15px;
}
.mini-thumb-box .item:last-child .text {
	border-bottom: none !important;
}
.mini-thumb-box .item .text h1 a, .mini-thumb-box .item .text h2 a, .mini-thumb-box .item .text h3 a, .mini-thumb-box .item .text h4 a, .mini-thumb-box .item .text h5 a, .mini-thumb-box .item .text h6 a {
	font-weight: 600;
	display: block;
}
.mini-thumb-box .item .text h1, .mini-thumb-box .item .text h1 a, .mini-thumb-box .item .text h2, .mini-thumb-box .item .text h2 a, .mini-thumb-box .item .text h3, .mini-thumb-box .item .text h3 a, .mini-thumb-box .item .text h4, .mini-thumb-box .item .text h4 a, .mini-thumb-box .item .text h5, .mini-thumb-box .item .text h5 a, .mini-thumb-box .item .text h6, .mini-thumb-box .item .text h6 a {
	margin-bottom: 0;
}
.mini-thumb-box .item .text p {
	margin-bottom: 0;
}
.mini-thumb-box .style-1 .text p a {
	font-weight: 600;
}
.mini-thumb-box .item .text small, .mini-thumb-box .item .text small a {
	margin-bottom: 0;
}
.mini-thumb-box h5 {
	margin: 0 0 10px 0;
	position: relative;
	padding: 15px 15px 15px 80px;
	font-size: 16px;
	color: #ffffff;
}
.mini-thumb-box h5:before {
	content: "\f178";
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'FontAwesome';
	font-size: 12px;
	line-height: 60px;
	text-align: center;
}

/*
	mini-thumb-box
*/

.mini-thumb-box .text {
	border-style: solid;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-width: 1px;
}
.mini-thumb-box .text h5,
.mini-thumb-box .text h5 a,
.mini-thumb-box .text h6,
.mini-thumb-box .text h6 a {
	line-height: 21px;
}
.mini-thumb-box .text small,
.mini-thumb-box .text small a {
	font-weight: 500;
}


/***** thumb-box */

/*	
	Image box design which used in such areas as news preview
	big: Used in blocks 1, 2, 3 (used within following col-sm-4, col-sm-5, col-sm-6, col-sm-7, col-sm-8, col-sm-9, col-sm-10, col-sm-11, col-sm-12  )
	small: Used in block 4 (used within col-sm-3 )
*/

/*
	Common styles used in both 'small' and 'big' 
*/

.thumb-box .item img {
	position: relative;
}
.thumb-box .item .top {
	position: relative;
	overflow: hidden;
}
.thumb-box .item .top a.icon {
	height: 1px;
	width: 100%;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
}
.thumb-box .item:hover .top a.icon {
	height: 100%;
	opacity: 1;
}
.thumb-box .item .top a.icon svg, .thumb-box .item:hover .top a.icon svg {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}
.thumb-box .item .meta {
	height: 40px;
	font-size: 12px;
	position: relative;
}
.thumb-box .item .meta .list-icon {
	position: absolute;
	text-align: center;
}

.thumb-box .item .meta .details {
	position: absolute;
	top: 0;
}

.thumb-box .item .meta .details .starrr {
	margin-top: -8px;
}

@media (max-width: 359px) {
.thumb-box .item .meta .details .starrr {
	display: none;
}
}
.thumb-box .item .meta .details .starrr svg {
	margin: 0 2px;
}
.thumb-box .item .meta .details .row div {
	border-left-width: 1px;
	border-left-style: solid;
	padding: 9px 10px;
}

@media (max-width: 359px) {
.thumb-box .item .meta .details .row div {
	border-left: none;
}
}
.thumb-box .item .meta .details .row div:first-child {
	border-left: none !important;
}
.thumb-box .item p {
	line-height: 20px;
	letter-spacing: .25px;
	margin-top: 12px;
	font-size: 14px;
}
.thumb-box .item .links a {
	margin-right: 15px;
}

@media (max-width: 359px) {
.thumb-box .item .links a {
	display: block;
}
}
/* small */

.thumb-box .small .meta .list-icon {
	width: 40px;
	height: 40px;
	top: 0px;
	font-size: 16px;
	line-height: 40px;
}
.thumb-box .small .meta .details {
	width: 205px;
	left: 40px;
	line-height: 40px;
}
.thumb-box .small .meta .details svg {
	margin: 0 5px 0 15px;
}
/* big */

.thumb-box .big .meta .list-icon {
	width: 70px;
	height: 70px;
	top: -30px;
	font-size: 22px;
	line-height: 70px;
}
.thumb-box .big .meta .details {
	left: 70px;
	width: 260px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

@media (min-width: 444px) and (max-width: 991px) {
.thumb-box .big .meta .details {
	width: 360px;
}
}
.thumb-box .big .meta .details svg {
	margin: 0 10px 0 15px;
}

@media (max-width: 359px) {
.thumb-box .big .meta .details svg {
	margin: 0 5px 0 10px;
}
.thumb-box .big .meta .details .col-xs-9 {
	margin-left: -30px;
}
.thumb-box .big .meta .details a {
	margin-right: -15px;
}
}

/***** simple-thumb-box */

/*	
	A simpler design comparing to thumb-box contains only image, icon and head.
	There are two alternatives, first one used on lighter background and the second one used on darker background.
*/

/*
	Common styles that used in both alternatives 
*/

.simple-thumb-box .list-item img {
	position: relative;
}
.simple-thumb-box .list-item .top {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.simple-thumb-box .list-item .top a.icon {
	height: 1px;
	width: 100%;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
}
.simple-thumb-box .list-item:hover .top a.icon {
	height: 100%;
	opacity: 1;
}
.simple-thumb-box .list-item .top a.icon svg, .simple-thumb-box .list-item:hover .top a.icon svg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}
.simple-thumb-box .list-item .list-icon {
	position: relative;
}
.simple-thumb-box .list-item .list-icon {
	position: absolute;
	color: #ffffff;
	text-align: center;
	width: 70px;
	height: 50px;
	font-size: 22px;
	line-height: 50px;
}

@media (max-width: 991px) {
.simple-thumb-box .list-item .list-icon {
	bottom: 0;
}
}
.simple-thumb-box .list-item .text {
	margin: 10px 0 0 85px;
}
.simple-thumb-box .list-item .text h5, .simple-thumb-box .list-item .text h5 a {
	font-size: 16px;
	line-height: 22px;
	margin: 0;
}
.simple-thumb-box .list-item .text h6, .simple-thumb-box .list-item .text h6 a {
	font-size: 13px;
	line-height: 19px;
	margin: 0;
}
.simple-thumb-box .list-item .text small {
	font-family: 'Droid Serif', serif;
	font-size: 13px;
	font-style: italic;
}

/***** icon-list */

/*					
	There are two designs which used as text on the side of the icon and text below the icon.
	Both designs have color alternatives used on lighter background and darker background.
	style-1 used on lighter background, text located next to the icon.
	style-2 used on darker background, text located next to the icon.
	style-3 used on lighter background, text located under the icon.							
	style-4 used on darker background, text located under the icon.												
*/

/*
	Common styles that used in all alternatives
*/

.icon-list sgv:hover {
	background-color: transparent !important;
}
.icon-list .text {
	line-height: 20px;
}
.icon-list .item {
	position: relative;
}

@media (max-width: 991px) {
.icon-list .item {
	margin-bottom: 30px;
}
}
/*
	Common styles that are used in both style-1 and style-2 alternatives
*/

.icon-list .style-1 .text h1, .icon-list .style-2 .text h1, .icon-list .style-1 .text h2, .icon-list .style-2 .text h2, .icon-list .style-1 .text h3, .icon-list .style-2 .text h3, .icon-list .style-1 .text h4, .icon-list .style-2 .text h4, .icon-list .style-1 .text h5, .icon-list .style-2 .text h5, .icon-list .style-1 .text h6, .icon-list .style-2 .text h6 {
	margin: 0 0 19px 0;
	font-weight: 700;
}
.icon-list .style-1 svg, .icon-list .style-2 svg {
	position: absolute;
	top: 9px;
	left: 0;
	font-size: 30px;
	width: 60px;
	text-align: center;
}
.icon-list .style-1 .text, .icon-list .style-2 .text {
	position: relative;
	margin-left: 60px;
	padding: 3px 0 0 30px;
	min-height: 158px;
}

/* 
	Common styles that are used in both style-3 and style-4 alternatives
*/
.icon-list .style-3 .text h1, .icon-list .style-4 .text h1, .icon-list .style-3 .text h2, .icon-list .style-4 .text h2, .icon-list .style-3 .text h3, .icon-list .style-4 .text h3, .icon-list .style-3 .text h4, .icon-list .style-4 .text h4, .icon-list .style-3 .text h5, .icon-list .style-4 .text h5, .icon-list .style-3 .text h6, .icon-list .style-4 .text h6 {
	margin: 21px 0 18px 0;
	font-weight: 700;
}
.icon-list .style-3 svg, .icon-list .style-4 svg, .icon-list .style-3 sgv:hover {
	font-size: 44px;
}
.icon-list .style-3 .text, .icon-list .style-4 .text {
	position: relative;
}

/*
	Number List
	Two digit numbers used in the box next to text.
*/

.number-list .item {
	margin-top: -7px;
}

@media (max-width:991px) {
.number-list .item {
	margin-bottom: 30px;
}
}
.number-list .item .number {
	position: absolute;
	width: 70px;
	height: 138px;
	font-family: 'Comfortaa', cursive;
	font-size: 52px;
	font-weight: 700;
	line-height: 208px;
	text-align: center;
}
.number-list .item .text {
	position: relative;
	margin-left: 84px;
}
.number-list .item .text small {
	font-size: 13px;
	font-style: italic;
}


/*	
	Info Box
	Simple info list used as texts next to image.
*/

.info-box .item {
	margin-top: -7px;
}

@media (min-width:768px) and (max-width:1199px) {
.info-box .item {
	margin-bottom: 90px;
}
}
.info-box .item .left {
	position: absolute;
}

@media (max-width:767px) {
.info-box .item .left {
	position: relative;
}
}
.info-box .item .left .icon {
	position: absolute;
	top: 0;
	right: -40px;
	width: 70px;
	height: 70px;
	font-size: 22px;
	line-height: 86px;
	text-align: center;
}

@media (max-width:767px) {
.info-box .item .left .icon {
	left: 198px;
}
}
.info-box .right {
	margin-left: 340px;
}

@media (max-width:767px) {
.info-box .right {
	margin: 15px 0 30px 0;
}
}
.info-box .item .right small {
	font-size: 13px;
	font-style: italic;
}

.info-box .item .right h5 {
	margin: 0;
}
.info-box .item .right p {
	margin-top: 18px;
	line-height: 24px;
}

/*	
	Menu List
	List design with a colored background which used mostly for listing the sub categories.
*/

.menu-list h5 {
	margin: 0 0 10px 0;
	position: relative;
	padding: 15px 15px 15px 80px;
	font-size: 16px;
	line-height: 30px;
}
.menu-list h5:before {
	content: "\f178";
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'FontAwesome';
	font-size: 12px;
	line-height: 60px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
}

.menu-list ul li {
	margin: 4px 0;
	position: relative;
}
.menu-list ul li:hover {
}

.menu-list ul li a svg {
	width: 60px !important;
	border-right-width: 1px;
	border-right-style: solid;
	padding: 0 23px;
	position: absolute;
	top: 0;
	left: 0;
	height: 51px;
	line-height: 51px;
	text-align: center;
}
.menu-list ul li:hover:before {
	border-right-width: 1px;
	border-right-style: solid;
}
.menu-list ul li a {
	padding: 15px 15px 15px 80px;
	display: block;
	font-size: 12px;
	font-weight: 500;
}
.menu-list ul li:first-child {
	margin-top: -6px;
}
.menu-list .btn {
	margin-bottom: 4px;
	padding: 12px 8px;
}

/*	
	Mini Menu List
	Başta admin olmak üzere daha dar kullanılan sidebarlar için tasarlandı.(çeviri)
	Arka planında koyu renk olduğu düşünüldü
*/

.mini-menu-list{
	margin: -17px 0 -10px 0;
}

.mini-menu-list h5{
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 5px;
	margin-bottom: 0;
}

.mini-menu-list h5 svg{
	width: 40px !important;
	text-align: center;
	margin-right: 5px;
}

.mini-menu-list ul li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 10px;
	display: block;
	font-size: 12px;
	font-weight: 500;
}


.mini-menu-list ul li a svg{
	width: 20px !important;
	text-align: center;
	margin-right: 15px;
	font-size: 14px;
}


/*	
	Price Box
	There are two price list styles, 
	style-1 is simple and without an image, style-2 has more details and with image.
*/

/* common styles of two alternatives */

.price-box .item {
	padding: 30px;
	border-style: solid;
	border-width: 1px;
	border-top-width: 4px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media (max-width:991px) {
.price-box .item {
	margin-bottom: 30px;
}
}

.price-box .item h1, .price-box .item h2, .price-box .item h3, .price-box .item h4, .price-box .item h5, .price-box .item h6 {
	margin: 0;
	padding: 0;
}

@media (min-width: 992px) and (max-width:1199px) {
.price-box .item .meta .left {
	margin-left: -15px;
}
}

@media (min-width: 360px) and (max-width:767px) {
.price-box .item .meta .left {
	margin-left: -15px;
}
}

@media (max-width: 359px) {
.price-box .item .meta .left {
	margin-left: -20px;
}
}
.price-box .item .btn {
	margin-top: 10px;
}
.price-box .item table tr:last-child {
	border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* specific style-1 codes */

.price-box .style-1 h1, .price-box .style-1 h2, .price-box .style-1 h3, .price-box .style-1 h4, .price-box .style-1 h5, .price-box .style-1 h6 {
	margin-top: -5px;
	padding-bottom: 3px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.price-box .style-1 .meta {
	margin: 33px 0 20px 0;
}
.price-box .style-1 .meta .left {
	border-right-style: solid;
	border-right-width: 1px;
	margin-top: -13px;
	padding: 13px 0 8px 0;
}
.price-box .style-1 .meta .price {
	font-size: 38px;
	position: relative;
	padding-left: 20px;
}

.price-box .style-1 .meta .price small {
	position: absolute;
	top: -3px;
	left: 0;
	font-size: 22px;
}
.price-box .style-1 .meta .period {
	font-size: 16px;
	font-weight: 500;
	margin: 7px 0 0 20px;
}
.price-box .style-1 .meta .right {
	font-size: 13px;
	line-height: 18px;
	margin-top: -7px;
}


/* specific style-2 codes */

.price-box .style-2 .meta {
	margin: -30px -30px 30px -30px;
	padding: 153px 30px 0 30px;
	height: 278px;
	background-image:url(../images/370x370-3.jpg);
	background-size: cover;
}
.price-box .style-2 h1, .price-box .style-2 h2, .price-box .style-2 h3, .price-box .style-2 h4, .price-box .style-2 h5, .price-box .style-2 h6 {
	margin: -5px 0 11px 0;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.price-box .style-2 .left {
	border-right-width: 1px;
	border-right-style: solid;
	padding: 19px 0 15px 0;
}
.price-box .style-2 .meta .price {
	font-size: 38px;
	position: relative;
	padding-left: 20px;
}

.price-box .style-2 .meta .price small {
	position: absolute;
	top: -3px;
	left: 0;
	font-size: 22px;
}
.price-box .style-2 .meta .period {
	font-size: 16px;
	font-weight: 500;
	margin: 7px 0 0 20px;
}
.price-box .style-2 .right {
	font-size: 13px;
	line-height: 18px;
}

@media (max-width: 359px) {
.price-box .style-2 .right {
	margin-left: -20px;
}
}

/*	
	Price List
*/

.price-list .item .title-line{
	font-family: 'Comfortaa', cursive;
	font-size: 13px;
	letter-spacing: .5px;
	font-weight: 600;
}

.price-list .item .title-line .title{
	padding: 15px;
	margin: 0 -15px;
}

.price-list .item .title-line .row div:last-child .title{
	margin-right: 0;
}

.price-list .item .line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.price-list .item .line .row div{
	padding: 10px 15px;
}


/***** into box
for login & register pages
we use it on sign-in and log-in page aternatives, also you can use it with any spesific content. */

.into-box {
	border-width: 1px;
	border-top-width: 4px;
	border-style: solid;
}


@media (max-width: 1199px) {
.into-box .btn {
	margin-bottom: 15px;
}
}

/**/
.into-box-fixed {
	position: absolute;
	top: 30px;
	width: 570px;
}

@media (max-width: 767px) {
.into-box-fixed {
	position: relative;
	top: auto;
	width: auto;
}
}
.log-in-1 {
	margin-top: -273px;
	padding: 60px 30px 54px 30px;
}
.log-in-2 {
	padding: 60px 30px 54px 30px;
}
.register-1 {
	padding: 60px 30px 46px 30px;
	margin-bottom: 30px;
}
.register-2 {
	padding: 60px 30px 49px 30px;
}

/* mobile */

@media (max-width: 767px) {
.log-in-1, .register-1 {
	margin-top: 60px;
}
}
.into-box .top {
	padding: 0 0 45px 0;
	margin: -15px 0 30px 0;
	border-width: 1px;
	border-style: solid;
}
.into-box .content .btn {
	margin-right: 11px;
}
.into-box .divider {
	position: relative;
	margin: 22px 0;
	font-size: 14px;
	font-style: italic;
	text-align: left;
}
.into-box .divider:before {
	position: absolute;
	top: 50%;
	left: 30px;
	width: 140px;
	height: 2px;
	content: '';
}
.into-box .divider:after {
	display: none;
}
.into-box .form-group {
	margin-bottom: 30px;
}
.into-box form {
	margin-bottom: 11px;
}
.register-2-half {
	height: 443px;
	background-image: url(files/images/register-2-bg.jpg);
	background-size: cover;
	background-position: center;
}

@media (min-width: 768px) and (max-width:1199px) {
.register-2-half {
	height: 454px;
}
}
.log-in-2-half {
	height: 435px;
	background-image: url(files/images/log-in-2-bg.jpg);
	background-size: cover;
	background-position: center;
}

@media (min-width: 992px) and (max-width:1199px) {
.log-in-2-half {
	height: 518px;
}
}

@media (min-width: 768px) and (max-width:991px) {
.log-in-2-half {
	height: 555px;
}
}

@media (max-width: 767px) {
.register-2-half, .log-in-2-half {
	height: 200px;
	background-position: center;
}
}

/*	
	Testimonials List
	There are two testimonials styles, 
*/

/* common styles of two alternatives */

.testimonials .item .left {
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 767px) {
.testimonials .item .left {
	left: 15px;
}
}

@media (max-width: 359px) {
.testimonials .item .left img {
	width: 100px;
	height: auto;
}
}
.testimonials .item .left .icon {
	position: absolute;
	width: 70px;
	height: 84px;
	font-size: 28px;
	line-height: 105px;
	text-align: center;
}
.testimonials .item .right {
	line-height: 22px;
	font-style: italic;
}
.testimonials .item .right .name {
	font-weight: 600;
	font-style: normal;
}
.testimonials .item .right .name span {
	font-weight: 400;
	display: block;
}
.testimonials .controls {
	bottom: -24px;
}
/* style-1 */

.testimonials .style-1 .left .icon {
	bottom: 0;
	right: -40px;
}
.testimonials .style-1 .right .comment {
	margin: 44px 0 0 170px;
}
.testimonials .style-1 .right .name {
	margin: 9px 0 0 170px;
}

@media (min-width: 360px) and (max-width: 767px) {
.testimonials .style-1 .right .comment, .testimonials .style-1 .right .name {
	margin-left: 190px;
}
}

@media (max-width: 359px) {
.testimonials .style-1 .right .comment, .testimonials .style-1 .right .name {
	margin-left: 160px;
}
}
/* style-2 */

.testimonials .style-2 .left .icon {
	bottom: -50px;
	right: 0;
}

@media (max-width: 359px) { 
.testimonials .style-2 .left .icon {
	bottom: auto;
}
}
.testimonials .style-2 .right .comment {
	margin: 0 0 0 155px;
	padding: 27px;
}
.testimonials .style-2 .right .name {
	margin: 9px 0 0 182px;
}

@media (max-width: 359px) {
.testimonials .style-2 .right .comment, .testimonials .style-2 .right .name {
	margin-left: 100px;
}
}
/*	
	Activity Boxes	
	The box designs which shows owner activities in profile pages.
*/

.activity-box .item {
	margin-bottom: 30px;
	padding: 25px 30px 20px 30px;
	border-width: 1px;
	border-top-width: 4px;
	border-style: solid;
}
.activity-box .item .top {
	margin-bottom: -7px;
}
.activity-box .item h1, .activity-box .item h2, .activity-box .item h3, .activity-box .item h4, .activity-box .item h5, .activity-box .item h6 {
	margin: 0;
	padding: 0;
}
.activity-box .item .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 100%;
}
.activity-box .item .icon svg {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -11px;
	font-size: 22px;
}
.activity-box .item .content {
	position: relative;
	margin-top: 30px;
}
.activity-box .item .content:before {
	position: absolute;
	top: -15px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
}
.activity-box .item .content .text {
	margin-left: 85px;
}
.activity-box .item .content .text .number {
	padding-top: 10px;
	font-family: 'Comfortaa', cursive;
	font-size: 34px;
}
.activity-box .item .content .text p {
	line-height: 26px;
}

/* long arrow list */
/* standard list design with fontawesome long arrow icon */

ul.long-arrow-list {
	margin-left: -40px;
}
ul.long-arrow-list li {
	padding: 11px 0 11px 24px;
	position: relative;
}
ul.long-arrow-list li:before {
	position: absolute;
	top: 10px;
	left: 0px;
	font-family: 'FontAwesome';
	content: "\f178";
}

/*	
	Advertisement Boxes	çeviri
	Bu kutu tasarımı ilanlarda kullanmak için tasarlanmıştır
*/

.ad-box .item{
	border-width: 1px;
	border-top-width: 4px;
	border-style: solid;
	padding: 15px;
}

.ad-box .item .top .title{
	font-family: 'Comfortaa', cursive;
	font-size: 13px;
	font-weight: 700;
}

@media (max-width:991px) {
.ad-box .item .top .title{
	margin-top: 15px;
}
}

.ad-box .item .middle{
	width: 100%;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 15px 0;
	padding: 3px 0;
}

@media (max-width:991px) {
.ad-box .item .middle{
	border-bottom: none;
}
}

.ad-box .item .middle .part{
	padding: 5px 30px 5px 50px;
	font-size: 14px;
	font-weight: 600;
	float: left;
	position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
.ad-box .item .middle .part{
	padding-right: 15px;
}
}
		

@media (max-width:991px) {
.ad-box .item .middle .part{
	float: inherit;
	width: 100%;
}
}

.ad-box .item .middle div .icon{
	position: absolute;
	top: 5px; left: 8px;
	width: 30px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 12px;
}

@media (max-width:991px) {
.ad-box .item .middle .part svg{
	left: 0;
}
}

.ad-box .item .middle .part small{
	font-size: 12px;
}

.ad-box .bottom ul li{
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	padding:0 15px;
	font-size: 12px;
}

.ad-box .bottom ul li a{
	font-weight: 600;
}

.ad-box .bottom ul li:first-child{
	border-left: none;
	padding-left: 0;
}

@media (max-width:991px) {
.ad-box .bottom ul li{
	display: block;
	border-left: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 0;
}
}

/*	
	Empty boxes	çeviri
	Bu kutu tasarımı özellikle sidebar gibi tamamen öne çıkan alanlarda kullanılmak için tasarlanmıştır
*/

.empty-box{
	padding: 30px;
	border-width: 1px;
	border-top-width: 4px;
	border-style: solid;
	border-radius: 10px;
}

.empty-box .desc{
	font-size: 13px;
	line-height: 21px;
	font-weight: 400;
}

.empty-box .input-group{
	width: 100%;	
}

.empty-box .line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}