/********************************************************
Template Name: SnapBlog - A Personal Blog Template
Description: SnapBlog - A Personal Blog Template
Version: 1.0
Last change: 27/11/17
Author : @ThemesMill
/********************************************************
*** Table of Contents ***
* 1.0 - Import Stylesheets
* 2.0 - General
* 3.0 - Share Icons
* 4.0 - Topbar
* 5.0 - Topobar Style 2
* 6.0 - Menu Bar Default
* 7.0 - Menu bar Style 2
* 8.0 - Menu bar style 3
* 9.0 - Menu bar style 4
* 10.0 - Menu bar style 5
* 11.0 - Home page slider Style 1
* 12.0 - Home Slider Style 3
* 13.0 - Slider style 4
* 14.0 - Categories Style 1
* 15.0 - Categories Style 2
* 16.0 - Category Style 3
* 17.0 - Blog Grid Styling
* 18.0 - Blog List Style
* 19.0 - Slider Posts
* 20.0 - Sidebar
* 21.0 - Footer Style 1
* 22.0 - Footer Style 2
* 23.0 - Footer Style 3
* 24.0 - Home slider style 2
* 25.0 - Breadcrumb Header
* 26.0 - Blog Detail
* 27.0 - ThemesMill Lightbox
* 28.0 - Search Result
* 29.0 - 404
* 30.0 - Author Detail
* 31.0 - Pagination
* 32.0 - Contact Us
* 33.0 - Back To Top Button

[Colors]

Body Background:	            #eeeeee
Content General Text:	        #282828
h1, h2, h3, h4, h5, h6:	        #282828
Footer:		                    #282828
a                               #282828

[Typography]

Body:		                    14px / 'Open Sans', sans-serif / 400
Headings:		                'Open Sans', sans-serif
Input, textarea:	            'Open Sans', sans-serif
Section headings:	            'Open Sans', sans-serif


/********************************************************/
/********************************************************/

/*
==============================================================
   Import Stylesheets
==============================================================
*/
@import url('css/bootstrap.min.css');
@import url('css/font-awesome.min.css');
@import url('css/color.css');
@import url('css/typography.css');
@import url('css/svg.css');

/*
==============================================================
   General
==============================================================
*/
.topicdscrip ul{
    
    margin-left: 25px;
    
}
body, p{
   	font-family: 'Arial' !important;
	font-size: '18px;'!important;
	/**
	font-family: 'Comic Sans MS' !important;
	
   **/
	}
body{
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none }
a, a:focus, a:active{
	color: #000;
	outline: none;
	border:0;
	text-decoration: none;
}
.text_right
{
	text-align: right;
}
.nopadding{
	padding: 0 !important;
}
.nomargin{
	margin: 0 !important;
}
.form-control, .form-control:focus, .form-control:active{
	border-radius: 0;
	outline: 0 none;
	box-shadow: none;
}
input.form-control{
	height: 48px;
	background-color: #ffffff;
    border: 1px solid #d2d2d2;
}
textarea.form-control{
	background-color: #eeeeee;
	border:1px solid transparent;
}
.btn{
	    font-size: 15px;
    /* font-weight: 600; */
    text-transform: uppercase;
    padding: 11px 26px;
}
.padl{ padding-left:38%; }
.btn, .btn:focus, .btn:active{
	border-radius: 0;
	outline: 0 none !important;
	box-shadow: none;
	border:0;
}
.btn-colored, .btn-colored:hover, .btn-colored:focus, .btn-colored:active{
	background-color: #01325d !important;
    border-bottom: 0px solid #d2d2d2;
	color:#fff !important;
}
.btn-dark, .btn-dark:focus, .btn-dark:active, .btn-dark:hover{
	color: #fff !important;
}
.section-wrap{
	    margin-top: 0px;
    float: left;
    width: 100%;
}
.tm-content-box:after{
	clear: both;
	content: '';
	display: block;
}
.tm-content-box{
	background: #fff;
	
	padding: 0px;
	float: left;
	width: 100%;
	margin-top: 26px;
}
.post-heading{
	margin:30px 0;
}
.post-meta{
	float: left;
	width: 100%;
}
.post-meta ul.meta-list li{
	list-style-type: none;
	display: inline-block;
	position: relative;
	font-size: 13px;
}
.post-meta ul.meta-list li:after{
	content: '|';
	float:right;
}
.post-meta ul.meta-list li:nth-last-child(1):after{
	content: '';
}
.post-meta ul.meta-list li a{
	padding: 0 10px;
}
.post-meta ul.meta-list li a:hover{
	color: #ddd !important;
}
.post-meta ul.meta-list li:nth-child(1) a{
	padding-left: 0;
}
.section-heading{
	    margin-bottom: 12px;
   
    padding-bottom: 0px;
	    text-align: center;
   
}
.section-heading1{
	    margin-bottom: 8px;
   font-weight:bold;
    padding-bottom: 0px;
	    text-align: center;
   
}
.red{color:red;}
.blue{color:#0070c0;}
.dashed{width:100%; float:left;}
.dash{ border-bottom: 1px solid #92d05082; width:20%; float:left; margin-bottom:12px; margin-left:40%; clear:both;}
.dash1{ border-bottom: 1px solid #de620f54; width:34%; float:left; margin-bottom:12px; margin-left:33%;  clear:both;}
.dash2{ border-bottom: 1px solid #92d05082; width:20%; float:left; margin-bottom:15px; margin-left:40%;  clear:both;}


/*** Share Icons ***/

.share-post{
	position: relative;
}
.share-post ul{
	position: absolute;
	display: table;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
 	width: auto;
    background: #fff;
    box-shadow: 0 0 22px -8px #000;
    border-radius: 100px;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
}
.share-post ul:after{
	clear: both;
	content: '';
	display: block;
}
.share-post ul li{
	display: inline-block;
	 margin: 0 3px;
}
.share-post:hover ul{
	visibility: visible;
	opacity: 1;
}

.tagline{
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	color: #fff;
	padding: 10px 15px;
	float: left;
}

/*** Topbar ***/

.tm-topbar{
	padding: 4px 0;
}
.tm-topbar .social-icons{
	float: left;
	margin-top: 7px;
}
.tm-topbar .social-icons ul li{
	list-style-type: none;
	display: inline-block;
	margin-right: 10px;
}
.tm-topbar .social-icons ul li a{
	    color: #212121;
}
.search-area{
	float: right;
}
.search-area .lang-change, .search-area .search-top{
	float: left;
}
.search-area .lang-change{
	margin-top: 5px;
	position: relative;
}
.search-area .lang-change a{
	border: 0;
	outline: 0 none;
	color: #212121;
	padding: 0 25px 0 5px;
	-webkit-appearance:none;
	appearance:none;
	-moz-appearance:none;
}
.search-area .lang-change .icon-worlwide{
	color: #fff;
	position: relative;
	top: 1px;
}
.search-area .search-top{
	position: relative;
	height: 31px;
}
.search-area .search-top .form-control{
	height: 100%;
	    
}
.search-area .search-top .btn{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 7px 11px;
}


/*** Topobar Style 2 ***/

.tm-topbar.white{
	background-color:#fff !important;
}

.tm-topbar.white .search-area .lang-change select{
	background-color: transparent !important;
}


/*** Menu Bar Default ***/

.logo-top{
	display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    float: left;
}
.login_mn
{
	margin-top: 0 !important;
	float: none !important;
}
/*.subscribe{  background-color: rgb(1, 46, 85);
    line-height: 16px;
    font-size: 12px;
    padding: 10px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(191, 10, 10, 0.44);
    border-image: initial;

margin: 24px 7px !important;}*/
.subscribe a
{
	color: #fff;
}
.menu-bar{
	z-index: 10;
	position: relative;
}
.menu-bar.default{
	background-color: #fff;
	text-align: center;
	position: relative;
}
.menu-bar{
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.menu-bar ul li{
	display: inline-block;
	list-style-type: none;
	position: relative;
	perspective: 1500px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
}
.menu-bar ul li.menu-item-has-children:after{
	
}
.menu-bar ul li a{
	font-size: 13px;
	color:#00455f;
	text-transform: uppercase;
	display: block;
	font-weight:bold;
	padding: 0 0 10px;
}
hr{    margin-top: 0px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #b9b9b9;}
.menu-bar.style-3 ul li a:hover{
	color: #fff !important;
}
.sub-menu{border-bottom:0px !important}
.menu-bar .sub-menu{
	position: absolute;
	min-width: 250px;
	text-align: left;
    top: 100%;
	z-index: 2;
	opacity: 0;
	
	visibility: hidden;
    display: none;

}

.menu-item-has-children:hover  .sub-menu
{
	display: block;
}
.menu-bar .sub-menu li{
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}
.menu-bar .sub-menu li a{
	   padding: 5px 10px;
       color: #e6e6e6;
    background-color: #025f82;
    border-bottom: 1px solid #fff;
    font-size: 13px;
    text-transform: capitalize;
}
.menu-bar .sub-menu li a:hover{
	color: #e6e6e6 !important;
	border-bottom: 1px solid #fff;
    background-color: #bf0a0a !important;
}
.menu-bar .sub-menu li.menu-item-has-children > .sub-menu{
	left: -100%;
}
.menu-bar .subscribe, .menu-bar .menu-links{
	display: inline-block;
	   margin-top: 22px;
    color: #fdfdfd;
			    cursor: pointer;
}
.menu-bar ul li.menu-item-has-children:hover > .sub-menu{
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	opacity: 1;
	visibility: visible;
}
.menu-bar .sub-menu li.menu-item-has-children:hover > .sub-menu{
	top: 0;
	opacity: 1;
	visibility: visible;
}
.menu-bar .sub-menu li.menu-item-has-children:after{
	right: 15px;
	top: 10px;
	color: #fff;
}


/*** Menu bar Style 2 ***/

.menu-bar.style-2{
	background-color: #fff;
	position: relative;
	z-index: 10;
}
.menu-bar.style-2 .logo-top{
	float: left;
	margin-bottom: 20px;
}

.menu-bar.style-2 .menu-links{
	float: right;
	margin-top: 35px;
}


/*** Menu bar style 3 ***/

.menu-bar.style-3{
	box-shadow: none;
}
.menu-bar.style-3 *{
	color: #fff;
}
.menu-bar.style-3 .logo-top{
	float: left;
	
}
.menu-bar.style-3 .menu-links{
	float: right;
	margin-top: 40px;
}

.menu-bar.style-3 .menu-links > ul > li > .sub-menu {
    left: -150px;
}

/*** Menu bar style 4 ***/

.menu-bar.style-4{
	box-shadow: none;
}
.menu-bar.style-4 *{
	color: #fff;
}
.menu-bar.style-4 .logo-top{
	float: left;
}
.menu-bar.style-4 .menu-links{
	float: right;
	margin-top: 40px;
}

.menu-bar.style-4 .menu-links > ul > li > .sub-menu {
    left: -150px;
}

/*** Menu bar style 5 ***/

.menu-bar.style-5{
	text-align: center;
	min-height: 260px;
	z-index: inherit;
	position: inherit;
	box-shadow: none;
}
.menu-bar.style-5 *{
	color: #fff;
}
.menu-bar.style-5 .logo-top{
	margin-bottom: 20px;
}
.menu-bar.style-5 .menu-links{
	position: relative;
	z-index: 10;
}
.section-wrap.reversed{
	margin-top: 0;
}
.section-wrap.reversed > .tm-content-box{
	margin-top: -92px;
	z-index: 9;
	position: relative;
}

/*** Home page slider Style 1 ***/

.owl-carousel.style1{
	text-align: center;
}
.owl-carousel.style1 .share-post ul{
	left: unset;
	right: -20%;
}
.owl-carousel.style1 .slide-content{
	background: white;
	position: absolute;
	left: -70px;
	width: 100%;
	padding: 30px;
	box-shadow: 0 0px 16px 3px rgba(0, 0, 0, 0.08);
	top: 20px;
}
.owl-carousel.style1 .post-meta ul{
	float: left;
}
.owl-carousel.style1 .post-meta{
	margin-top: 30px;
}
.owl-carousel.style1 .share-post{
	float: right;
}
.owl-carousel.style1 .post-heading{
	margin-top: 40px;
}
.slide-content .tagline{
	margin-left: -20px;
	position: absolute;
	left: 0;
	top: 20px;
}

/*** Home Slider Style 3 ***/

.owl-carousel.style3 .slide-image{
	position: relative;
}
.owl-carousel.style3 .slide-image .slide-content{
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	height: 100%;
	width: 100%;
	padding: 10%;
}
.owl-carousel.style3 .slide-image .slide-content .post-heading a,
.owl-carousel.style3 .slide-image .slide-content p,
.owl-carousel.style3 .slide-image .slide-content .post-meta ul li a,
.owl-carousel.style3 .slide-image .slide-content .share-post .icon-share{
	color: #fff;
}
.owl-carousel.style3 .slide-content .tagline{
	position: absolute;
	bottom: 0;
	left: 0;
	top: auto;
	margin: 0;
}
.owl-carousel.style3 .share-post{
	position: absolute;
	left: 42px;
	top: 42px;
}
.owl-carousel.style3 .post-meta{
	position: absolute;
	right: 0px;
	text-align: right;
	bottom: 10px;
}
.owl-carousel.style3 .owl-dots{
	position: absolute;
	left: 0;
	top: 40%;
}
.owl-dots .owl-dot{
	width: 15px;
	height: 15px;
	display: block;
	clear: both;
	margin: 10px;
	background: #ffffff;
	border-radius: 100%;
}

/*** Slider style 4 ***/

.owl-carousel.style4 .slide-image{
	position: relative;
}

.owl-carousel.style4 .slide-content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
}
.owl-carousel.style4 .slide-content .indata{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.owl-carousel.style4 .slide:hover .slide-content{
	opacity: 1;
	visibility: visible;
}

.owl-carousel.style4 .slide-content *{
	color: #fff;
}
.owl-carousel.style4 .slide-content .post-heading{
	padding: 0 20px;
}
.owl-carousel.style4 .slide-content .indata .p-link{
	padding: 10px 14px;
	font-size: 26px;
}

/*** Categories Style 1 ***/

.tm-categories-style-1 .cat-box{
	position: relative;
	border: 0px solid #ad5b5b;
	    margin-bottom: 20px;
}
.tm-categories-style-1 .cat-box .content{
	position: absolute;
	top: 0;
	height: 100%;
	color: #fff;
	text-align: center;
	width: 100%;
}
.tm-categories-style-1 .cat-box .content *{
	color: #b00 !important;
}
.tm-categories-style-1 .cat-box .cat-meta{
	position: absolute;
	bottom: 10px;
	width: 100%;
	left: 0;
}
.tm-categories-style-1 .cat-box h1{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.tm-categories-style-1 .cat-box h5{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.tm-categories-style-1 .cat-box .cat-meta ul li{
	list-style-type: none;
	display: inline-block;
	border-right: 1px solid #fff;
	padding: 0 10px;
	font-size: 13px;
}
.tm-categories-style-1 .cat-box .cat-meta ul li:nth-last-child(1){
	border:0;
}
.tm-categories-style-1 .cat-box .overlay{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
}


/*** Categories Style 2 ***/

.tm-categories-style-2 .cat-box{
	position: relative;
}

.tm-categories-style-2 .cat-box .content{
	position: absolute;
	top: 30%;
	padding: 10px 20px;
	text-transform: capitalize;
	left: -15px;
}
.tm-categories-style-2 .cat-box .content a{
	color: #fff;
}
.tm-categories-style-2 .cat-box .overlay{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
}

/*** Category Style 3 ***/

.tm-categories-style-3{
	background: #fff;
	box-shadow: 0 0px 16px 3px rgba(0, 0, 0, 0.08);
	padding: 15px 0;

}
.tm-categories-style-3 .cat-box{

	position: relative;
}

.tm-categories-style-3:after{
	clear: both;
	content: '';
	display: block;
}
.tm-categories-style-3 .content{
	position: absolute;
	top: 26%;
	padding: 15px 20px;
	left: 10%;
}
.tm-categories-style-3 .content *{
	color: #fff;
}
.tm-categories-style-3 .cat-box .overlay{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
}

/*** Blog Grid Styling ***/

.tm-blog-grid .blog-post .post-content{
	text-align: center;
	padding: 0 0px;

}
.tm-blog-grid .share-post ul{
	right: 0;
	left: unset;
}
.tm-blog-grid .blog-post .post-content .btn{
	margin-bottom: -25px;
}
.tm-blog-grid .blog-post .post-content .post-title{
	margin:10px 0;
	   
}
.tm-blog-grid .blog-post {
       background: #c9cadc;
    margin-bottom: 15px;
    padding: 10px 0px;
    min-height: 225px;
   	
    padding-bottom: 1px;
    /* box-shadow: 0 0px 16px 3px rgba(0, 0, 0, 0.03); */
}
.tm-blog-grid .blog-post:hover {
       background: #c9cadc;
    margin-bottom: 15px;
    padding: 10px 0px;
    min-height: 225px;
   
    padding-bottom: 1px;
    /* box-shadow: 0 0px 16px 3px rgba(0, 0, 0, 0.03); */
}
.blog-post-meta{
	margin-bottom: 30px;
	border-top: 1px dashed #1f1f1f;
	border-bottom: 1px dashed #1f1f1f;
	padding: 10px 0;
}
.blog-post-meta ul li{
	list-style-type: none;
	display: inline-block;
	padding: 0 10px;
	border-right: 1px solid #282828;
	font-size: 13px;
}
.blog-post-meta ul li:nth-last-child(1){
	border:0;
}
.post-tag{
	color: #fff;
	position: absolute;
	top: 30%;
	left: -20px;
	padding: 8px 20px;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 700;
}
.post-thumbnail{
	position: relative;
}
.post-thumbnail .share-post{
	position: absolute;
	bottom: 10px;
	color: #fff;
	right: 15px;
	z-index: 9999;
}

/*** Blog List Style ***/

.tm-blog-list .post-title{
	margin:30px 0;
}
.tm-blog-list .blog-post{
	float: left;
	width: 100%;
	background: #fff;
	margin-bottom: 50px;
	position: relative;
}
.tm-blog-list .blog-post-meta{
	margin-bottom: 0;
	border-bottom: 0;
}

.tm-blog-list.full .blog-post-meta{
	float: left;
	border:0;
}
.tm-blog-list.full .btn{
	font-size: 12px;
	padding: 10px;
}
.tm-blog-list.full .con .share-post{
	margin: 14px;
	float: left;
}

/*** Slider Posts ***/

.tm-slider-posts .slide{
	position: relative;
}
.tm-slider-posts .slide-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	text-align: center;
}
.tm-slider-posts .slide-content .post-title a, .tm-slider-posts .slide-content .slide-info, .tm-slider-posts .slide-content a{
	color: #fff;
}
.tm-slider-posts .slide-content .post-title{
	margin-bottom: 30px;
}
.tm-slider-posts .slide-content .info-wrap{
	padding:0 60px;
}
.tm-slider-posts .blog-post-meta{
	float: right;
	border:0;
}
.tm-slider-posts .info-wrap{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.tm-slider-posts .blog-post-meta ul li{
	border-color: #fff;
}
.tm-slider-posts .owl-nav{
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
}
.tm-blog-list.full .blog-post-meta ul li{
	padding: 0 6px 0 2px;
}

/*** Sidebar ***/

.widget.tags .blog-tags{
	padding-top: 0;
}
.widget.about-author{
	text-align: center;
}
.widget-heading{
	margin-bottom: 10px;
    text-transform: uppercase;
    padding-bottom: 11px;
    padding-top: 27px;
    font-size: 25px;
    color: #e73e3b;
}
.tm-sidebar .widget{
	    padding: 9px 10px;
        background: #ffffff;
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
	    margin-top: 48px;
}
.tm-sidebar .widget:after{
	clear: both;
	content: '';
	display: block;
}
.about-author .author-name{
	font-weight: 600;
	text-transform: uppercase;
	margin:10px 0;
}
.about-author .author-skills{
	font-weight: 400;
	color: #959494;
}
.about-author .author-description{
	margin-top: 10px;
}
.about-author .social-icons ul li{
	list-style-type: none;
	display: inline-block;
	margin:5px;
}
.widget.categories ul li{
	list-style-type: none;
    margin-bottom: 7px;
	    font-size: 13px;
    padding-bottom: 7px;
    border-bottom: 1px dashed #ccc;
}
.widget.categories ul li:nth-last-child(1){
	border:0;
	padding: 0;
	margin: 0;
}
.widget.archive ul li{
	list-style-type: none;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #ccc;
}
.widget.archive ul li:nth-last-child(1){
	border:0;
	padding: 0;
	margin: 0;
}
.widget.recent-posts ul{
	float: left;
	width: 100%;
}
.widget.recent-posts ul li{
	list-style-type: none;
	float: left;
	width: 100%;
	clear: both;
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}
.widget.recent-posts ul li:nth-last-child(1){
	border:0;
	padding: 0;
	margin:0;
}
.widget.recent-posts .w-thumbnail{
	float: left;
	margin-right: 15px;
	width: 74px;
	height: 74px;
	overflow: hidden;
	border-radius: 100%;
}
.widget.recent-posts .w-thumbnail img{
	max-width: 100%;
}
.widget.recent-posts .w-data{
	float: left;
	width: 70%;
}
.widget.recent-posts .w-post-heading{
	margin-bottom: 10px;
}
.widget.recent-posts .w-post-date{
	font-size: 13px;
}
.editor-choice .slide-content .slide-title{
	margin:6px 0;
}
.editor-choice .slide-content .slide-date{
	font-size: 20px;
}
.owl-nav .owl-prev, .owl-nav .owl-next{
	display: inline-block;
	color: #fff;
	padding: 10px 11px;
	font-size: 17px;
	line-height: 0;
}
.owl-nav .owl-next{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.owl-nav{
	margin-top: 30px;
}

.widget.subscribe p{
	margin-bottom: 0;
}

.widget.twitter-feeds .feeds-list li{
	list-style-type: none;
	display: block;
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 15px;
}
.widget.twitter-feeds .feeds-list li p{
	float: left;
	margin-bottom: 0;
}
.widget.twitter-feeds .feeds-list li p span{
	position: relative;
	top: 2px;
}
.widget.twitter-feeds .feeds-list li .feed-time, .widget.twitter-feeds .feeds-list li a{
	float: left;
	width: 100%;
	clear: both;
}
.widget.twitter-feeds .feeds-list li a{
	margin:10px 0;
}
.widget.twitter-feeds .feeds-list li .feed-time{
	color: #888;
	font-size: 13px;
	font-style: italic;
}

/*** Footer Style 1 ***/

footer .social-bar{
	float: left;
	width: 100%;
}
footer .social-bar ul{
	position: relative;
}
footer .social-bar ul li{
	list-style-type: none;
	display: inline-block;
	width: 11.11%;
	text-align: center;
	float: left;
	overflow: hidden;
	height: 50px;
}
footer .social-bar ul li a{
	padding: 14px;
	color: #fff;
	display: block;
	font-size: 20px;
	line-height: 1;
	position: relative;


}
footer .social-bar ul li a:after{
	content: '';
	border-radius: 100%;
	width: 0px;
	height: 0px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top:50%;
	transform:translateY(-50%);
	background: #fff;
	opacity: 0;
	visibility: hidden;
}
footer .social-bar ul li a:hover:after{
	widows: 100%;
	height: 100%;
	visibility: visible;
	opacity: 1;
}
footer .social-bar ul li a span{
	text-shadow: none;
	
}
footer .social-bar ul li a{
	text-shadow: none;
	
}
footer .social-bar ul li a:hover span{
	text-shadow: 0px 0px 10px #fff;

}
footer .social-bar ul li a:hover{
	transform: scale(1.6);
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-ms-transform: scale(1.6);
	-o-transform: scale(1.6);
	-webkit-transform-origin: 50% 44%;
	-moz-transform-origin: 50% 44%;
	-o-transform-origin: 50% 44%;
	-ms-transform-origin: 50% 44%;
	transform-origin: 50% 44%;

}
footer .social-bar ul li.fb{
	background-color: #3b5998;
}
footer .social-bar ul li.gp{
	background-color: #dc4b3f;
}
footer .social-bar ul li.ig{
	background-color: #d20050;
}
footer .social-bar ul li.pi{
	background-color: #bd081b;
}
footer .social-bar ul li.tw{
	background-color: #4099ff;
}
footer .social-bar ul li.st{
	background-color: #eb4924;
}
footer .social-bar ul li.fl{
	background-color: #ff0084;
}
footer .social-bar ul li.dg{
	background-color: #101010;
}
footer .social-bar ul li.dr{
	background-color: #e84c88;
}
.footer.basic *{
	color: #fff;
}
.footer:after{
	clear: both;
	content: '';
	display: block;
}
.footer-wrapper{
	    padding: 20px 0;
    float: left;
    width: 100%;
    padding: 20px 0;
    float: left;
    width: 100%;
    background-color: #fff;
    border-top: 10px solid #012e55;
}
.footer-wrapper p{
	color:#00b0f0;
}
.footer-wrapper h4{     text-transform: uppercase;
    margin-bottom: 5px;
    color: #012e55;
    font-weight: bold;}
.footer-wrapper ul li{      
        list-style-type: none;
    margin-top: 7px;
    padding-top: 7px;
    }
	.footer-wrapper ul li a{ color:#292929; font-size: 14px;}
.logo-footer{
	margin-bottom: 30px;
}
footer .footer-heading{
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 30px;
}
.widget.recent-comments .comment-posts .comment-thumbnail{
	width: 74px;
	height: 74px;
	overflow: hidden;
	border-radius: 100%;
	float: left;
	margin-right: 10px;
}
.widget.recent-comments .comment-posts .comment-content{
	float: left;
	width: 75%;
	margin-top: 10px;
}
.widget.recent-comments .comment-posts{
	float: left;
	width: 100%;
}
.widget.recent-comments .comment-posts li{
	list-style-type: none;
	display: block;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.widget.recent-comments .comment-posts .comment-content span{
	font-size: 13px;
	margin-top: 5px;
	display: block;
}
.widget.instagram-feeds ul li{
	list-style-type: none;
	float: left;
	position: relative;
}
.widget.instagram-feeds ul li:before{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
}
.footer.basic{
	border-bottom: 0px !important;
    /* background-attachment: fixed; */
    background-image: url(extra-images/classroom.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 190px;
	display:none;
}

/*#backTop:hover, .search-top .btn:hover, .blog-post-meta .btn:hover{    background-color: #2b2b2b !important;
    border-bottom: 0px solid #c10000;}*/
.widget.instagram-feeds ul li:hover:before{
	opacity: 1;
	visibility: visible;
}
.instabtn{
	background-image: url(images/insta-btn.png);
	width: 137px;
	height: 24px;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 30px;
}
.tm-bottom-bar{
	
}
.tm-bottom-bar *{
	color: #fff;
}
.tm-bottom-bar .copyright{
	float: left;
}
.tm-bottom-bar .bottom-nav{
	float: right;
	text-align: right;
}
.tm-bottom-bar .bottom-nav li{
	display: inline-block;
	font-size: 15px;
	list-style-type: none;
	margin: 0 15px;
	text-transform: uppercase;
	
}

.tm-bottom-bar .bottom-nav li a:hover{
	color: #ddd !important;
}

/*** Footer Style 2 ***/

.footer.centered{
	text-align: center;
}
.footer.centered *{
	color: #fff;
}
.footer.centered .about-company hr{
	width: 100px;
}
.footer.centered .copyright{
	text-align: center;
	width: 100%;
}
.nav-footer-center ul li{
	display: inline-block;
	font-size: 13px;
	list-style-type: none;
	margin: 0 15px;
	text-transform: uppercase;
	font-weight: 600;
}
.nav-footer-center{
	float: left;
	width: 100%;
}

/*** Footer Style 3 ***/

.footer.centered.white{
	background-color: #fff !important;
}
.footer.centered.white .about-company p, .footer.centered.white a{
	color: #282828;
}

.footer.centered.white .copyright{
	color: #fff;
}


/*** Home slider style 2 ***/

.owl-carousel.style2 .slide-content .post-heading a, .owl-carousel.style2 .slide-content p, .owl-carousel.style2 .meta-list li a,
.owl-carousel.style2 .share-post .icon-share{
	color: #fff;
}
.owl-carousel.style2 .slide-content:after{
	clear: both;
	content: '';
	display: block;
}
.owl-carousel.style2 .slide-content{
	padding: 30px;
}
.owl-carousel.style2 .slide-content .post-meta{
	margin-top: 27px;
}
.owl-carousel.style2 .slide-image{
	position: relative;
}
.owl-carousel.style2 .tagline{
	position: absolute;
	bottom: 0;
	right: 0;
}
.owl-carousel.style2 .share-post{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 3;
}
.owl-carousel.style2 .share-post ul{
	top: 2px;
	left: 43px;
}


.adbox{
	text-align: center;
}
.adbox img{
	margin: 0 auto;
}

/*** Breadcrumb Header ***/

.tm-breadcrumb{
	background-image: url(images/breadcrumb-header.html);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-transform: capitalize;
	color: #fff;
	padding: 122px 0;
	position: relative;
}
.tm-breadcrumb:before{
	content: '';
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}
.tm-breadcrumb .container{
	z-index: 2;
	position: relative;
}
.tm-breadcrumb *{
	color: #fff;
}
.tm-breadcrumb .title{
	font-size: 25px;
	font-weight: 600;
	position: relative;
}
.tm-breadcrumb .title:after{
	content: '';
	background: #fff;
	height: 4px;
	float: left;
	clear: both;
	width: 60px;
	display: block;
	position: relative;
	left: 0;
	top: 18px;
	border-radius: 100px;
	margin-right: 10px;
}
.tm-breadcrumb ul li{
	float: left;
	list-style-type: none;
	position: relative;
}
.tm-breadcrumb ul li:nth-last-child(1):after{
	display: none;
}
.tm-breadcrumb ul li a:hover{
	color: #ddd !important;
}
.tm-breadcrumb ul{
	float: left;
	margin-top: 10px;
}
.tm-breadcrumb ul li:after{
	content: '\f178';
	font-family: FontAwesome;
	float: right;
	margin: 0 10px;
}

/*** Blog Detail ***/

.blog-detail .post-meta *{
	color: #fff;
}
.blog-detail.boxed{
	margin:0;
	    background: #e4e4e4;
       border: 1px solid #cacaca;
    padding: 15px;
	    margin-top: 48px;
}
.post-title{
	    float: left;
    width: 100%;
    
    margin: 10px 0;
    /* font-weight: bold; */
    text-transform: uppercase;
    
    font-size: 23px;
	    
    margin-bottom: 18px !important;
}

.social1{    padding: 6px 10px;
    background-color: #ffffff;
    color: #012e55 !important;
    margin-right: 5px;
    float: left;}
	.social2{ padding:0px !important;
margin-top:15px !important;}
	.social1:hover{    padding: 6px 10px;
    background-color: #bf0a0a;
    color: #fff !important;
    margin-right: 5px;
    float: left;}
.post-title1{
	    float: left;
    width: 100%;
    background-color: #012e55;
    margin: 10px 0;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 15px;
    color: #fff;
    font-size: 27px;
}
.blog-detail .post-title a{
	    color: #bf0a0a !important;
}
.blog-detail .post-meta{
	padding: 18px;
}
.modelessay{list-item
	list-style-image: none;
	list-style-type: none;
}
.modelessay ul{
}
.modelessay ul li{
	list-style-position: inside;
    list-style-type: disc;
    float: left;
    width: 70%;
    margin: 0px 28%;
    padding: 6px 0px;
    border-bottom: 1px dotted #abaaaa;
}
.modelessay ul li a{
	    padding-right: 25px;
    /* padding-left: 25px; */
    padding-top: 5px;
	    font-size: 18px;
    padding-bottom: 5px;
}

.modelessay1{background-color: #f5feff;
}
.modelessay1 ul{
}
.modelessay1 ul li{
	    list-style-position: inside;
    list-style-type: disc;
    float: left;
    width: 100%;
    /* margin: 0px 5%; */
    padding: 4px 0px;
    border-bottom: 1px dotted #abaaaa;
}
.modelessay1 ul li a{
	        padding-right: 5px;
    /* padding-left: 25px; */
    font-size: 12px;
    /* padding-top: 2px; */
    /* padding-bottom: 2px; */
}
blockquote{
	background: #eeeeee;
	border-width: 7px;
	font-style: italic;
	float: left;
}
.mb15{ margin:10px 0;}
.blog-list-items{
	list-style-position: inside;
}
.blog-list-items li{
	margin-bottom: 10px;
}
.img-caption{
	color: #fff;
	padding: 10px;
	color: #fff;
	float: left;
	width: 100%;
	text-align: center;
}
.inner-img.pull-left{
	margin-right: 15px;
}
.inner-img.pull-right{
	margin-left: 15px;
}
ol.blog-list-items{
	padding-left: 0;
}
.blog-inner-gallery{
	margin-bottom: 30px;
}
.blog-inner-gallery .slide{
	position: relative;
	perspective: 1500px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	overflow: hidden;
}
.blog-inner-gallery .slide .overlay-data{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	cursor: pointer;
	visibility: hidden;
	transform: rotateY(100deg);
	-webkit-transform: rotateY(100deg);
	-moz-transform: rotateY(100deg);
	-o-transform: rotateY(100deg);
	-ms-transform: rotateY(100deg);
	transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
}
.blog-inner-gallery .slide:hover > .overlay-data{
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	visibility: visible;
}
.blog-inner-gallery .slide .overlay-data .icon-magnifying-glass{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 10px;
	color: #fff;
	font-size:20px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	line-height: 1.5;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

/*** ThemesMill Lightbox ***/

.tm-lightbox{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	display: none;
}
.tm-lightbox img{
	position: absolute;
	left: 0;
	right: 0;
	margin:0 auto;
	top: 50%;
	height: auto;
	width: auto;
	padding: 20px;
	max-height: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
@keyframes lightBox{
	from{opacity: 0; visibility: hidden;}
	to{opacity: 1; visibility: visible;}
}
@-webkit-keyframes lightBox{
	from{opacity: 0; visibility: hidden;}
	to{opacity: 1; visibility: visible;}
}

@keyframes lightBoxImg{
	from{transform: scale(0.5) translateY(-50%);}
	to{transform: scale(1) translateY(-50%);}
}
@-webkit-keyframes lightBoxImg{
	from{opacity: 0; visibility: hidden;}
	to{opacity: 1; visibility: visible;}
}
.tm-lightbox.active{
	opacity: 1;
	visibility: visible;
	animation: lightBox 1s;
	animation-iteration-count: 1;
	display: block;
}
.tm-lightbox.active img{
	animation: lightBoxImg 1s;
	animation-iteration-count: 1;
}
.tm-lightbox .background{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	top: 0;
}
.share-blog{
	float: left;
	width: 100%;
	display: block;
	border-top: 1px dashed #1f1f1f;
	border-bottom: 1px dashed #1f1f1f;
	padding: 15px 0;
}
.share-blog span{
	float: left;
	margin-right: 15px;
}
.share-blog ul{
	float: left;
	margin-top: 3px;
}
.share-blog ul li{
	list-style-type: none;
	float: left;
}
.blog-tags{
	padding: 15px 0;
}
.blog-tags, .blog-tags ul{
	float: left;
	width: 100%;
}
.blog-tags ul li{
	float: left;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 5px;
}
.blog-tags ul li a{
	background: #eeeeee;
	display: block;
	padding: 15px;
	text-transform: capitalize;
}
.blog-tags ul li a:hover{
	color: #fff !important;
}

.tm-post-nav{
	text-transform: capitalize;
	float: left;
	width: 100%;
	clear: both;
	display: block;
	padding: 20px 0;
}
.tm-post-nav .prev-post{
	float: left;
}
.tm-post-nav .prev-post .arrow{
	float: left;
	margin-right: 10px;
}
.tm-post-nav .arrow{
	float: left;
	padding: 15px 12px;
	font-size: 20px;
	color: #fff;
}
.tm-post-nav .prev-post .post-title{
	float: left;
}
.tm-post-nav .post-title strong{
	font-size: 16px;
}
.tm-post-nav .post-title p{
	margin-bottom: 0;
	margin-top: 10px;
}
.tm-post-nav .next-post{
	float: right;
	text-align: right;
}
.tm-post-nav .next-post .arrow{
	float: right;
	margin-left: 10px;
}
.tm-post-nav .next-post .post-title{
	float: right;
}
.tm-author-info .author-thumbnail{
	float: left;
	margin-right: 15px;
}
.tm-author-info .author-data h5{
	text-transform: uppercase;
	margin: 15px 0;
}
.tm-author-info .author-data p{
	margin:0;
}
.tm-related-posts{
	margin-top: 30px;
}
.tm-related-posts .related-post{
	text-align: center;
	margin-bottom: 30px;
}
.tm-related-posts .related-post img{
	margin-bottom: 15px;
}
.tm-related-posts .related-post .post-img{
	position: relative;
}
.tm-related-posts .related-post .post-img img{
	margin: 0 auto;
}
.tm-related-posts .related-post .post-img:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}
.tm-related-posts .related-post:hover .post-img:after{
	opacity: 1;
	visibility: visible;
}
.comments-list{
	float: left;
	width: 100%;
}
.comments-list .userimg{
	float: left;
	margin-right: 15px;
}
.comments-list ul{
	float: left;
	width: 100%;
}
.comments-list ul li{
    list-style-type: none;
    float: left;
    width: 100%;
    display: block;
    clear: both;
    padding: 15px 0 0;
}
.tm-comments > .section-heading{
	margin-bottom: 0;
}
.comments-list ul .reply{
    padding-left: 30px;
}
.comments-list .comment-data{
	float: left;

	width: 85%;
}
/*	margin-top: 10px; */
.comments-list .comment-meta{
	float: left;
	color: #7d7d7d;
}
.comments-list .comment-meta a{
	color: #7d7d7d;
}
.comments-list .comment-meta span{
	padding-left: 7px;
	border-left: 1px solid #1f1f1f;
	margin-left: 7px;
}
.comments-list .comment-data strong{
	float: left;
	text-transform: uppercase;
}
.comments-list .comment-data p{
	float: left;
	clear: both;
	display: block;
	width: 100%;
	margin-bottom: 0;
	margin-top: 0;
}
.tm-comment-form{
	float: left;
	width: 100%;
	display: block;
	margin-top: 0px;
	padding-top: 20px;
	border-top: 1px dashed #1f1f1f;
}
.widget.recent-comments .comment-posts li:hover > .comment-thumbnail img{
	opacity: 0.5;
}

/*** Search Result ***/

.nothing-found{
	text-align: center;
	padding-bottom: 50px;
}
.nothing-found hr{
	border-style: dashed;
	border-color: #282828;
	margin-bottom: 30px;
	width: 300px;
}
.nothing-found h2{
	margin:30px 0;
}
.nothing-found .btn{
	width: 260px;
}
.nothing-found strong{
	margin:20px;
}

/*** 404 ***/

.notfound{
	text-align: center;
	padding-bottom: 50px;
	position: relative;
	margin-top: 80px;
}
.notfound:before{
	content: url(images/404.html);
	position: absolute;
	top: -100px;
	left: 0;
	margin: 0 auto;
	right: 0;
}
.notfound h1{
	font-size: 112px;
	margin-top: 110px;
}
.notfound hr{
	border-style: dashed;
	border-color: #282828;
	margin-bottom: 30px;
	width: 270px;
}


/*** Author Detail ***/

.tm-author-detail{
	text-align: center;
	margin-top: 110px;
}
.tm-author-detail .author-photo{
	margin-top: -110px;
}
.tm-author-detail .author-photo img{
	margin: 0 auto;
}
.tm-author-detail .intro h3{
	text-transform: uppercase;
	margin-top: 30px;
}
.tm-author-detail .intro span{
	color: #959494;
	margin-top: 10px;
	display: block;
	margin-bottom: 30px;
}
.tm-author-detail hr{
	border-style: dashed;
	border-color: #282828;
	width: 200px;
}
.tm-author-detail .full-detail h2{
	font-weight: 800;
	margin-bottom: 30px;
}
.tm-author-detail .follow-wrap h3{
	text-transform: uppercase;
	margin-bottom: 10px;
}
.tm-author-detail .follow-wrap ul{
	margin-bottom: 30px;
}
.tm-author-detail .follow-wrap ul li{
	list-style-type: none;
	display: inline-block;
}
.tm-author-detail .follow-wrap ul li a{
	font-size: 26px;
}
.tm-author-detail .follow-wrap ul li{
	margin:15px;
}

/*** Pagination ***/

.tm-pagination{
	float: left;
	width: 100%;
	text-align: center;
}
.tm-pagination ul li{
	display: inline-block;
	margin:0 5px;
}
.tm-pagination ul li a{
    padding: 10px 20px;
    font-size: 20px;
    text-align: center;
    background: #fff;
    display: block;
    font-weight: 700;
}
.tm-pagination ul li.active a{
    color: #fff;
}
.tm-pagination ul li:hover a{
    color: #fff !important;
}

/*** Contact Us ***/

.map-canvas{
	height: 414px;
	margin-top: 0;
}

/*** Back To Top Button ***/

@keyframes iconmove{
	0%{line-height: 0;}
	50%{line-height: 2;}
	100%{line-height: 0;}
}
@-webkit-keyframes iconmove{
	0%{line-height: 0;}
	50%{line-height: 2;}
	100%{line-height: 0;}
}

#backTop {
    padding: 0;
    color: #fff;
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    cursor: pointer;
    z-index: 99999;
    height: 35px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    background: #fff !important;
    border-radius: 50%;
    border: 2px solid #000;
    opacity: 0.7;
}

#backTop i 
{
	color: #000 !important;
	font-size: 15px;
	position: relative;
    top: -3px;
}
#backTop:hover{
    background: #fff !important;
    opacity: 1;
}

/*** TM Modal ***/

.tm-modal{
	visibility: hidden;
	opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    overflow-x: hidden;
    overflow-y: auto;
	width: 50%;
	margin: 0 auto;
}
.tm-modal:after{
	clear: both;
	content: '';
	display: block;
	width: 100%;
	float: left;
}
.tm-modal.show{
	visibility: visible;
	opacity: 1;
}
.modal-overlay{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: rgba(0,0,0,0.7);
}
.modal-overlay.show{
    opacity: 1;
    visibility: visible;
}
.tm-modal .modal-data{
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    transform: rotateX(-60deg);
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -o-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.tm-modal .modal-data:after{
	content: '';
	clear: both;
	display: block;
}
.tm-modal.show .modal-data{
     -webkit-transform: rotateX(0deg); 
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
	transform: rotateX(0deg); 
    opacity: 1;
    visibility: visible;
}
.tm-modal .modal-heading{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    color: #fff;
    font-size: 20px;
    padding: 20px;
}
.tm-modal .content-wrap{
    padding: 20px;
    float: left;
    width: 100%;
}
.close-modal{
	font-size: 18px;
    position: absolute;
    right: 0;
    color: #fff;
    margin: 25px 20px;
    cursor: pointer;
}
.blog-banner iframe{
	width: 100%;
	height: 166px;
	border:0;
	overflow: hidden;
}
.blog-banner.video iframe{
	height: 315px;
	width: 100%;
}



 .accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 10px auto 10px;
 	
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }

.accordion .link {
	    cursor: pointer;
    display: block;
    padding: 4px 0px 4px 0px;
    
    /* font-size: 14px; */
    /* font-weight: 700; */
    /* border-bottom: 1px solid #CCC; */
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 7px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #b63b4d;
}

.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;     padding: 10px 0;}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #eaeaea;
 	
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }
 
 ::placeholder {
    color: #bdbdbd !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #bdbdbd !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #bdbdbd !important;
}

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #191919;
 	
 	padding-left: 10px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 
 	color: #000;
 }

 .popularmodelessay{
	list-style-image: none;
	list-style-type: none;
}
.popularmodelessay ul li{
	list-style-position: inside;
    list-style-type: disc;
    float: left;
    width: 100%;
    margin: 0px 2%;
    padding: 6px 0px;
    border-bottom: 1px dotted #abaaaa;
}
.popularmodelessay ul li a{
	padding-right: 25px;
    /* padding-left: 25px; */
    padding-top: 5px;
	    font-size: 18px;
    padding-bottom: 5px;
}
 
.fixed{
		position: fixed !important;
		width: 100%;
		top: 0;
	}

/*
  Player Skin Designer for Video.js
  http://videojs.com

  To customize the player skin edit 
  the CSS below. Click "details" 
  below to add comments or questions.
  This file uses some SCSS. Learn more  
  at http://sass-lang.com/guide)

  This designer can be linked to at:
  https://codepen.io/heff/pen/EarCt/left/?editors=010
*/

// The following are SCSS variables to automate some of the values.
// But don't feel limited by them. Change/replace whatever you want. 

// The color of icons, text, and the big play button border.
// Try changing to #0f0
$primary-foreground-color: #fff; // #fff default

// The default color of control backgrounds is mostly black but with a little
// bit of blue so it can still be seen on all-black video frames, which are common.
// Try changing to #900
$primary-background-color: #2B333F;  // #2B333F default

// Try changing to true
$center-big-play-button: false; // true default

.video-js {
  /* The base font size controls the size of everything, not just text.
     All dimensions use em-based sizes so that the scale along with the font size.
     Try increasing it to 15px and see what happens. */
  font-size: 10px;

  /* The main font color changes the ICON COLORS as well as the text */
  color: $primary-foreground-color;
}

/* The "Big Play Button" is the play button that shows before the video plays.
   To center it set the align values to center and middle. The typical location
   of the button is the center, but there is trend towards moving it to a corner
   where it gets out of the way of valuable content in the poster image.*/
.vjs-default-skin .vjs-big-play-button {
  /* The font size is what makes the big play button...big. 
     All width/height values use ems, which are a multiple of the font size.
     If the .video-js font-size is 10px, then 3em equals 30px.*/
  font-size: 3em;

  /* We're using SCSS vars here because the values are used in multiple places.
     Now that font size is set, the following em values will be a multiple of the
     new font size. If the font-size is 3em (30px), then setting any of
     the following values to 3em would equal 30px. 3 * font-size. */
  $big-play-width: 3em; 
  /* 1.5em = 45px default */
  $big-play-height: 1.5em;

  line-height: $big-play-height;
  height: $big-play-height;
  width: $big-play-width;

  /* 0.06666em = 2px default */
  border: 0.06666em solid $primary-foreground-color;
  /* 0.3em = 9px default */
  border-radius: 0.3em;

  @if $center-big-play-button {
    /* Align center */
    left: 50%;
    top: 50%;
    margin-left: -($big-play-width / 2);
    margin-top: -($big-play-height / 2);   
  } @else {
    /* Align top left. 0.5em = 15px default */
    left: 0.5em;
    top: 0.5em;
  }
}

/* The default color of control backgrounds is mostly black but with a little
   bit of blue so it can still be seen on all-black video frames, which are common. */
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  /* IE8 - has no alpha support */
  background-color: $primary-background-color;
  /* Opacity: 1.0 = 100%, 0.0 = 0% */
  background-color: rgba($primary-background-color, 0.7);
}

// Make a slightly lighter version of the main background
// for the slider background.
$slider-bg-color: lighten($primary-background-color, 33%);

/* Slider - used for Volume bar and Progress bar */
.video-js .vjs-slider {
  background-color: $slider-bg-color;
  background-color: rgba($slider-bg-color, 0.5);
}

/* The slider bar color is used for the progress bar and the volume bar
   (the first two can be removed after a fix that's coming) */
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: $primary-foreground-color;
}

/* The main progress bar also has a bar that shows how much has been loaded. */
.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: lighten($slider-bg-color, 25%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba($slider-bg-color, 0.5);
}

/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: lighten($slider-bg-color, 50%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba($slider-bg-color, 0.75);
}

.m-t-5rem
{
	margin-top: 5rem;
}

.m-t-10rem
{
	margin-top: 10rem;
}



.footer_support .btn_whats_chat
{
	background-color: #45bc00;
	padding: 4px 10px 5px 10px;
    font-size: 16px;
	border: none;
    outline: none;
    color: #fff;
}

.footer_support .btn_whats_chat i
{
	color: #fff;
}


.footer_support .chat_bg

{
	background-color: #3398dc !important;
}

.footer_support .ins_sup_text
{
	color: #fff;
}

iframe
{
	float: right;
}

.html_video
{
	display: block;
}


.banner_top_img
{
	background-image: url(images/slide.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
   
}
.rotate_text
{
	position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 15%;
    color: #fff;
}

.h1_rotate
{
	
    font-size: 28px !important;
}

/*.rotate_p
{
	font-size: 22px !important;
}*/


.hover_box_eff {
 
  position: relative;
  z-index: 1;
  padding: 0rem 2rem 0rem 2rem !important;
  background-size: 100% auto;
  cursor: pointer;
}

.hover_box_eff span {
    position: absolute;
    z-index: 3;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: 0;
    border-style: solid;
    width: 0%;
    height: 100%;
    cursor: default;
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 0;
    border-right-width: 0;
    transition: all .3s;
    cursor: pointer;
}
.pink_border span
{
	 border-color: #a54d8e;
}
.green_border span
{
	border-color: #9bc17d;
}
.grap_border span
{
	border-color: #72b1e4;
}
.gray_border span
{
	border-color: #8487b9;
}

.dark_border span
{
	border-color: #b36c55;
}
.hover_box_eff span + span {
  width: 100%;
  height: 0%;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 3px;
  border-right-width: 3px;
  transition: all .3s;
  margin-top: 163px;
}
.hover_box_eff:hover span {
  width: 100%;
}

.hover_box_eff:hover span + span {
      height: 100%;
    margin-top: 0;
}


/* down scroll*/

.scroll-downs {
    position: absolute;
    top: 18rem !important;
    right: 61px;
    margin: auto;
    width: 0px;
    height: 0px;
    z-index: 999999;
    cursor: pointer;
}
.mousey {
    width: 3px;
    height: 21px;
    border: 2px solid #000;
    border-radius: 50%;
    opacity: 0.75;
    height: 35px;
    width: 35px;
}
.scroller {
    position: relative;
    font-size: 14px;
    top: 5px;
    text-align: center;
}




/* css for pricing table */

/* Tariff-price */



.subscribe_btn_heigh
{

	margin-top: 26px !important;
    height: 46px;
}


.tariff-price {
	position: relative;
	
  padding: 64px 0 32px;
  background-color: #fafafa;
}

.tariff-price__best {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.tariff-price__col {
	margin-bottom: 32px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	text-align: center;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.33);
	transition: all .2s linear;
}

.tariff-price__col:hover {
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}

.tariff-price__title {
	
  margin: 0;
	padding: 0;
	margin-bottom: 64px;
	color: #4a90e2;
  font-size: 48px;
	text-align: center;
	text-transform: uppercase;
}
.tariff-price__line {
	margin-top: 21px;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.tariff-price__text {
	margin: 0;
    padding: 8px 5px 8px 5px;
    margin-top: 0;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0 0 0 0.87);
    border: 1px solid rgba(204, 204, 204, 0.64);
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.tariff-price__sub-title {
	margin: 0;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 0px 12px 0px;
}

.tariff-price__value {
	color: rgba(0,0,0,0.87);
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.tariff-price__value .value{
	font-size: 30px;
}

.tariff-price__value .value .rs_text
{
	font-size: 30px;
}

.tariff-price__value .sufix{
	font-size: 24px;
}

.tariff-price__sub-text {
	height: 36px;;
	margin-top: 8px;
	font-size: 12px;
	color: rgba(0,0,0,0.54);
}

.tariff-price__button {
	
	display: block;
	margin-top: 16px;
	padding: 8px 0;
	width: 100%;
	font-size: 22px;
	color: #fff;
	letter-spacing: 1px;
	background-color: #4a90e2;
	border: none;
	border-radius: 5px;
	text-transform: uppercase;
	cursor: pointer;
}

.tariff-price__list {
	
	display: none;
	margin: 0;
	padding-left: 22px;
	margin-top: 24px;
	list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAL9JREFUGBltji0OwkAQhWd2BUkNqQHugCEhlSAQmGY9qgKF4UgYOMFuW1GNQ5WkRwBdmlbw0+7QacD1iUnmfe9lBuEnY8op0WcpJb6IBolSzp2R4BFFxaaFGSLOrYXA2ufNmMJjhtwEqFMpwfN9N2VT62osRB20/RDC8LHTOj8w6FN3og/EcTVhXxDJMwBt4zif/YNJUo6apt7zjjz4SWvtiQiObdhp7ZUQsFbKvXYBDvGziM0Ckd5EIlNqeGH/C8EiT6le1Q53AAAAAElFTkSuQmCC');
	text-align: left;
}

.tariff-price__item {
	font-size: 14px;
	line-height: 24px;
	color: rgba(0,0,0,0.87);
}

.tariff-price__best {
	display: block;
	position: absolute;
	top: -9px;
	right: 4px;
}

.table_price_head_first
{
	background-color: rgb(139, 183, 220);
    color: #000;
}

.table_price_head_second
{
	background-color: rgba(95, 195, 33, 0.42) !important;
}

.table_price_head_third
{
	background: rgba(255, 192, 203, 0.42) !important;
    color: #c00809;
}

.table_price_head_four
{
	background-color: rgba(255, 228, 196, 0.89) !important;
}

.subscribe_btn .btn-colored
{
	width: 100%;
}
.subscribe_btn
{
	padding-top: 2rem;
}

@media screen and (max-width: 1200px) {
	.tariff-price__sub-title {
		font-size: 18px;
	}
}

@media screen and (max-width: 992px) {
	.tariff-price__sub-title {
		font-size: 22px;
	}
}

@media screen and (max-width: 768px) {
	.tariff-price__text {
		height: auto;
	}

	.tariff-price__value {
		margin-top: 24px;
	}

	.tariff-price__title {
		font-size: 2rem;
	}
}
/*END Tariff-price */

/* Howto */

.check_btn
{
	margin: 10px 0px 10px 0px;
	background-color: rgb(139, 183, 220);
}
.checkbox-custom {
  opacity: 0;
  position: absolute;
}

.checkbox-custom,
.checkbox-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px 0px 15px;
  cursor: pointer;
  outline: none !important;
  padding: 5px 0px 7px 0px;
}

.checkbox-custom-label {
  position: relative;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    text-align: center;
    line-height: 17px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  background: #c00809;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.checkbox-custom:focus + .checkbox-custom-label {
  outline: 1px solid #ddd;

}



/* css for select box*
/* Reset Select */
.select_prcie select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #2c3e50;
  background-image: none;
}
/* Custom Select */
 .select_prcie {
    position: relative;
    display: block;
    width: 16em;
    height: 34px;
    line-height: 2;
    background: #2c3e50;
    overflow: hidden;
    border-radius: .25em;
    margin: 0px auto;
    margin-bottom: 3rem;
}
.select_prcie select {
    width: 100%;
    height: 100%;
    padding: 0px 0 2px .5em;
    color: #fff;
    cursor: pointer;
    
}
.select_prcie select::-ms-expand {
  display: none;
}
/* Arrow */
.select_prcie::after {
    content: '\25BC';
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    padding: 0px 7px 0px 8px;
    background: #34495e;
    pointer-events: none;
    height: 36px;
    color: #fff;
}
/* Transition */
.select_prcie:hover::after {
  color: #f39c12;
}
.select_prcie::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}


.sign_up_form .sign_up_form .form-control
{
	margin-bottom: 22px;
}
.sign_up_form
{
	padding: 0rem 0rem 6rem 0rem;
}

.sign_top_btn
{
	display: inline-block;
}
.sign_top_btn .btn-colored 
{
	background-color: rgb(1, 46, 85);
    line-height: 16px;
    font-size: 12px;
    padding: 10px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(191, 10, 10, 0.44);
    border-image: initial;
    margin: 24px 0px !important;
    text-transform: none;
    width: 65px;
}
.sign_top_btn .btn-colored:hover
{
	color: #fff !important;
}


.span_click_here
{
	color: #000;
}

.span_choose
{
	color: #000;
}
















/* STRUCTURE */

.sing_form .wrapper {
  display: flex;
  align-items: center;
  flex-direction: column; 
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 20px;
}

.sing_form #formContent {
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  padding: 30px;
  width: 90%;
  max-width: 450px;
  position: relative;
  padding: 0px;
  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  text-align: center;
  margin: 0px auto;
}

.sing_form #formFooter {
  background-color: #f6f6f6;
  border-top: 1px solid #dce8f1;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}






/* FORM TYPOGRAPHY*/

.sing_form  .sing_in_form input[type=button], 
.sing_form  .sing_in_form input[type=submit], 
.sing_form  .sing_in_form input[type=reset]  {
  background-color: #56baed;
  border: none;
  color: white;
  padding: 15px 80px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 5px 20px 40px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sing_form  .sing_in_form  input[type=button]:hover,
.sing_form  .sing_in_form  input[type=submit]:hover,
.sing_form  .sing_in_form  input[type=reset]:hover  {
  background-color: #39ace7;
}

.sing_form  .sing_in_form  input[type=button]:active,
.sing_form  .sing_in_form  input[type=submit]:active,
.sing_form  .sing_in_form  input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.sing_form  .sing_in_form  input[type=text] {

    border: none;
    color: #0d0d0d;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 5px;
    width: 85%;
    border: 1px solid #ccc;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    
}

.sing_form  .sing_in_form  input[type=text]:focus {
  background-color: #fff;
  border-bottom: 2px solid #5fbae9;
}

.sing_form  .sing_in_form  input[type=text]:placeholder {
  color: #cccccc;
}



/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeIn {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fadeIn.first {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fadeIn.second {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.fadeIn.third {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.fadeIn.fourth {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
  display: block;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 2px;
  background-color: #56baed;
  content: "";
  transition: width 0.2s;
}

.underlineHover:hover {
  color: #0d0d0d;
}

.underlineHover:hover:after{
  width: 100%;
}



/* OTHERS */

*:focus {
    outline: none;
} 

#icon {
  width:60%;
  margin-bottom: 1rem;
}

.m-t-3rem
{
	margin-top: 3rem !important;
}


/*.modal {
  text-align: center;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -4px;
  vertical-align: middle;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  position: relative;
}*/

.forget_pass_modal .modal-footer
{
	border:none;
}
.forget_pass
{
	width: 60%;
    margin: 0px auto;
}

.forget_pass_btn
{
	text-align: center;
}
.modal_titl_for
{
	font-size: 22px;
    text-align: center;
}

.priceing_h2p_head
{
	margin-bottom: 4rem;
	margin-top: 5rem;
}

.priceing_h2p_head h2
{
	font-size: 25px;
	text-transform: uppercase;
}
.priceing_h2p_head p
{
	font-size: 14px;
}


/* css for search box*/

.search_box_midd
{
	width: 62%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
}

.light {
    margin: 0 auto;
    padding-top: 4rem;
    width: 100%;
    position: relative;
}
    .light input[type="text"] {
    border: 1px solid #000;
    float: left;
    height: 45px;
    padding: 0px 10px 0px 10px;
    width: 89%;
    z-index: 9;
    position: relative;
}
    .light input[type="submit"] {
    background: none repeat scroll 0 0 #00325e;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 45px;
    padding: 5px 20px;
    text-transform: uppercase;
    z-index: 9;
    position: relative;
    }

/* end for search box*/

.subscribe_forget_pas
{

}

 .fortet
{
	text-align: right;
    float: left;
    font-size: 16px;
    text-decoration: underline;
    display: block;
    width: 100%;
    color: #00325e !important;
}

.subscribe_forget_pas .subsc
{
	text-align: right;
    display: inline-block;
    float: right;
    font-size: 20px;
    text-decoration: underline;
}

.click_here
{
	text-align: center;
    float: right;
    width: 100%;
}

.click_here .join_link a
{
	background: #00325e;
    padding: 8px 20px 8px 20px;
    position: relative;
    top: 3px;
    color: #fff;
    margin: 0px 0px 0px 10px;
}
.click_here .join_link a:hover
{
	color: #fff !important;
}
.click_here .new_use_font
{
	font-size: 19px;
    text-transform: uppercase;
    margin: 0px 10px 0px 0px;
}

/* chat box*/


.fixed-positioning {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.chat-box {
  width: 350px;
/*   border-radius: 3px; */
  box-shadow: -10px 10px 50px -10px rgba(0,0,0,0.4);
  background: #fff;
  z-index: 9999999999;
  
}

.chat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  color: #fff;
  background: #00a1ff;
}

.chat-header button {
  color:#fff;
  background: transparent;
  padding: 3px;
  border: 1px solid #fff;
  border-radius: 3px;
  cursor:pointer;
}

.chat-content {
  padding: 0 15px;
  max-height: 0;
  overflow: hidden;
  transition: 1s ease-in-out;
}

.chat-content.active {
  padding: 15px 15px;
}

.chat-title {
  margin-bottom: 15px;
  text-align: center;
}

.chat-form {
  padding: 15px;
}

.chat-box input,
.chat-box textarea,
.chat-box label,
.chat-box button[type=submit] {
  display: block;
  width: 100%
}

.chat-box input,
.chat-box textarea {
  padding: 10px 15px;
  border-radius: 3px;
  border: 1px solid #b7b5b5;
  margin-bottom: 15px;
}

.chat-box textarea {
  min-height: 50px;
}

.chat-box label {
  color: #928f8f;
  font-size: 13px;
  margin-bottom: 2px;
}

.chat-box label span {
  color: #f00;
}



.chat_custom
{
	position: relative;
}

.chat_box_btn
{
	    /* position: absolute; */
    /* top: -2rem; */
    background: #002f56;
    color: #fff;
    border: none;
    outline: none;
    float: right;
    margin-right: 2rem;
    /* height: 3rem; */
    font-size: 21px;
    position: absolute;
    top: -4.5rem;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    right: 4rem;
    /* line-height: 24px; */
}

.modal_close
{
	opacity: 1;
    color: #fff;
    position: absolute;
    right: 0;
    top: -4px;
}

.modal_close:hover
{
	
    color: #fff !important;
    opacity: 1;
   
}

.head_you_tube
{
	line-height: 33px;
    font-size: 18px;
    text-transform: uppercase;
    color: #bf0a0a;
    text-align: center;
     margin-bottom: 3rem;
    margin-top: 1rem;
    
}

.you_tube
{
	text-align: center;
    color: #bf0a0a;
    margin-top: 1rem;
	margin-left: 20px;
    margin-bottom: 0rem;
    font-size: 15px;
    line-height: 50px;
}

.introduction_list ul
{
	list-style: none;
}
.introduction_list .square-list
 {
 	margin-left: 4rem;
 }


 .introduction_list .square-list li{
 	padding: 8px 0px 2px 0px;
 }
 .introduction_list .square-list li a
  {
  	position: relative;
  	font-size: 16px;
  }

 .introduction_list .square-list li a:before
  {
  	position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #bf0a0a;
    border-radius: 50%;
    top: 8px;
    left: -16px;
  }
 .introduction_list .square-list .sub_menu
{
	margin-left: 1.5rem;
}
 .introduction_list .square-list .sub_menu li a
 {
 	position: relative;
 }

 .introduction_list .square-list .sub_menu li a:before
 {
 	position: absolute;
    content: '';
    width: 8px;
    height: 3px;
    background: #bf0a0a;
    border-radius: 0px;
    top: 11px;
    left: -13px;
 }

 .introduction_list
 {
 	    margin-top: 2rem;
    margin-bottom: 5rem;
 }

.p-l-8
{
	padding-left: 8px !important;
}


.popur_search {
    background: #ddd;
    display: none;
    height: 46rem;
    position: absolute;
    z-index: 99999999;
    border: 1px solid #212121;
    overflow-y: auto;
    padding: 10px 12px 5px 12px;

  }

.search-top input:focus + div { display: block; }

.p-t-3rem
{
	padding-top: 3rem !important;
}

.topic_heading
{
	//background: #e4d0d0;
    //border-left: 17px solid #bf0a0a;
    padding: 0px 0px 0px 6px;
    margin: 25px 0px 14px 0px;	font-size:26px;    color:#bf0a0a;
}

.box_sign_up
{
	padding: 2rem 1rem 2rem 1rem;
	background-color: rgba(139, 183, 220, 0.4);
}

.box_sign_up h2
{
	font-size: 23px;
}

.box_sign_up .square-list .sub_menu
{
	margin-top: 0;
    margin-bottom: 1rem;
}

.m-t-3_8
{
	margin-top: 4.8rem;
}

.top_content_fiexd
{
	position: relative;
}

.top_content_fiexd span
{
	
	position: absolute;
   	right:00;
    top: 2.9rem;
    font-size: 12px;
}

.top_content_fiexd .btn_add_fav
{
	position: absolute;
    padding: 7px 7px;
    border: none;
    border-radius: 35px;
    margin-top: 2px;
    margin-left: 15px;
    background: #e5e5e5;
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    /* box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.52), 0 16px 15px -16px #d24c0f, inset 0 0 25px rgba(0, 0, 0, 0.15); */
    right: 5px;
    top: 5.2rem;
    font-size: 12px;
    border: 1px solid #bfacac;
}

.box_at_intropl
{
	position: relative;
}

 /*.box_at_intropl .tm-sidebar
 {
 	
 	position: absolute;
    left: -27rem;
    top: -9rem;
 }*/

.box_at_intropl .tm-sidebar .widget 
{
	background: #e5e5e5 !important;
}

.box_at_intropl  .widget.categories ul li
{
	border-bottom: 1px dashed #ccc !important;
	//text-align: center !important;
}

 .box_at_intropl  .widget.categories ul li
 {
 	border-bottom: none;
 }

  .box_at_intropl  .widget.categories ul li  a
  {
  		padding: 0px 0px 0px 16px;
  }
 .box_at_intropl  .widget.categories ul li 
 {
 	position: relative;
 

 }
 .box_at_intropl  .widget.categories ul li::before
 {
 	position: absolute;
    content: '';
    background: #000000;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    top: 10px;
    display: inline-block;
    margin-left: -1em;
 }

 .box_at_intropl  .widget.categories ul li:nth-child(1)::before
 {
 	display: none;
 	
 }

.cat_list ul li{
     list-style: none; 
 }

.bottom_favbtn .btn_add_fav
{
	padding: 13px 14px;
    border: none;
    /* border-radius: 35px; */
    margin-top: 2px;
    margin-left: 15px;
    background: #01325d;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    /* box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.52), 0 16px 15px -16px #d24c0f, inset 0 0 25px rgba(0, 0, 0, 0.15); */
    position: relative;
    top: 1.2rem;
    font-size: 12px;
    /* border: 1px solid #bfacac; */
}

.bottom_favbtn
{
	width: 100%;
    float: left;
    text-align: right;
}

.blog-detail .post-title
{
	margin-top: 30px !important;
}


.heading_blue_baner
{
	background-color: #012e55;
    margin: 5rem 0rem 1rem 0rem;
    padding: 3rem 0rem 3rem 0rem;
}
.heading_blue_baner span
{
	color: #fff;
    text-align: center;
    display: block;
   
    padding: 6px 7px 6px 7px;
    width: 15%;
    margin: 0px auto;
    font-size: 17px;
    
}


.search_result .tab_content .heading_tab_content
{
	font-weight: 800;
}

.search_result .tab_content 
{
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #002f56;
}



/* TAB */

.tabbable 
{
  margin-top: 4rem;
}

.tabbable .nav-tabs>li.active>a,  .tabbable .nav-tabs>li.active>a:focus, .tabbable .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
     background-color: transparent;
    border-bottom: 4px solid #002f56;
    /* border-bottom-color: transparent; */
   
}
.tabbable .nav-tabs>li >a,  .tabbable .nav-tabs>li >a:focus, .tabbable .nav-tabs>li >a:hover
{
  background-color: transparent;
     border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
      font-weight: 800;
    font-size: 15px;
    color: #002f56 !important;

}

.good_reads .post-title
{
	margin-top: 0 !important;
}

.good_reads .good_content 
{
	    float: left;
    width: 100%;
    margin-bottom: 4rem;
    border-bottom: 1px solid #b1b1b1;
    /* margin-top: 10px; */
    padding-bottom: 10px;
}


.good_reads .good_content .heading_tab_content
{
	font-weight: 800;
	margin-bottom: 5px;
}

.pagination_read
{
	float: left;
    width: 100%;
    text-align: center;
    margin-top: 3rem;

}

.pagination_read .pagination li.active a:link {
  color:yellow;
  font-weight:bold;
}


/* */

.dashbord_tab {
    
}

/* Style the buttons inside the tab */
.dashbord_tab button {
        display: block;
    background-color: inherit;
    outline: none;
    width: 100%;
    text-align: left;
    list-style-type: none;
    margin-bottom: 0;
    font-size: 15px;
    padding-bottom: 7px;
    border-bottom: unset;
   
    border-left: none;
    border-right: none;
    border-top: none;
}

/* Change background color of buttons on hover */
.dashbord_tab button:hover {
    color: red;
}

/* Create an active/current "tab button" class */
.dashbord_tab button.active {
    color: red;
}

/* Style the tab content */

.dashbord_page .widget
{
	margin-top: 0;
}


.margin_up_8
{
	margin-top: 8rem;
}


.tabcontent_dashboard .boxed
{
	margin-top: 0;
}



    /*	.new_window_table
    	{
    		    border: 1px solid #eee;
   				padding: 2rem 0rem 2rem 0rem;
    			margin: 1rem 0rem 6rem 0rem;
    	}
      .custom_table thead tr
      {
        background-color: #d9e2f3;
        color: #212121;
      }
      .new_window_text
      {
	    background: #ee7e2f;
	    color: #fff;
	    padding: 10px 60px 10px 12px;
	    font-weight: 600;
      }

      .custom_table thead th, .custom_table.dataTable thead td {
	    padding: 10px 17px;
	    border-bottom: 1px solid #111;
	    border-right: 1px solid #fff;
	    text-align: left;
		}

	.custom_table tbody td
	{
		border-right: 1px solid #ddd;
	}

	.data_table_div
	{
		margin-top: 6rem;
	}

	*/

.custom_data
{
	width: 100%;
	/*overflow: auto;*/
}

.tabcontent_dashboard
{
	float: left;
	width: 100%;

}




.tab_myprofile .heading
  	{
  		    border-bottom: 1px solid #212121;
		    margin: 0;
				padding: 10px 10px 10px 10px;
				font-weight: 600;
  	}

  	.chang_pic_contnet .chnage_pic
  	{
  		width: 20%;
  		float: left;
  	}

  	.chang_pic_contnet .user_infor
  	{
  		    width: 92%;
    float: left;
    margin-left: 8%;
  	}

  	.chang_pic_contnet .user_infor .btn-colored
  	{
  		    width: 31%;
   			 margin-top: 3rem;
  	}

.chang_pic_contnet
{
	float: left;
    width: 100%;
    padding: 2rem 0rem 1rem 0rem;
}
 
.profile {
 margin: 20px auto;
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 100%;
}
.profile:hover .overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.profile:hover .overlay p {
  display: block;
}
.profile img {
     display: block;
    width: 100px;
    border-radius: 50%;
    height: 100px !important;
}


	.label_input{
  padding: 7px 0px 0px 10px;
    display: table;
    color: #212121;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    color: #212121;
    text-decoration: underline;
    /* text-align: center; */
    display: block;
    text-align: center;

     }



.label_input input[type="file"] {
    display: none;
}

.user_infor table tr .font_w_s {
	font-weight: 600;
	width: 160px;
}
 
 .user_infor table tr td
 {
 	padding: 2px 0px 6px 0px !important;
 }

  .user_infor table tr th
 {
 	padding: 2px 0px 6px 0px !important;
 }

 .tab_myprofile
 {
	 float: left;
	 width: 100%;
	 border:1px solid #212121;
	 padding: 0rem 0rem 3rem 0rem;
 background-color: #e4e4e4;
 }
 .font_w_600
 {
	 font-weight: 600;
 }

 .dataTables_filter .form-control 
 {
 	height: 38px !important;
 }

 .change_password_dash form  .form-control
 {
 	height: 38px !important;
 }

 .my_favourti_drodown
 {
 	    width: 17rem;
    margin-bottom: 3rem
 }

 .left_right_arrow
 {
 	position: relative;
    width: 100%;
    float: left;
 }

.header_blue
{
    position: relative;
    width: calc(83% + 3px);
    margin: 0px auto;
}
.header_blue .post-title1
{
	margin-bottom: 0 !important;
}

 .left_right_arrow .left_arrow
 {

 	 position:absolute;
 	 left: 0px;
 	 top: 18px;


 }

  .left_right_arrow .right_arrow
  {
  	 position:absolute;
  	 right: 0px;
  	 top: 18px;

  }

  .date_center
  {
  	    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 15px;
  }

 .date_center .left_date{
	position: relative;
    left: -10rem;
    color: rgba(33, 33, 33, 0.45);
    cursor: pointer;
 }

  .date_center .center_date{
 	
 	cursor: pointer;
 }

  .date_center .right_date{
 	position: relative;
    right: -10rem;
    color: rgba(33, 33, 33, 0.45);
    cursor: pointer;
 }

 .long_hre_link a
 {
 	color: #c00809;
    text-decoration: underline;
 }

 .clint_commt
 {
 	    margin-top: 2rem;
    font-size: 13px;
 }

  .clint_commt a
  {
  	margin-top: 1rem;
  }

  .quotation_new .banner_top_img
  {
  	    margin-top: -5px;
  }

  .quotation_new .margin_top_0
  {
  	    margin-top: 0;
  }
  

  .diff_red_color  .today_spec_color
  {
  	color: red !important;
  }

  .long_hre_link {
  	border-bottom: 1px solid #b1b1b1;
     padding-bottom: 8rem;
  }

  .patch_margin_top
  {
  	margin-top: 20px !important;
  }

  .m_t_4rem
  {
  	 margin-top: 4rem !important;
  }


  /* side bar*/

  .sidenav {
   height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: -3px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    border-right: 1px solid #ccc;
}

.sidenav a {
    padding: 6px 8px 6px 10px;
    text-decoration: none;
    font-size: 14px;
    color: #00455f;
    display: block;
    transition: 0.3s;
    background: #fff;
    border-radius: 0;
    border-right: 0;
    
}
/*text-transform: uppercase;*/
.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.logo_show
{
	text-align: center;
    position: absolute;
    left: 0;
    right: 0;
}

.sidebar_responsive
{

    font-size: 21px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2.8rem;
    z-index: 9999;
    right: 8rem;
    border: 1px solid #cbbed9;
    line-height: 32px;
    padding: 4px 9px 3px 9px !important;
}

.logo_reposnive
{
	z-index: 9;
	position: relative;
}

.MainMenu .list-group .list-group-item
{
	    background: #cdcdcd !important;
}

.sidenav .panel
{
	background-color: unset !important;
     border: unset !important; 
     border-radius: unset !important; 
    -webkit-box-shadow: unset !important;
     box-shadow: unset !important;
}

.modal
{
	z-index: 9999999999999;
}

.the_strategy_margin
{
	width:50%;
	margin: 0 auto;
	
}

.first_thing_to_know
{
	width:50%;
	padding-bottom: 35px;
}

.list-group-submenu .list-group-item
{
	color: red !important;
	font-size: 14px;
}

#demo1 .list-group-item ,
#demo18 .list-group-item ,
#demo30 .list-group-item , 
#demo42 .list-group-item ,
#demo48 .list-group-item ,
#demo57.list-group-item ,
#demo63 .list-group-item
{
	font-size: 14px;
	text-transform: capitalize;
}

.user_account_img_name{
    position: relative;
	top: 8px;
	display: inline-block;
    float: left;
    width:148px;
}

.user_account_img_name img{
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 50px;
}

.user_account_img_name .user_acc_name {
    color: #fff;
    display: block;
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.user_account_img_name .user_acc_name1 {
    color: #fff;
    display: block;
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.log_out_icon{
	color: #212121;
	position: relative;
    top: 3rem;
    font-size: 18px;
    cursor: pointer; 
    width:114px;
    float:left;
    
    
}

.caret{
    cursor: pointer;
}

.header_dropdown_custom li{
    display:block !important;
}