/*css stylesheet*/
body{
	font-family: "Arial Rounded MT Std", Arial Rounded MT Bold;
}
@font-face{
    font-family: 'Arial Rounded MT Std';
    src: url("../font/ArialRoundedMTStd.otf");
}

a:focus{
		outline:0;
}
a:hover {text-decoration: none;}
button:focus{
		outline:0;
		box-shadow:0;
}
.sticky-top-menu{
	position: -webkit-sticky;
    position: sticky;
    top: 120px;
    z-index: 1010;
}
.mb-100{ margin-bottom:130px; }
/*header*/
.theme-bg{
		/*background-image:url(../image/bg4.png);*/
		background: rgba(173, 225, 255, 0.17);
}
.header_nav{
	box-shadow: 0 2px 2px 0px #00000029;
}

/*new css 2019*/
.home_page{
	height: 1000px;
    background:#fff;
    overflow: scroll;
  	width: 100%;
  	max-width: 100%;
  	margin: 0 auto;
  	padding: 2em;
  	box-shadow: 0px 0px 8px 1px #31313152;
    border-radius: 12px;
}

.trend-post {
    padding: 5px;
}

section.home-section {
    /*ackground-image: url("file:///D:/Sanjana_new/Sanjana/other/Images/coloring%20book/bg_img.jpg");*/
    color: #00bff3;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*new css */

.header_nav div .btn-aqua {
							color:#fff;
							background:#00bff3;
							padding:14px 14px;
							border-radius:35px;
							font-size:.85rem;
							transition:.09s ease;
						}
						
.header_nav div .btn-aqua:hover	{
									box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.16);
}


/*blog*/

.btn-outline-custom {
    color: #00bff3;
    background-color: transparent;
    background-image: none;
    border-color: #00bff3;
}

.btn-outline-custom.active,.btn-outline-custom:hover, .btn-outline-custom:active, .show>.btn-outline-custom.dropdown-toggle {
    color: #fff;
    background-color: #00bff3;
    border-color: #00bff3;
}
.btn-outline-custom.focus, .btn-outline-custom:focus {
    box-shadow: none;
}

.post {
    margin: 0 0 45px;
}

/*.post + .post {
    border-top: 6px dotted rgba(150, 150, 150, 0.62);
    padding-top: 50px;
}*/

.post-preview {
    margin: 0 0 25px;
}

/*
.post-header {
    margin: 0 0 30px;
}
*/

.post-title {
    font-size: 24px;
    margin: 5px 0;
}

.blog-date{
    padding: .75rem;
    text-align: -webkit-center;
    background: #00bff3;
    border-radius: 0 6px 6px 0;
    transform: skewX(-18deg);
	margin-left:-5%;
    box-shadow: 0px 0px 8px #00bff366;
}

.blog-date a { color:#fff; opacity:1; }

.blog-date a:hover { color:#fff; }

.post-date {
    color: #777;
}

.post-title a {
	color:#00bff3;
	line-height: 45px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.post-title:hover a { color:#000; }

.post-date:hover { color:#00bff3; }

.post-tags {
    margin: 40px 0 0;
}

.post-tags a {
    background-color: #f5f5f5;
    border-radius: 2px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 7px;
    color: #303133;
    padding: 7px 8px 5px 10px;
    margin: 5px 10px 5px 0;
}

.post-tags a:hover,
.post-tags a:focus {
    background: #d09c8e;
    color: #fff;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    margin: 30px 0 20px;
}

.post-content h1:first-child,
.post-content h2:first-child,
.post-content h3:first-child,
.post-content h4:first-child,
.post-content h5:first-child,
.post-content h6:first-child {
    margin-top: 0;
}

.post-content p,
.post-content ul,
.post-content ol {
    margin: 0 0 20px;
    line-height: 24px;
}

.post-content ul,
.post-content ol {
    margin-left: 40px;
}

.post-content ul {
    list-style-type: disc;
}

.post-content ol {
    list-style-type: decimal;
}

/*
.sidebar {
    padding-left: 30px;
}
*/

.widget-title {
    position: relative;
	color: #00bff3;
    font-size: 16px;
    margin: 0 0 25px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.widget-title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid rgba(185, 188, 190, 0.4);
}

.widget-title:after {
    content: "";
    display: block;
    width: 35px;
    z-index: 1;
    position: relative;
    border-bottom: 1px solid #00bff3;
    margin: 20px auto 25px 0px;
}

.widget {
    margin: 0 0 40px;
    font-size: 14px;
    padding: 20px;
    border-radius: 5px;
}

.widget ul,
.widget ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul li,
.widget ol li {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.widget ul li:last-child,
.widget ol li:last-child {
    border: 0;
    margin-bottom: 0;
}

.widget ul li a,
.widget ol li a {
    color: #333333;
}

.widget ul li a:hover,
.widget ol li a:hover {
    color: #00bff3;
}

.widget select {
    width: 100%;
    box-shadow: none;
    border-radius: 2px;
    border-color: #eee;
    padding: 12px 15px;
    height: 49px;
    font-size: 14px;
}

.widget select:focus {
    border-color: #00bff3;
    box-shadow: none;
}

.widget_archive ul li a,
.widget_categories ul li a {
    margin-right: 5px;
    font-weight: 600;
}

.post-date {
    display: block;
    opacity: .7;
}

.widget_recent_entries_custom ul li {
    border-bottom: 1px solid rgba(238, 238, 238, .7);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.widget_recent_entries_custom .wi {
    float: left;
    width: 64px;
}

.widget_recent_entries_custom ul li img {
    width: 100%;
	height: 100%;
}

.widget_recent_entries_custom .wb {
    padding-top: 2px;
    margin-left: 84px;
}

.widget_recent_entries_custom .wb a {
    color: #303133;
}

.text-widget-des {
    line-height: 24px;
}


/* About Widget */
.about-widget {
    text-align: center;
}

.about-widget img {
    margin-bottom: 20px;
    max-width: 100%;
    width: 200px;
    height: auto;
}

.about-widget p{
    line-height: 24px;  
}

/*blog over*/


/*blog-read*/

.blog-detail-description {
    color: #666;
}

.blog-detail-description p {
    line-height: 24px;
}

.blockquote {
    font-size: 16px;
    font-style: italic;
    padding: 20px;
}
.blockquote-text {
    line-height: 24px;
}

.blockquote:before {
    content: "“";
    float: left;
    position: relative;
    top: 15px;
    left: 0;
    color: #cdced0;
    font-family: Georgia;
    font-size: 68px;
    font-weight: 400;
    line-height: 24px;
}

.media,.media-list {
    margin-top: 15px;
}

.media img{
    width: 74px;
    height: 74px;
}

.media-heading {
  font-size: 16px;
}

.media-heading a {
    color: #000;
}

.media-heading a:hover {
    color: #d09c8e;
}

.media-body a.reply-btn {
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #777;
}

.media-body p.post-date {
    margin-bottom: 5px;
    font-size: 12px;
}

.comment-form .form-control {
    
	background:#e1e1e1;
	border: 0;
	border-radius:35px;
    padding: 12px 15px;
    height: 50px;
    font-size: 14px;
}

textarea.form-control {
    height: auto;
}

.comment-form .pos-data { padding: 12px 15px; }

.page-title-alt {
	color:#00bff3;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
}

.post-author-box .socials li a {
    width: 36px;
    height: 36px;
    line-height: 34px;
    background-color: #ffffff;
    color: #070e14 !important;
    border: 1px solid #eee;
}

.post-author-box .socials li a:hover {
    background-color: #d09c8e;
    color: #ffffff !important;
    border-color: #d09c8e;
}

.quote-post .blockquote {
    border: 2px solid #d09c8e;
    border-radius: 5px;
    padding: 30px;
}

.quote-post .blockquote:before {
    color: #d09c8e;
    padding-right: 10px;
}

.quote-post .blockquote-text {
    line-height: 32px;
}



/*blog-read-over*/

/*form*/
.w-65 { width:65%; }

.register-form .form-bg {
							background:#fff;
							background-image:url(../image/form-bg.jpg);
							box-shadow: 0px 0px 8px 1px #31313152;
							border-radius:18px;
							overflow:hidden;
							position:relative;
							padding: 22px 0px;
}
.register-form .form-bg:before {
								content:"";
								width:100%;
								height:100%;
								top:0;
								left:0;
								bottom:0;
								right:0;
								background:#fff;
								opacity:.82;
								position:absolute;
}
.register-form .card .card-header{
								background:none;
								font-size:2.2rem;
								font-weight:700;
								color:#00bff3;
}
.register-form .card .card-header, .card-body { z-index:999; }


.form-bg .card-body form .form-group .form-control { background:#e1e1e1;
													 border-radius:35px;
													padding:1rem;
													box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
													}
.forgot-password a { color:#00bff3; }

.forgot-password a:hover { color:#29aae3; }
													
.btn-data {
			color:#fff;
			background:#00bff3;
			padding:1rem;
			border-radius:35px;
			transition:.09s ease;
}

.btn-data:hover {
				box-shadow: 0px 0px 6px 3px rgba(0, 191, 243, 0.36);
}

.btn-fb { background:#0072bc; }

.btn-fb:hover { box-shadow: 0px 0px 6px 3px rgba(0, 114, 188, 0.36); }

.btn-google { background:#006bf1; }

.btn-google:hover { box-shadow: 0px 0px 6px 3px rgba(0, 107, 241, 0.36); }

/*image-slider form*/

.carousel .carousel-inner .carousel-item div .image-slide{
background:#fff;
border: 5px inset #00A7F8;
border-radius:8px;
box-shadow: 0px 0px 8px 1px #31313152;
}

/*home page style*/

.treand-post h4 {
		color:#00bff3;
		line-height:1.5;
	}

.cat-title{
		background: rgba(48, 193, 248, 0.52);
	}
.cat-title h5{
		line-height: 1.5;
    	font-size: 18px;
    	vertical-align: middle;
    	padding-top: 6px;
		}	
.btn-cat{
		background:#0099e0;
		border:0;
		padding:.65rem .65rem;
		font-size:13px;
		line-height:1.2;
		vertical-align:middle;
		}	
	
/*home page style over*/

/*feed style*/
.header_nav .container .navbar-collapse 
.navbar-nav .nav-item .nav-link {
									transition: 0.4s;
									color: #00bff3;
									font-size: 18px;
									line-height: 2;
									text-decoration: none;
									padding: 0 10px;
									margin: 0 10px;
								}
.header_nav .container 	.navbar-collapse 
.navbar-nav .nav-item .nav-link:hover {
										background-color: #00bff3;
										color: #ffffff;
										/*padding: 24px 10px;*/
										padding: 0px 15px;
										border-radius: 36px;

	 							   	}
.header_nav .container .navbar_bg {background:#00bff3; /*margin-top: 3rem;*/}

.header_nav .container .dropdown-menu {
					     		   left: -30%;
    							   margin: 0 auto;
    							   background: #fff;
   								   border: none;
								   box-shadow: 0px 0px 8px 1px #31313152;
} 

.header_nav .container .dropdown:hover >.dropdown-menu {display:block;}

.header_nav .container .dropdown-menu .dropdown-item {
								  line-height:2;
								  transition:.8s;
}

/*breadcrumb*/
.title-category{ padding: 26px 0;}
.title-category div h1{
		color:#00bff3;
		position: relative;
}
.title-category div h1:after {
		content: "";
		width: 12%;
		height: 3px;
		top:130%;
		bottom: 0;
		left:0;
		border-radius:10px;
		background: #00bff3;
		position: absolute;
}
.title-category .link-page .breadcrumb{
		background-color: transparent;
}
.title-category .link-page .breadcrumb li a {color:#00bff3;}
/*breadcrumb over*/
/*profile*/
.card_bg{
			background: #fff;
			box-shadow: 0px 0px 8px 1px #31313152;
			border-radius:12px;
			overflow:hidden;
			/*z-index:-2;*/ 
}

.card_bg .header-title{
								background-image: url(../image/title-bg.png);
								background-repeat: no-repeat;
								background-size: contain;
								background-position: center;
								background-color: transparent;
								padding: 20px 0 20px 0;
}
.card_bg .header-title span{
								color:#fff;
								font-size: 16px;
								line-height: 2;
								letter-spacing: 1px;
}

.profile .card .card-body div .user_profile{
												background-image:url(../image/profile.jpg);
												background-size:cover;
												width: 150px;
												height: 150px;
												border: .46rem solid rgba(43,223,255,1);
												border-radius: 50%;
												/*background:linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);*/
												padding: .45rem;
												margin: 0 auto;
											}
.profile .card .card-body ul.list-group li{ transition: .8s; }
.profile .card .card-body ul.list-group li a{ color: #000; }
.profile .card .card-body ul.list-group li:hover{
											background: #00bff3;
											}
.profile .card .card-body ul.list-group li:hover a{ color:#fff; }

.profile .card .card-body ul.list-group li .badge-aqua {
	        background: -webkit-linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
			background: -o-linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
			background: -ms-linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
			background: linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
}
.profile .card .card-body ul.list-group li:hover .badge-aqua{ background: #fff; color:#000; }
		
/*new small profile*/

.profile .profile-md .card .user_profile{
										background-image:url(../image/profile.jpg);
										background-size:cover;
										width: 150px;
										height: 150px;
										border: .46rem solid rgba(43,223,255,1);
										border-radius: 50%;
										margin: 0 auto;
}

.profile .profile-md .card .user-detail-md ul.list-group li{ transition: .8s; }
.profile .profile-md .card .user-detail-md ul.list-group li a { color:#000; }
.profile .profile-md .card .user-detail-md ul.list-group li:hover{
															background: #00bff3;
}
.profile .profile-md .card .user-detail-md ul.list-group li:hover a{ color:#fff; }

.profile .profile-md .card .user-detail-md ul.list-group li .badge-aqua{
					background: -webkit-linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
					background: -o-linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
					background: -ms-linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
					background: linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
		}
.profile .profile-md .card .user-detail-md ul.list-group li:hover .badge-aqua{ background: #fff; color:#000; }
/*new small profile over*/

/*profile over*/

/*feed*/
.feed .card .card-header .media .user_profile{
	width: 60px;
	height: 60px;
	border-radius: 50%;
    background:linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
	padding: .12rem;
}
.feed .card .card-header .media .media-body h5, .post_time {
	color:#313131;
}
.feed .card .card-footer{
	padding: 20px;
}
.feed .card .card-footer .like a{
	color:#313131;
	font-size: 1.1rem;
}
.feed .card .card-footer .like{
	color:#313131;
	font-size: 1.1rem;
}
.feed .card .card-footer .like i{
	font-size: 1.3rem;
}

/*comment section*/

.comment-feed .media .user-comment-profile{
    width: 50px;
    height: 50px;
    background: linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
    padding: .1rem;
}

.comment-feed .media .media-body .form-control{
    background: #e1e1e1;
    border: 2px solid #adadad;;
    border-radius: 35px;
    padding: 12px 15px;
    height: 50px;
    font-size: 14px;
}

.comment-btn{
    padding: 12px 15px;
}

.comment-feed .media .user-comment{
    padding: .65rem;
    background: #EBEBEB;
    border-radius: 12px;
}

.comment-feed .media .user-comment p{
    font-size: 14px;
}

.comment-feed .comment-small .form-control{
    background: #e1e1e1;
    border: 0;
    border-radius: 35px 0 0 35px;
    padding: 12px 15px;
    height: 50px;
    font-size: 14px;
}

.comment-feed .comment-small .btn-post{
    color: #fff;
    border: 0;
    background: #00bff3;
    padding: 12px 15px;
    border-radius: 0 35px 35px 0;
    transition: .09s ease;
}
/*feed modal*/
.feed-modal{
/*  height: 600px;*/
    overflow: hidden;
}

.modal-profile .media .user_profile{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background:linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
    padding: .12rem;
}

.feed-modal .modal-profile .comment-sm{
    height: 325px;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: .95rem;
}

.feed-modal .modal-profile .comment-sm::-webkit-scrollbar-track{
/*
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
*/
    background-color: #e1e1e1;
    border-radius: 50px;
}

.feed-modal .modal-profile .comment-sm::-webkit-scrollbar{
    width: 8px;
    background-color: #e1e1e1;
    border-radius: 50px;
}

.feed-modal .modal-profile .comment-sm::-webkit-scrollbar-thumb{
    background-color: #00bff3;
    border: #00bff3;
    border-radius: 50px;
}

.feed-modal .btn-close{
    padding: 8px 15px;
}

.modal-custom{ z-index: 1199; }

/*feed modal over*/
/*comment section over*/
/*feed over*/



/*category*/
.category-list .card ul.list-group li{ transition: .8s; }
.category-list .card ul.list-group li:hover{ background: #00bff3; }
.category-list .card ul.list-group li:hover a{
									color:#fff;
}
/*category*/

/*back to top*/
#back-top {
	position: fixed;
	bottom: 62px;
	right:50px;
	overflow: hidden;
	z-index: 1030;
}
#back-top a {
	display: block;
	text-decoration: none;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
/* arrow icon (span tag) */
#back-top a i{
	color: #00bff3;
	font-size: 3rem;
	display: block;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover i{
	color: #313131;
}
/*back to top*/

/*footer*/
.footer{
	box-shadow: 0 -2px 2px 0px #00000029;
}
.footer .copyright p{
		color:#313131;
		line-height:2.5;
}

.footer .social ul .nav-item .nav-link{
		color:#313131;
		font-size: 16px;
		transition: .5s;
}
.footer .social ul .nav-item .nav-link:hover {
		color:#00487C;
		transform: scale(1.1);
}
/*footer over*/

/*new small footer*/

.small-footer ul li a{ color:#313131; font-size:14px; }

.small-footer ul li a{ padding: .1rem .6rem; }

.small-footer ul li:hover a{ color:#00bff0; }

/*new small footer over*/

/*feed style over*/

/*category style*/
.fill-like {
	color:#D50003;
}
.category-item .card .category-img .like-image a{
		color:#313131;		
}
.category-item .card .category-img .like-image{
		top:3%;
		right:3%;
		font-size: 18px;
		background: rgba(0,0,0,0.1);
		border-radius:5px;
		padding: 8px 12px;
}
.category-item .card .category-img img{ transition: 1s; }
.category-item .card .category-img img:hover {
		transform: scale(0.9);
}

.item-pagination nav ul li.page-item a.page-link:hover{
		color:#fff;
		background: -webkit-linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
		background: -o-linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
		background: -ms-linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
		background: linear-gradient(45deg, rgba(0,162,255,1) 0%, rgba(43,223,255,1) 100%);
}

.category-item .cat-img-lg{ display: none; }

/*category style over*/

/*pagination*/

.pagination > li {
    display: inline-block;
    margin-right: 5px;
}

.pagination > li > a, .pagination > li > span {
    border: 2px solid #00bff37a;
    color: #777777;
    display: block;
    float: none;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    font-size: small;
}

.pagination > .active > a, .pagination > .active > span {
    background-color: #00bff3;
    border-color: #00bff3;
    color: #ffffff;
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
        background-color: #00bff3;
    border-color: #00bff3;
    color: #ffffff;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #00bff3;
    border-color: #00bff3;
    color: #fff;
    cursor: default;
    z-index: 3;
}

/*pagination*/

/*my profile stylesheet*/

/*profile image*/

.btn-file {
	color:#00bff3;
  	position: relative;
  	overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-file:hover {
	color:#29aae3;
	text-decoration: none;
}
/*profile-img over*/

.gallery .post-image{
	opacity: 1;
  	transition: .5s ease;
  	backface-visibility: hidden;
}
.gallery .light-box{
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 100%;
	  width: 100%;
	  opacity: 0;
	  transition: .5s ease;
	  background-color: rgba(0,0,0,.3);
}

.gallery:hover .light-box {
  	opacity: 1;
}

.gallery .light-box a{
	  color:#fff;
	  font-size: 20px;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  text-align: center;
}

.gallery .fb-share {
color:#fff;
background: #00bff3;
font-size: 12px;
   	letter-spacing: .5px;
   	padding: 8px 16px;
border-radius: 35px;
}

.baguetteBox-button {
    background-color: transparent !important;
}

/*my profile stylesheet over*/


/*color online*/

.color-online .color-pad{
		width:100%;
		/*height:62%;*/
		height:600px;
	}

.color-online .color-picker h3{
		color:#00bff3;
		padding: 20px 0 20px 0;
}
.color-online .color-picker .picker{
		width: 75%;
		height: 8rem;
		padding: 8px;
		border: none;
		background-color: #fff;
		box-shadow: 0px 0px 8px 1px #31313152;
}

.color-online .toolbar ul li a{
	    color: #00bff3;
		font-size: 20px;
		transition: .8s;
}

.color-online .toolbar ul li a .discover{ transform:rotate(90deg); }

.color-online .toolbar ul li label{
		font-size: 14px;
		color:#00bff3;
		transition: .8s;
}	
.color-online .toolbar ul li:hover {
	background: #00bff3;
	transition: 1s;
	border-radius: 12px;
}
.color-online .toolbar ul li:hover a{
		color: #fff;
		transform: scale(.9);
}
.color-online .toolbar ul li:hover label{
		color: #fff;
		transform: scale(.9);
}

/*color online*/

/*update profile*/
.update-profile .form-bg {
							background:#fff;
							background-image:url(../image/form-bg.jpg);
							box-shadow: 0px 0px 8px 1px #31313152;
							border-radius:18px;
							overflow:hidden;
							position:relative;
							/*padding: 22px 0px;*/
}
.update-profile .form-bg:before {
								content:"";
								width:100%;
								height:100%;
								top:0;
								left:0;
								bottom:0;
								right:0;
								background:#fff;
								opacity:.82;
								position:absolute;
}

.update-profile .card .card-header, .card-body { z-index:999; }

.update-profile .card-body form .form-group .form-control { background:#e1e1e1;
													 border-radius:35px;
													padding:1rem;
													box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
													}
/*update profile*/

/*css*/
/*privay policy*/

.policy .policy-bg {
	background: #ffffffc9;
	border-radius: 12px;
	padding: 22px;
	box-shadow: 0px 0px 8px 2px #31313129;
}

.policy .title-policy-head{
	background: #007696;
    border-radius: 22px 0;
    text-align: -webkit-center;
    color: #fff;
}

.policy .title-policy{ color:#00bff3; }

/*privacy policy over*/

/*footer*/
.footer .footer-height{ height:70px; }

.footer .copyright p{
		color:#313131;
		line-height:5;
		font-size: 14px;
}

.footer .store-btn ul li a{
		line-height: 4;
}

.footer .privacy-link ul li a{
color:#313131;
font-size: 14px;
line-height: 4;
transition: .5s;
padding: .5rem;
}

.footer .privacy-link ul li a:hover {
		color:#00487C;
}
/*footer*/

/*social*/
.top-social { z-index: 1099; }
.top-social .social ul .nav-item .nav-link{
		color:#313131;
		font-size: 14px;
		line-height: 3;
}
.top-social .social ul .nav-item .nav-link:hover {
		color:#00bff3;
}
/*social*/

/*media responsive*/
@media (min-width:992px) and (max-width:1199px){
	.category-item .cat-img-lg{
		display: block;
	}
	#back-top {
		bottom: 85px;
		right:30px;
	}
	.store-btn ul li.nav-item{ width:50%; }
	.store-btn ul li.nav-item .nav-link img.store-img{ width:90%; }
	.footer .privacy-link ul li a{
		padding: .3rem;
	}
}

@media (min-width:768px) and (max-width: 991px){
	.w-65 { 
		width:75%;
	}
	.register-form .form-bg{
							padding: 11px 0;												
	}
	.register-form .card .card-header{ font-size: 1.2rem; }
	.forgot-password a { 
						font-size: .85rem;
	}
	.form-bg .card-body form .form-group .form-control{
														padding:.75rem;
														font-size: .85rem;
	}
	.btn-data{
			padding: .75rem;
			font-size: .85rem;
	}

	/*blog*/
	.blog-date{
		margin-left:-8%;
	}
	/*blog*/
	
	/*footer*/
	
	.footer .copyright p{
		line-height:3.2;
		font-size:12px;
	}
	.footer .social ul .nav-item .nav-link{
			font-size: 12px;
	}
	
	.store-btn ul li.nav-item{ width:50%; }
	.store-btn ul li.nav-item .nav-link img.store-img{ width:90%; }
	/*footer*/
	
	/*.color-online .toolbar ul li{
		margin-left:1rem;
		margin-right: 1rem;
	}*/
	.color-online .color-pad{
		width:100%;
		height:100%;
	}
	.color-online .toolbar ul li a{
		font-size: 18px;
	}
	.color-online .toolbar ul li label{
		font-size: 8px;
	}

	/*terms-condition*/
.policy .policy-bg h2{ font-size: 18px; letter-spacing: 2px; }
.policy .policy-bg .title-policy { font-size:16px; letter-spacing: 2px; }
.policy .policy-bg p{ font-size: 14px; letter-spacing: .6px; }
.policy .policy-bg ul li { font-size: 14px; letter-spacing: .6px; }
.policy .policy-bg .hyper-link { font-size: 18px; }
/*term-condition over*/
	
}

@media (min-width:576px) and (max-width: 767px){
	.header_nav .container .navbar-collapse 
	.navbar-nav .nav-item .nav-link {
									font-size: 14px;	
								}
	/*breadcrumb*/
	.title-category{ padding: 8px 0;}
	.title-category div h3:after {
		left:40%;
		right:40%;
		margin: 0 auto;
		}
	/*breadcrumb*/

	.header_nav div .btn-aqua {
		padding:8px 14px;
		border-radius:22px;
		font-size:.80rem;
	}
	
	.post-image-md{
		display: flex;
		flex-wrap: wrap;
	}
	
	#back-top {
	bottom: 38px;
	right:18px;
	}
	#back-top a i{
	font-size: 1.5rem;
	}
	.color-online .color-pad{
		width:100%;
		height:100%;
	}
	.color-online .color-picker{
		margin-bottom: 50px;
	}
	.color-online .color-picker h3{
		color:#00bff3;
		padding: 30px 0 20px 0;
	}
	.color-online .color-picker .picker{
		width: 55%;
		height: 5rem;
		padding: 8px;
		border: none;
		background-color: #fff;
		box-shadow: 0px 0px 8px 1px #31313152;
		}
		
	/*home page style*/
	.cat-title h5{
		line-height: 1.2;
    	font-size: 16px;
    	padding-top: 6px;
		}	
	.btn-cat{
		padding: .45rem .45rem;
    	font-size: 12px;
		}


	/*blog*/
	.blog-date{
		margin-left:-10%;
	}
	/*blog*/	
		
	/*footer*/
	
	.footer .copyright p{
		line-height:3.2;
		font-size:10px;
	}
	.footer .social ul .nav-item .nav-link{
			font-size: 12px;
	}

	.small-footer ul li a{ font-size:12px; }
	
	.store-btn ul li.nav-item{ width:50%; }
	.store-btn ul li.nav-item .nav-link img.store-img{ width:90%; }
	
	/*footer*/

	/*terms-condition*/
.policy .policy-bg h2{ font-size: 16px; letter-spacing: 2px; }
.policy .policy-bg .title-policy { font-size:14px; letter-spacing: 2px; }
.policy .policy-bg p{ font-size: 14px; letter-spacing: .3px; }
.policy .policy-bg ul li { font-size: 14px; letter-spacing: .3px; }
.policy .policy-bg .hyper-link { font-size: 16px; }
/*term-condition over*/
		
}

@media (max-width: 575px){
	/*new-profile-small*/
	.profile .profile-md .card .user_profile{
										width: 125px;
										height: 125px;
										border: .25rem solid rgba(43,223,255,1);
										}
	.profile .profile-md .card .user-detail-md h4{ font-size: 16px; text-align: center; padding-top: 1rem;}
	.profile .profile-md .card .user-detail-md ul.list-group li{ font-size: 14px; }
	.btn-file { font-size: 16px; }
	/*new-profile-small*/

	.header_nav div .btn-aqua {
		padding:6px 12px;
		border-radius:18px;
		font-size:.70rem;
	}
	
	/*breadcrumb*/
	.title-category{ padding: 8px 0;}
	.title-category div h3:after {
		left:40%;
		right:40%;
		margin: 0 auto;
		}
	/*breadcrumb*/

	/*image-slider form*/

.carousel .carousel-inner .carousel-item div .image-slide{
border: 6px dotted #00A7F8;
border-radius:2px;
}
	
	/*feed*/
	.feed .card .card-header .media .user_profile{
													width: 50px;
													height: 50px;
													padding: .1rem;
												}
	.feed .card .card-header .media .media-body h5{
		font-size: 15px;
	}
	.feed .card .card-header .media .media-body h5, .post_time{
		font-size: 13px;
	}
	.feed .card .card-footer .like {
	font-size: .85rem;
	}
	.feed .card .card-footer .like i{
		font-size: .95rem;
	}
	/*feed*/
	/*breadcrumb*/
	.title-category{ padding: 6px 0;}
	/*breadcrumb*/
	
	/*color online*/
	.color-online .color-pad{
		width:100%;
		height:100%;
	}
	.color-online .color-picker h3{
		font-size: 22px;
		padding: 22px 0 22px 0;
	}
	.color-online .color-picker .picker{
		width: 55%;
		height: 4rem;
		padding: 6px;
		border: none;
		background-color: #fff;
		box-shadow: 0px 0px 8px 1px #31313152;
		}
	/*color online*/
	
	/*home page style*/
	.cat-title h5{
		line-height: 1.1;
    	font-size: 14px;
    	padding-top: 8px;
		}	
	.btn-cat{
		padding: .40rem .62rem;
    	font-size: 12px;
		}


		/*blog*/
		.blog-date{
			margin-left:1.5rem;
			text-align:center;
		}
		/*blog*/	
		
	/*footer*/
	
	#back-top {
	bottom: 38px;
	right:18px;
	}
	
	.footer .copyright p{
		line-height:3.2;
		font-size:10px;
	}
	.footer .social ul .nav-item .nav-link{
			font-size: 12px;
	}

	.small-footer ul li a{ font-size:10px; }
	
	/* .store-btn ul li.nav-item{ width:50%; } */
	.store-btn ul li.nav-item .nav-link img.store-img{ width:70%; }
	/*footer*/

	/*terms-condition*/
.policy .policy-bg h2{ font-size: 14px; letter-spacing: 2px; }
.policy .policy-bg .title-policy { font-size:12px; letter-spacing: 2px; }
.policy .policy-bg p{ font-size: 14px; letter-spacing: .1px; }
.policy .policy-bg ul li { font-size: 14px; letter-spacing: .1px; }
.policy .policy-bg .hyper-link { font-size: 14px; }
/*term-condition over*/
	
}

@media (max-width: 480px){
	.w-65 { 
		width:85%;
	}

	.gallery .fb-share {
font-size: 8px;
   	letter-spacing: .2px;
   	padding: 4px 10px;
border-radius: 35px;
}

	/*image-slider form*/

.carousel .carousel-inner .carousel-item div .image-slide{
border: 6px dotted #00A7F8;
border-radius:2px;
}

	/*new-profile-small*/
	.profile .profile-md .card .user_profile{
										width: 80px;
										height: 80px;
										border: .14rem solid rgba(43,223,255,1);
										}
	.profile .profile-md .card .user-detail-md h4{ font-size: 14px; }
	.profile .profile-md .card .user-detail-md ul.list-group li{ font-size: 12px; }
	.btn-file { font-size: 14px; }
	/*new-profile-small*/

	/*blog*/
		.blog-date{
			/*margin-left:1.5rem;*/
			text-align:center;
		}
		/*blog*/
	
	/*footer*/
	
	.mb-100{ margin-bottom:150px; }
	
	#back-top {
	bottom: 38px;
	right:18px;
	}
	
	.footer .copyright p{
		line-height:3.2;
		font-size:10px;
	}
	.footer .social ul .nav-item .nav-link{
			font-size: 12px;
	}

	.small-footer ul li a{ font-size:10px; }
	
	.store-btn ul li.nav-item{ width:50%; }
	.store-btn ul li.nav-item .nav-link img.store-img{ width:50%; }
	/*footer*/
	
	
}