body {
	font-family: 'Mitr', sans-serif;
	font-size: 13px;
	/*font-family: 'Mitr', sans-serif;*/
	/*font-size: 18px;*/
}
input,.form-control {
	font-family: 'Mitr', sans-serif;
	font-size: 13px;
}
.header-logon{
	background-color: #8011b5;
	margin-bottom: 0;
	padding: 10px;
	color: #fff;
	margin-top: 0;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
h1, h2, h3, h4, h5, h6, h7, h8, .modal-body { font-family: 'Mitr', sans-serif; }
h1 { font-size: 36px; }
h2 { font-size: 23px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
h7 { font-size: 13px; }
h8 { font-size: 12px; }

.bg-no-re{
	background: no-repeat;
}

ul#main-menu li>a{
	background: no-repeat;
	border-radius: 0;
}
ul#main-menu li:last-child>a{
	border-radius: 0;
}

a:hover{text-decoration:none;}

.pager .previous>a, .pager .previous>span 	{ margin-right: 3px; }
.pager .next>a, .pager .next>span 			{ margin-left: 3px; }

/*
 *  Material Light Blue 300 color code := 4fc3f7
 */

/*
 *	@ Button
 */

.icon-bar {background:#8011b5}
.btn{font-size: 13px;}
.btn-material-light-blue-300.btn-flat:not(.btn-link) { color: #9E75B3; }
.btn-material-light-blue-300:not(.btn-link):not(.btn-flat) {
  background-color: #9E75B3;
  color: rgba(255, 255, 255, 1.0);
	color: #FFF;
}
.btn-material-light-blue-300:hover:not(.btn-link):not(.btn-flat) { background-color: #8957ad; }
.btn-material-light-blue-300:active:not(.btn-link):not(.btn-flat) { background-color: #9E75B3; }
.btn-material-light-blue-300.active:not(.btn-link):not(.btn-flat) { background-color: #9E75B3; }
.btn-material-light-blue-300.btn-flat:hover:not(.btn-ink) { background-color: rgba(79, 195, 247, 0.2); }

.inline-block { display: inline-block; }

#mytab{
	/* border-bottom: none; */
	padding-bottom: 15px;
}

.cursor-pointer { cursor: pointer; }
/*
 *	@ Panel Material Style
 */
.panel {
	border-radius: 6px;
	border: 0;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.panel-material-light-blue-300 > .panel-heading {
  background-color: #9E75B3;
	color: #FFF;
}

.label-material-light-blue-300 { background-color: #9E75B3; }

.text-material-light-blue-300,
.text-material-light-blue-300:HOVER,
.text-material-light-blue-300 a,
.text-material-light-blue-300 a:HOVER { color: #9E75B3; }

.text-grey-50 { color: #FAFAFA; }
.text-grey-100 { color: #F5F5F5; }
.text-grey-200 { color: #EEEEEE; }
.text-grey-300 { color: #E0E0E0; }
.text-grey-400 { color: #BDBDBD; }
.text-grey-500 { color: #9E9E9E; }
.text-grey-600 { color: #757575; }
.text-grey-700 { color: #616161; }
.text-grey-800 { color: #424242; }
.text-grey-900 { color: #212121; }

.f-s-11 { font-size: 11px; }

.f-cmcoop,
.f-cmcoop:HOVER,
.f-cmcoop a,
.f-cmcoop a:HOVER { color: #9E75B3; }

.f-thin { font-weight: 400; }
.f-normal { font-weight: normal; }
.f-bold { font-weight: 600; }

.subject { background: #9E75B3; color: #fff; }
.subject .title { margin: 20px 0; font-size: 36px; }

.navbar {
		background-color: #fff;
		border-radius: 0;
		/* border-bottom: 3px solid #8011b5; */
}
.navbar::after {
	content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #8011b5;
	bottom: 0;
	animation: borderload 2s ease-in-out;
}

.sticky {
	z-index: 999999999;
    width: 100%;
	position: fixed;
    top: 0;
	background-color: #8011b5;
	padding: 10px;
	box-shadow: 0px 6px 6px 0px #0000008f;
}

.link-list{
	list-style: none ;
	padding-left: 20px;
}

.link-list li{
	padding: 10px 0 15px;
}
@keyframes borderload{
	0% {width: 0% ;}
	100% {width: 100%;}
}

/* .slide1::before{
	content: '';
    position: absolute;
    width: 120%;
    height: 150px;
    background-color: #8011b5;
    z-index: -99;
    top: 0;
    left: -20px;
} */





.navbar .navbar-top {
		text-align: right;
		/*background-color: #f2f2f2;*/
}
.navbar .navbar-top ul, .navbar .navbar-bottom ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
}
.navbar .navbar-top ul li, .navbar .navbar-bottom ul li {
		font-family: 'Mitr', sans-serif;
		display: inline-block;
		font-size: 13px;
		margin-left: 8px;
}
.navbar .navbar-bottom ul li {
		font-size: 24px;
		margin-right: 13px;
}

.content-inner {
		padding-top: 40px;
}
.footer {
		margin-top: 20px;
		background-color: #f9f9f9;
    	color: white !important;
}
.footer ul {
		font-family: 'Mitr', sans-serif;
		font-size: 16px;
		padding:11px 0px;
		margin: 0px;
		list-style: none;
}
.footer h4 {
		font-size: 15px;
}

.footer h4{
	color : white;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #9E75B3;
}
@media (max-width: 480px) {
	.navbar h1 { font-size: large; }
	.navbar h4.no-m.m-t-lg { font-size: 16px !important; line-height: 25px; }
	.navbar h4.no-m { font-size: 15px !important; }
	.navbar h5.no-m { font-size: 11px !important; }
	#navbar {
			background-color: #9E75B3;
			color: #FFF;
	}
	#navbar ul li {
			display: block ;
	}
	div.col-xs-12.no-s>button.navbar-toggle.collapse{
		position: absolute;
		top: -35px;
		right: 1px;
	}
}
/*
.navbar {
		position: fixed;
		right: 0px;
		left: 0px;
		background-color: #FFF;
		z-index: 999;
		border-bottom: 1px solid #e9e9e9;
}
*/
.footer a{ /* color:#838384 */ color : white; }
.footer a:hover{text-decoration:none; }
.navbar a{ /* color: #838384; */ color : white; }
.navbar a:hover{text-decoration:none; }

.add-on-container .clink {display:block ; overflow:hidden ; margin-bottom : 10px;}
.add-on-container .clink:hover{ text-decoration: none;}
.add-on-container .container  {padding-top : 30px ; border-top : 1px solid #e2e2e2 ;margin-top:30px; }
.add-on-container .clink  .cicon {
			display:block;
			float:left ;
			width:50px;
			height:50px;
			border-radius:25px;
			background-color:#9E75B3 ;
			font-size:25px;
			text-align:center ;
			vertical-align:middle ;
			line-height:50px;
			color :#FFF ;
			margin-right: 10px;

	}
.add-on-container .clink  .detail {
	/* color: #838384; */
	 color: #333 ;
	font-size: 25px;
	font-family: 'Mitr', sans-serif;
	line-height: 25px;
}

.breadcrumb a.active { /* color : #838384 */ color : #333 }
.breadcrumb>li a{ /* color : #838384 */ color : #666  }
@media (min-width: 992px){
	.navbar .navbar-top ul, .navbar .navbar-bottom ul{padding : 0  35px ; }
}

/* FIX */

.header-title{color:#5ac7f8 ;  }
.header-title>i{
	transition: all .4s;
}
.countView{
	border: 1.2px solid #8011b5;
	padding: 0px 8px;
	font-weight: bolder;
}
.news-group-block{}
.news-group-block .list{margin-bottom:10px ;}
.news-group-block .item {  overflow: hidden; margin-bottom : 10px ;border-radius: 6px;background-color: #f5f5f5;}
.news-group-block .item .item-image {   position: relative; }
.news-group-block .item .item-image .image-detail{     position: absolute; width: 100% ; height: auto ; }
.news-group-block .item .item-detail  {  padding : 5px 10px ; height: 70px; overflow : hidden ;   }
.news-group-block .item .item-detail .title a{    /* color: #838384; */  color: #333 ; }
.news-group-block .item .item-detail .detail {  /* color: #AAA ; */  color: #666 ;    }
.news-group-block .item .item-footer  {   height : 50px;;    }
.news-group-block .item .item-title{ padding: 10px 0;}
.news-group-block .item-footer div{overflow:hidden; }
.news-group-block .item-footer .shard {float:left ; display:inline-block ; color :#6b6b6c ;   height: 30px; line-height: 30px; font-weight:bold ;   }
.news-group-block .item-footer .link {float:right ;  display:inline-block ; border-radius: 20px ;   height: 30px;  width: 30px;  text-align: center; vertical-align: middle; background-color : #c5d3dc ; line-height : 30px ; color :#FFF }

.item a.ti{
	position: absolute;
    bottom: 0px;
    left: 15px;
    color: #fff;
    background-color: #000000c7;
    padding: 5px;
}
/* .sec3::before{
	content: url('../../../../info/html/images/logo_tmb.png');
	position: absolute;
	left: -200px;
	top: 880px;
	opacity: 0.2;
} */
@media(max-width: 768px){
	
	/* .sec3::before{
		content: url('');
	} */
}

#c1,
#c2{
	margin-top: 10px;
}


.bor{
	border: 1px solid #e6e6e6;
}
.list-type{
	background-color: #f5f5f5;
}

.list-type h2{
	color: #0c0c3f;
    text-decoration: underline;
    font-weight: bolder;
}

.breadcrumb li.nor a:hover{
	text-decoration: underline;
	color: #0c0c3f;
    font-weight: bolder;
}

.calender{
	margin-left: -40px;
}
.calender li{
	float:left; 
	display:inline; 
	list-style-type:none; 
	text-align: center;
	padding:25px 15px;
	width:20%;
}
.calender li:first-child{
	border-left:0px;
	border-right:1px solid #eee;
}
.calender li{
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
.calender li:last-child{
	border-right:0px;
}
@media (max-width: 500px){
	.calender li:first-child,
	.calender li{
		width:100%;
		border:none;
		border-bottom: 1px solid #eee;
	}
	.calender li:last-child{
		margin-bottom: 15px;
	}
	.header-title{
		font-size: 28px;
		line-height: 40px;
	}
}

.bg-gray{background-color:#f9f9f9;}

.news-tab{
	margin-top: 60px;
}
.news-tab2 .nav-tabs li.active a:before {
	content:'';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: solid 10px #ddd;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
}

.news-tab2 .nav-tabs li.active a:after {
	content:'';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-top: solid 9px #8011b5;
	border-left: solid 9px transparent;
	border-right: solid 9px transparent;


}

ul.left-nav {padding : 0  ;  list-style-type: none; color:#8011b5 ; ; }
ul.left-nav li{ padding : 5px 10px; margin-bottom : 0;   overflow: hidden; }
ul.left-nav li span.link{ font-size: 14px;   /* color : #666666  ;*/ color : #333  ;   font-family: 'Mitr', sans-serif; display:inline-block ;  float: left;   margin-left: 15px; margin-top: 5px; }
ul.left-nav li span.box{ height : 50px ; width :50px; border-radius: 25px ;background-color : #43b7f6 ; display:inline-block ;   float: left; text-align:center  }
ul.left-nav li span.link:hover{text-decoration:none; }
ul.left-nav li span.box i{ font-size: 25px ; color : #FFF  ; line-height: 50px; ;  }

.staff-left{   }
.staff-left .staff-left-image .image{ padding: 10px  60px ; }
.staff-left .staff-left-image .image img{   border: 8px solid #e8e8e8;  margin: auto;   }
.staff-left .staff-left-image { background-color : #FFF  ;  }

.staff-left .staff-left-detail { background-color:#f9f9f9 ; border-bottom :5px solid #e8e8e8 ; padding: 5px; font-family: 'Mitr', sans-serif; font-size: 14px; font-weight: bold;  /* color: #838384 */ color: #333 ;border-radius : 5px }

.interest-block { background-color : #f9f9f9 ; font-family: 'Mitr', sans-serif; border-bottom :5px solid #e8e8e8 ; border-radius : 5px;font-size:18px;}
.interest-block ul {padding : 0  ;  list-style-type: none; /* color :#777777 */ ; color : #333 ;  padding: 20px;  padding-top: 0;   padding-bottom: 0; }
.interest-block li {padding : 16px 1px 0 ;    list-style-type: none;  font-size:20px  ;   border-bottom: 1px solid #dddddd; }
.interest-block li .left{ float:left ;width:60%}
.interest-block li .right{ float:left  width:40% ; text-align :center }
.interest-block .interest-footer { padding : 5px ; text-align:center ;   font-size: 16px;}
.right-panel{margin-bottom: 10px}

.slide1 img{max-width:100% }
.slide1 .slide1-pager{
	text-align: center;
	font-size: 40px;
	color: #CCC;
	line-height: 20px;
}
.slide1 .slide1-pager span { cursor: pointer; }
.slide1 .slide1-pager .cycle-pager-active{
	color : #43b7f6 ;

}

.slide1 .news-list .block {position:relative }
.slide1 .news-list .block .image{position:relative }
.slide1 .news-list .block .background{bottom:0;position: absolute;width: 100%;height: 100%;background-image: url('https://www.savingscmu.or.th/images/bg05.png');background-repeat: repeat-x;background-position:bottom;opacity: 0.4; }
.slide1 .news-list .block .link{
	bottom:0;
	position: absolute;
	width: 100%;
	color:#FFF ;
	font-size : 24px;
	padding:20px;
	font-family: 'Mitr', sans-serif;
	padding-bottom:20px;
	text-decoration:none;
	line-height:30px; 
	background-color: #000000c7;
}

.bg{
	background: #00000026;
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
}


.news-list-2 ul {padding:0 ;list-style-type:none;margin-bottom : 0px;}
.news-list-2 ul li{margin-bottom : 3px;}
.news-list-2 ul li img{border : 1px solid #DDD }
.slide-full { /* background-color:#9676ad; */ background-color : #ffffff   }
/* .slide-full .owl-wrapper{background-color:#9676ad; overflow:hidden ;  } */

.slide-full .item{
	 overflow:hidden ;}
.owl-wrapper-outer{overflow:hidden ;}
 .owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#8011b5;
}
.box-card{
	border-bottom: 1px solid #ddd;
}

.slide-full .item{
	text-align:center;
	width: 100%;
	height:100%;
	padding:0 10px;
}

/* .slide-full .item:first-child{
	margin-left:0 ;
} */

.news-view-all {
	color : #ffffff ;
	background-color: #A78BFA;
	border-color: #8B5CF6;
	font-size: 13px;
}

.addthis-show{width:100%;overflow:hidden;height:35px;display:none;padding-top:10px;padding-left:10px; }
.fix-shard {
	display:block  ;
	width : 100% ;
}
.at4-share-outer-right { display:none !important ; }


	.header-title{color:#8B5CF6 }
	.news-header-line{
		font-family: 'Mitr', sans-serif;
		border-bottom : 1px solid #dbdbdb ;
		color : #777677 ;
	}
	.news-header-line .item i{ font-size : 18px ; }
	.news-header-line .item{
		font-size: 14px;
		display : inline-block ;
		margin-right:20px;
	}
	.news-header-detail{ padding : 20px 0 ; }
	.news-header-detail img {max-width: 100%}
	.news-footer {
		border-top : 1px solid #dbdbdb ;

	}
	.right-panel{margin-bottom: 10px}

	.right-top-news { border : 1px solid #f4f4f4 ;   padding: 10px; }
	.right-top-news h2 {  margin-top: 10px;  }
	.right-top-news .line {border-bottom : 3px solid #f7f7f7 }
	.right-top-news .list {padding-top: 20px;}
	.right-top-news .list .item {margin-bottom : 10px  ; /* color :#807f80 */ /*  color : #CCC   */  color : #666 }
	.right-top-news .list .item h5{margin : 0 ;margin-bottom : 10px;  font-size: 13px;line-height: 22px;}
	.right-top-news .list .item h5 a{ /* color: #838384; */ color:#333    }
	.right-top-news .list .item .item-detail .viewcount{ float:left ; width: 50% }
	.right-top-news .list .item .item-detail .shardcount{ float:left ; width: 50% }
	.right-top-news .list .item .view {overflow:hidden;}
	@media (min-width: 768px)
	{
		.item-detail.col-sm-8{padding-left:3px;}
	}
	.news-list .item{margin-bottom : 15px; color : #666 ; }
	.news-list .item .auther { font-family: 'Mitr', sans-serif;  font-size : 14px;margin-bottom: 5px;}
	.news-list .item h2{margin : 0px 0 ;  font-size: 18px; line-height: 32px; margin-bottom : 10px; color :#333 }
	.news-list .item h2 a{  color :#333 }
	.news-list .item .group-detail{padding-top: 10px; }


	.right-album .image{ padding : 5px; width: 33% ; float:left ;}

	.news-picture-item { padding-top: 20px; }
	.news-picture-item .item { width: 25% ; float:left;padding:5px; }
	.news-picture-item .item img {padding:5px;}

	.row-share { border: 1px solid #E0E0E0; }

	.row-share .logo {
		font-size:20px;
		padding-top: 5px;
		padding-bottom: 5px;
		cursor: pointer;
		color: #FFF;

	}
	.count-social {font-size : 25px}

	.row-share .row-share-item{padding:0}
	.num-share{  font-size: 40px; line-height: 45px; color:#f04f02 ; }
	.shard-text{ font-size : 20px ; color :#ccc}
	.btn-fb{ background-color : #3b5998 }
	.btn-tw{ background-color : #55acee }
	.btn-gp{ background-color : #dd4b39 }
	.header-title{color:#5ac7f8 }
	.album-list .item {background-color : #EEE }
	 .album-list .item a {color : #333 ;font-size:16px;font-family: 'Mitr', sans-serif;  }
	 .album-list .item .title {padding : 8px; height:60px;line-height: 20px;    overflow: hidden;}
	 .album-picture-item .item { width : 25% ;  float:left }


	 .album-header-line{
		font-family: 'Mitr', sans-serif;
		border-bottom : 1px solid #dbdbdb ;
		color : #777677 ;
	}
	.album-header-line .item i{ font-size : 18px ; }
	.album-header-line .item{
		font-size: 20px;
		display : inline-block ;
		margin-right:20px;
	}
	.album-header-detail{ padding : 20px 0 ; }
	.album-header-detail img {max-width: 100%}
	.album-footer {
		border-top : 1px solid #dbdbdb ;

	}
/*
html {
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
}
*/


.black-ribbon {   position: fixed;   z-index: 9999;   width: 70px; }
@media only all and (min-width: 768px) { .black-ribbon { width: auto; } }
@media screen and(max-width: 992px){
	.pdflogo{height: 55px;}
}
.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }

/**/
/* timeline */
.timeline h4, .timeline h5, .timeline h6 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.timeline {
	list-style: none;
	padding: 0px 0 0px;
	position: relative;
}
.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #CCCCCC;
	left: 98px;
	margin-left: -1.5px;
}
.timeline > li {
	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: calc( 100% - 113px );
	float: right;
	padding: 18px 0px 0px 0px;
	position: relative;
}
.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	left: -15px;
	display: inline-block;
}
.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 27px;
	left: -14px;
	display: inline-block;
}
.timeline > li .timeline-time {
	position: absolute;
	top: 18px;
	color: #9e9e9e;
}
.timeline > li > .timeline-badge {
	color: #ccc;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 85px;

	background-color: #FFF;
	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: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	right: -15px;
	right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}
.timeline-title {
	margin-top: 0;
	/* color: inherit; */
}
.timeline-title > a { color: #222; }
.timeline-title > a:hover { color: #ccc; }
.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
}
.timeline-body > p + p {
	margin-top: 5px;
}
/* timeline */

.steps-section {
	padding-bottom:20px;
}
.steps-timeline {
	outline: 1px dashed rgba(255, 0, 0, 0);
	font-family: 'Mitr', sans-serif;
	font-size: 14px;
}

.steps-timeline a{font-weight:bold;color :#000000 ; font-size : 14px; }

@media screen and (max-width: 500px) {
	.steps-timeline {
		/* border-left: 2px solid #3498DB; */
		border-left: 3px solid #CCC;
		margin-left: 25px;
	}
	/* .slide1::before{
		width: 100%;
		top: -10px;
	} */
}
@media screen and (min-width: 500px) {
	.steps-timeline {
		border-top: 2px solid #3498DB;
		border-top: 3px solid #CCC;
		padding-top: 30px;
		margin-top: 40px;
		margin-top : 60px;
		/*
        margin-left: 16.65%;
        margin-right: 16.65%;
        */
		margin-left: 10%;
		margin-right: 10%;
	}
}
.steps-timeline:after {
	content: "";
	display: table;
	clear: both;
}

.steps-1,
.steps-2,
.steps-3 ,
.steps-4 ,
.steps-5 {
	outline: 1px dashed rgba(0, 128, 0, 0);
}
@media screen and (max-width: 500px) {
	.steps-1,
	.steps-2,
	.steps-3 ,
	.steps-4 ,
	.steps-5  {
		margin-left: -25px;
	}
}
@media screen and (min-width: 500px) {
	.steps-1,
	.steps-2,
	.steps-3 ,
	.steps-4 ,
	.steps-5
	{
		float: left;
		/* width: 33%; */
		width: 20%;
		margin-top: -50px;
	}
}

@media screen and (max-width: 500px) {
	.steps-1,
	.steps-2 ,
	.steps-3 ,
	.steps-4 ,
	.steps-5
	{
		padding-bottom: 20px;
	}
}

@media screen and (min-width: 500px) {
	.steps-one {
		/*
        margin-left: -16.65%;
        margin-right: 16.65%;
        */
		/*
        margin-left: -10%;

        margin-right: 10%;
        */
	}

	.steps-1 {
		margin-left: -10%;
		margin-right: 10%;
	}

	.steps-2 {
		margin-left: -5%;
		margin-right: 5%;
	}

	.steps-4 {
		margin-left: 5%;
		margin-right: -5%;
	}

	.steps-5 {
		margin-left: 10%;
		margin-right: -10%;
	}


}

@media screen and (max-width: 500px) {
	.steps-5{
		display:none;
	}
}
@media screen and (min-width: 500px) {
	.steps-5 {

	}
}

.steps-img {
	display: block;
	margin: auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.steps-time { text-align: center;  font-size: 18px;   margin-top: -35px; }
.steps-icon {
	text-align :center ;
	font-size: 25px;
	display: block;
	margin: auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-top: 8px;

}

.steps-icon i { vertical-align:middle ;background-color:#FFF ; color :#CCC   }

@media screen and (max-width: 500px) {
	.steps-img {
		float: left;
		margin-right: 20px;
	}

	.steps-icon {
		float: left;
		margin-right: 20px;
	}
	.steps-time {
		margin-top: 0px;
		float: left;
		width: 100%;
		margin-right: 20px;
	}

}

.steps-name,
.steps-description {
	margin: 0;
}

@media screen and (min-width: 500px) {
	.steps-name {
		text-align: center;
	}
}

.steps-description {
	line-height:22px;
	overflow: hidden;
}
@media screen and (min-width: 500px) {
	.steps-description {
		text-align: center;
	}
}
/**/

.owl-controls{
	position: absolute;
	width: 100%;
	bottom: 5px;

}

.navbar-collapse{
	 padding-left: 0px;
	 margin-left: -10px !important;
}

.interest-box-right{
	background-color: #f2f2f2;
	padding: 5px;
	border: 1px solid #e0e0e0;
	font-family: 'Mitr', sans-serif;
	font-size: 14px;
}
.box-head{
	color:#9E75B3;
}

.poll-votes {
	float: right;
}

.progress {
	background: #ccc;
	margin-bottom: 10px;
}

.fa-1{
	font-size: 1em !important;
}
.fa-2{
	font-size: 2em !important;
}
.fa-3{
	font-size: 3em !important;
}
.fa-4{
	font-size: 4em !important;
}
.fa-5{
	font-size: 5em !important;
}

.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:20px;
	border-top-right-radius: 	20px;
	border-top-left-radius: 	20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 	20px;
	-moz-border-radius: 		20px 20px 20px 20px;
	-webkit-border-radius: 		20px 20px 20px 20px;
	-khtml-border-radius: 		20px 20px 20px 20px;
	color:#FFFFFF;
}
.icon i {
	font-size:20px;
	position:absolute;
	left:9px;
	top:10px;
}
.icon.social {
	/*float:left;*/
	margin:0 5px 0 0;
	cursor:pointer;
	background:#4e71ba ;
	color:#262626;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.icon.social.fb i {
	left:19px;
	top:10px;
	color: #ffffff;
}

.modal-header-info {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #7a52b5;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.modal-dialog {
	margin-top: 250px;
	width: 300px;
}

.stats-web{
	color: #fff;
    height: 36px;
    background: linear-gradient(#000000, #585555, #000000);
    font-size: 24px;
    font-weight: bold;
    width: 24px;
    text-align: center;
    display: inline-block;
	margin-right: -7px;
}