/**
*
*	Name:			Mashaghel
*	Version:		5.0
*	Website:		             http://parsaya.com
*	Copyright:		Parsaya

--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
--------------------------------------------------------------------------------------
*
**/

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/eot/IRANSansWeb_Black.eot');
	src: url('../fonts/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb_Black.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/IRANSansWeb_Bold.eot');
	src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/IRANSansWeb_Medium.eot');
	src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/IRANSansWeb_Light.eot');
	src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/eot/IRANSansWeb_UltraLight.eot');
	src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/IRANSansWeb.eot');
	src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
}
body{
  font: 12px IRANSans;
}
#header{
  background: #2196F3;
}
.logo img{
  width: 20%;
}
.header-title{
  margin-top: 30px;
}
.header-title h3, .header-title .h3{
  color: #fff;
  margin-top: 24px;
  font-size: 2em;
  text-shadow: 0 2px 0 rgba(0,0,0,0.5)
}
.header-title .fa{
  text-shadow: none;
}

.fa{
  margin-left: 5px;
}
.header-title .phone{
  background: #1976D2;
  padding:5px;
  border-radius: 5px;
  color: #fff;
}
.clickable{
    cursor: pointer;
}

.panel-heading div {
  margin-top: -18px;
  font-size: 15px;
}
.panel-heading div span{
  margin-left:5px;
}

#footer{
	background: #212121;
padding: 10px;

}
#footer P{
  color: #fff;
  text-align: center;
}

#contact{
    background-color:#f1f1f1;
    font-family: 'Roboto', sans-serif;
}

#contact .well{
    margin-top:30px;
    border-radius:0;
}

#contact .form-control{
    border-radius: 0;
    border:2px solid #1e1e1e;
}

#contact button{
    border-radius:0;
    border:2px solid #1e1e1e;
}

#contact .row{
    margin-bottom:30px;
}

@media screen and (max-width: 768px) {
    #sidebar ul li ul{
        display: none;
    }
    #sidebar ul li ul a {
        background:#252424;
    }
    #contact iframe {
        margin-bottom: 15px;
    }
    .content-img{
      width: 100%;
    }
.header-title .phone{
      margin-bottom: 15px;
}
.md-macbook-pro{
	width: 100%!important;
height: auto!important;
}
.md-macbook-pro .md-lid{
	width: 100%!important;
}
}

.lib-panel {
    margin-bottom: 20Px;
}
.lib-panel img {
    width: 100%;
    background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
    padding: 0;
    background-color: #FFFFFF;
}


.lib-panel .lib-row {
    padding: 0 20px 0 20px;
}

.lib-panel .lib-row.lib-header {
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 10px 20px 0 20px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #d9d9d9;
    margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
    position: relative;
    height: 100%;
    display: block;
    text-align: justify;
    font-size: 13px;
}
.lib-panel .lib-row.lib-desc a{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}

.row-margin-bottom {
    margin-bottom: 20px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.yes-padding {
    padding:5px 30px;
}
btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    font-family: 'number', 'IRANSans';
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}
.thumbnail {
    padding:0px;
}
.panel {
	position:relative;
}
.panel>.panel-heading:after,.panel>.panel-heading:before{
	position:absolute;
	top:11px;
	right:-17px;
	width:0;
	height:0;
	display:block;
	content:" ";
	border-color:transparent;
	border-style:solid solid outset;
	pointer-events:none;
}

/*Box details */
.box-detail-odd , .box-detail-even{
	padding: 5px;
	border-radius: 15px;
	margin:10px 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.box-detail-odd{
	background: #0097A7;
}
.box-detail-even{
	background: #00BCD4;
}
.box-detail-odd h3 , .box-detail-even h3
, .box-detail-even .h3 , .box-detail-odd .h3{
	color: #fff;
	text-align: center;
	text-shadow: 0 2px 0 rgba(0,0,0,0.2);
}
.box-detail-odd .fa , .box-detail-even .fa{
	font-size: 4em;
	width: 100%;
	color: #fff;
  text-align: center;
	margin-top: 10px;
}

.cover {
    position: relative;

}

.box-detail {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.cover:hover .box-detail {

	background: rgba(0,0,0,0.2)
}

.cover:hover .middle {
  opacity: 1;
}

.text {
	color: white;
	background: #536dfe;
	font-size: 16px;
	border: 2px solid #1976d2;
	padding: 7px 16px;
	border-radius: 5px;
}


/*----------------------------------
    Macbook pro mockup from:
    http://jaredhardy.com/minimal-devices/

----------------------------------*/

.md-macbook-pro {
  display: block;
  width: 55.3125em;
  height: 31.875em;
  font-size: 13px;
  margin: 0 auto;
}

.panel-title{
	cursor: pointer!important;
}
.panel-body a{
	display: block;
	width: 100%;
	border-radius: 5px;
	padding: 3px;
	text-align: center;
	background: #ccc;
	margin-top: 5px;
}
.md-macbook-pro .md-lid {
  width: 45em;
  height: 30.625em;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border-radius: 1.875em;
  border: solid 0.1875em #cdced1;
  background: #131313;
}
.md-macbook-pro .md-camera {
  width: 0.375em;
  height: 0.375em;
  margin: 0 auto;
  position: relative;
  top: 1.0625em;
  background: #000;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-macbook-pro .md-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  background: #353542;
  border-radius: 100%;
}
.md-macbook-pro .md-screen {
  width: 42.25em;
  height: 26.375em;
  margin: 0 auto;
  position: relative;
  top: 2.0625em;
  // background: #1d1d1d;
  background: #fff;
  overflow: hidden;
}
.md-macbook-pro .md-screen img {
  width: 100%;
}

.md-macbook-pro.md-glare .md-lid:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}
.footer .title{
	color: #d9d9d9;
	font-size: 3em;
}
.footer .title span{
	background: #2196F3;
	padding: 0 5px;
	border-radius: 5px;
}
.footer .detail	{
	color: #fff;
	line-height: 40px;
	font-size: 18px;
}
.footer .socilas a{
	font-size: 28px;
	color: #fff;
	margin-top: 25px;

	padding:0 5px;
	border-radius: 5px;
}
.footer .socilas a:hover{
		background: #2196F3;
}
.footer .socilas .fa{
	margin:5px
}
.box-gradient{
	border-radius: 5px;
	background-color: #31a7c3;
background-image: radial-gradient(#39AABD 10%,#245662 100%);
padding: 15px;
width: 100%;
margin-top: 25px;
}
.box-gradient p{
	color: #fff;

}

.box-gradient h2{
	clear       : both;
	position    : relative;
	color       : #fff;
	background  :darken(red,10%) !default;
  font-size   : 2em;
	margin      : 0 -20px 20px -20px ;
	padding     : 0.5em 20px;
	text-shadow : 0 -1px darken($rcolor,10%), 0 1px darken($rcolor,20%);

  @include single-box-shadow(rgba(0,0,0,0.1),0,2px,0)
}

.box-gradient h3, .box-gradient .h3{
	font-size: 15px;
	color: #FFF;
}
.b2{position: relative;}
.b2:before, .b2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.b2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}
.timeline-body img{
	float: right;
    width: 148px;
    margin-left: 10px;
    border-radius: 50%;
}
.timeline-heading {
	margin-right: 23%;
}
@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }

  ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
  }

  ul.timeline > li > .timeline-panel {
    float: right;
  }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
	.timeline-heading {
		margin-right: 1%;
	}
}
@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}

	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}

	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
	table#cart tbody tr td:first-child { background:#2196f3; color: #fff; border-radius: 3px;}
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}



	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}

}
.panel.price,
	.panel.price>.panel-heading{
		border-radius:0px;
		 -moz-transition: all .3s ease;
		-o-transition:  all .3s ease;
		-webkit-transition:  all .3s ease;
	}
	.panel.price:hover{
		box-shadow: 0px 0px 30px rgba(0,0,0, .2);
	}
	.panel.price:hover>.panel-heading{
		box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
	}


	.panel.price>.panel-heading{
		box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
		text-shadow:0px 3px 0px rgba(50,50,50, .6);
	}

	.price .list-group-item{
		border-bottom-:1px solid rgba(250,250,250, .5);
	}

	.panel.price .list-group-item:last-child {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.panel.price .list-group-item:first-child {
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
	}

	.price .panel-footer {
		color: #fff;
		border-bottom:0px;
		background-color:  rgba(0,0,0, .1);
		box-shadow: 0px 3px 0px rgba(0,0,0, .3);
	}


	.panel.price .btn{
		box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
		border:0px;
	}

/* green panel */


	.price.panel-green>.panel-heading {
		color: #fff;
		background-color: #57AC57;
		border-color: #71DF71;
		border-bottom: 1px solid #71DF71;
	}


	.price.panel-green>.panel-body {
		color: #fff;
		background-color: #65C965;
	}


	.price.panel-green>.panel-body .lead{
			text-shadow: 0px 3px 0px rgba(50,50,50, .3);
	}

	.price.panel-green .list-group-item {
		color: #333;
		background-color: rgba(50,50,50, .01);
		font-weight:600;
		text-shadow: 0px 1px 0px rgba(250,250,250, .75);
	}

	/* blue panel */


	.price.panel-blue>.panel-heading {
		color: #fff;
		background-color: #608BB4;
		border-color: #78AEE1;
		border-bottom: 1px solid #78AEE1;
	}


	.price.panel-blue>.panel-body {
		color: #fff;
		background-color: #73A3D4;
	}


	.price.panel-blue>.panel-body .lead{
			text-shadow: 0px 3px 0px rgba(50,50,50, .3);
	}

	.price.panel-blue .list-group-item {
		color: #333;
		background-color: rgba(50,50,50, .01);
		font-weight:600;
		text-shadow: 0px 1px 0px rgba(250,250,250, .75);
	}

	/* red price */


	.price.panel-red>.panel-heading {
		color: #fff;
		background-color: #D04E50;
		border-color: #FF6062;
		border-bottom: 1px solid #FF6062;
	}


	.price.panel-red>.panel-body {
		color: #fff;
		background-color: #EF5A5C;
	}




	.price.panel-red>.panel-body .lead{
			text-shadow: 0px 3px 0px rgba(50,50,50, .3);
	}

	.price.panel-red .list-group-item {
		color: #333;
		background-color: rgba(50,50,50, .01);
		font-weight:600;
		text-shadow: 0px 1px 0px rgba(250,250,250, .75);
	}

	/* grey price */


	.price.panel-grey>.panel-heading {
		color: #fff;
		background-color: #6D6D6D;
		border-color: #B7B7B7;
		border-bottom: 1px solid #B7B7B7;
	}


	.price.panel-grey>.panel-body {
		color: #fff;
		background-color: #808080;
	}



	.price.panel-grey>.panel-body .lead{
			text-shadow: 0px 3px 0px rgba(50,50,50, .3);
	}

	.price.panel-grey .list-group-item {
		color: #333;
		background-color: rgba(50,50,50, .01);
		font-weight:600;
		text-shadow: 0px 1px 0px rgba(250,250,250, .75);
	}

	/* white price */


	.price.panel-white>.panel-heading {
		color: #333;
		background-color: #f9f9f9;
		border-color: #ccc;
		border-bottom: 1px solid #ccc;
		text-shadow: 0px 2px 0px rgba(250,250,250, .7);
	}

	.panel.panel-white.price:hover>.panel-heading{
		box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
	}

	.price.panel-white>.panel-body {
		color: #fff;
		background-color: #dfdfdf;
	}

	.price.panel-white>.panel-body .lead{
			text-shadow: 0px 2px 0px rgba(250,250,250, .8);
			color:#666;
	}

	.price:hover.panel-white>.panel-body .lead{
			text-shadow: 0px 2px 0px rgba(250,250,250, .9);
			color:#333;
	}

	.price.panel-white .list-group-item {
		color: #333;
		background-color: rgba(50,50,50, .01);
		font-weight:600;
		text-shadow: 0px 1px 0px rgba(250,250,250, .75);
	}
.panel-heading h3{
	font-size: 15px;
}
@media screen and (max-width: 768px) {

	#footer{
		margin-top: 20rem;
	}
}
.width-100per{
	width:100%;
}
.font-30{
  font-size: 30px;
}
.font-16{
  font-size: 16px;
}
.round-tag{
  width: 60px;
  height: 60px;
  border-radius: 0 0 100% 0;
  border: 4px solid #FFF;
  background: #37A12B;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px 6px;
  font-size: 17px;
  color: #FFF;
  font-weight: bold;
  margin-left: -12px !important;
  margin-top: -12px !important;
}
.margin-top-0{
  margin-top: 0px !important;
}
.margin-top-20{
  margin-top: 20px !important;
}
.menu-list{
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
}

.round-tag span {
  padding: 0 13px 0 0;
}
.blink_txt {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}
.plan-pricing {
  font-family: 'Raleway', Arial, sans-serif;
  color: #000000;
  text-align: center;
  font-size: 16px;
  margin: 40px 10px;
}
.plan-pricing .plan {
  margin: 30px 0 0 0 ;
  position: relative;
  float: left;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.plan-pricing * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.plan-pricing header {
  position: relative;
}
.plan-pricing .plan-title {
  position: relative;
  top: -7px;
  font-weight: 800;
  padding: 5px 15px;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  display: inline-block;
  background-color: #222f3d;
  color: #ffffff;
  text-transform: uppercase;
}
.plan-pricing .plan-cost {
  padding: 30px 10px 20px;
  height: 7em;
}
.plan-pricing .plan-price {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 800;
  font-size: 1.4em;
  color: #34495e;
}
.plan-pricing .plan-type {
  opacity: 0.6;
}
.plan-pricing .plan-features {
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: outside none none;
  font-size: 1em;
}
.plan-pricing .plan-features li {
  border-top: 1px solid #d2d7e2;
  padding: 10px 5%;
  min-height: 60px;
}
.plan-pricing .plan-features li:nth-child(even) {
  background: rgba(0, 0, 0, 0.08);
}
.plan-pricing .plan-features i {
  margin-right: 8px;
  opacity: 0.4;
}
.plan-pricing .plan-select {
  border-top: 1px solid #d2d7e2;
  padding: 10px 10px 0;
}
.plan-pricing .plan-select a {
  background-color: #222f3d;
  color: #ffffff;
  text-decoration: none;
  padding: 0.5em 1em;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
}
.plan-pricing .plan-select a:hover {
  background-color: #46627f;
}
.plan-pricing .featured {
  margin-top: 30px;
  background-color: #5596d7;
  color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.plan-pricing .featured .plan-title,
.plan-pricing .featured .plan-price {
  color: #ffffff;
}
.plan-pricing .featured .plan-cost {
  margin-top: -37px;
}
.plan-pricing .featured .plan-features li {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.plan-pricing .featured .plan-select {
  padding: 20px 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.plan-pricing .plan-btn {
  padding: 10px 10px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.plan-pricing .plan-btn .buy-btn{
  background-color: #f7b71d;
}

@media only screen and (max-width: 767px) {
  .plan-pricing-0000 .plan {
    width: 50%;
  }
  .plan-pricing .plan-title,
  .plan-pricing .plan-select a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .plan-pricing .plan-cost,
  .plan-pricing .featured .plan-cost {
    padding: 30px 10px 20px;
  }
  .plan-pricing .plan-select,
  .plan-pricing .featured .plan-select {
    padding: 10px 10px 10px;
  }
}
@media only screen and (min-width: 500px ) and  (max-width: 768px) {
 .col-ms {
    width: 50%;
  }
}
@media only screen and (max-width: 440px) {
  .plan-pricing-0000 .plan {
    width: 100%;
  }
}
.panel-box .panel-box-img {
  float: left;
}
.panel-box-link{
  font-size: 1.1em;
}
.panel-box a {
  background-color: unset;
  display: unset;
}
.panel-box .panel-box-img img {
  width: 100px;
  height: 100px;
  max-width: 100px;
  max-height: 100px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
#buy-sidebar{
  position: fixed;
	top: 25%;
	left: 0;
	width: 200px;
	padding: 12px 0;
	text-align: center;
	background: #5cf702;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
	z-index:2000;
}
@media (max-width: 400px) {
  .img-xs {
        width: 80%;   
       }
  }