@charset "utf-8";

/* Material Multipurpose Magazine Theme */

/************ TABLE OF CONTENTS ***************

1. Header								Line =  85 To 154
2. Featured Slider						Line =  160 To 207
3. Genral News Post						Line =  247 To 275
4. News Simple Grid 1					Line =  285 To 375
5. News Simple Grid 2					Line =  382 To 436
6. News Simple Grid 3					Line =  442 To 493
7. News Simple Grid 4					Line =  498 To 570
8. News Simple Grid 5					Line =  575 To 623
9. Pagination							Line =  629 To 670
10. Sidebar Widgets						Line =  676 To 979
11. Footer Start						Line =  988 To 1258
12. Home Layout 2 Featured News			Line =  1264 To 1337
13. News List Style 2					Line =  1343 To 1405
14. Inner Pages Banner With BreadCrump	Line =  1461 To 1512
15. Category Main Post Styles			Line =  1528 To 1736
16. WooCommerce Products Grid			Line =  1746 To 1972
17. Single Post Start					Line =  1980 To 2250
18. Blog Authors						Line =  2255 To 2285
19. Image Gallery Start					Line =  2293 To 2474
20. Masonry Posts						Line =  2780 To 2606
21. 404									Line =  2609 To 2650
22. Contact Us							Line =  2657 To 2795
23. Login Page							Line =  2800 To 2960

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


/* Css Imports */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,400italic,500italic,500,700,900);
@import url(animate.css);
@import url(iconmoon.css);

/**************** Universal  Css *******************/

body {
	font-family: 'Roboto', sans-serif;
	color: #444444;
	font-size: 14px;
}
p {
	color: #444444;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}

.wrapper {
	width: 100%;
}


.cp-header, .cp-topbar, .cp-logo-row, .cp-megamenu, .cp-featured-news-slider {
	width: 100%;
	float: left;
}
.m20 {
	margin-top: 20px;
}
.m50 {
	margin-top: 50px;
}
.m30 {
	margin-top: 30px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

/**************** Universal  Css End *******************/








/**************** Header Start *******************/

.cp-topbar {
	height: 20px;
}
.cp-topbar ul {
	margin: 0px;
	padding: 0px;
}
.cp-topbar ul li {
	display: inline-block;
	color: #fff;
}
.toplinks {
	font-size: 12px;
}
.toplinks li {
	line-height: 38px;
	list-style:none;
	padding:0 9px;
}

.toplinks li:first-child { padding-left:0;}

.cp-topbar a {
	color: #fff;
}
.cp-topsocial {
	line-height: 38px;
	margin-right: 8px;
}
.cp-topsocial li {
	display: inline-block;
	margin-right: 2px;
	margin-top:7px;
	overflow:hidden;
	border-radius:100%;
}
.cp-topsocial a {
	border: 1px solid #fff;
	height: 26px;
	width: 26px;
	text-align: center;
	line-height: 23px;
	border-radius: 100%;
	display: block;
	font-size: 14px;
}
.cp-toptools li {
	line-height: 40px;
	background: rgba(255,255,255,.2);
	padding: 0 14px;
	font-size: 16px;
}
.cp-logo-row {
	padding: 5px 0;
}
.cp-logo-row .logo {
	margin-top: 23px;
}
.cp-megamenu {
	border-top: 1px solid #cccccc;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
	position: relative;
	z-index: 999;
}
.cp-advertisement {
	text-align: right;
	width: auto;
	float: left;
}


.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
	background:#fff;
}

.cp-mega-menu .slogo {display:none;}

.sticky .cp-mega-menu .slogo {display:block;}

.cp-mega-menu .slogo img {margin:3px 0 0;}

/**************** Header End *******************/


/**************** Main content *******************/
.main-content {
	width: 100%;
	height: 100%;
	float: left;
	padding: 20px 0;
	
}
/**************** Main content *******************/


/**************** Typo Graphy *******************/
.section-title {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 25px
}
.section-title h2 {
	font: 700 18px/40px 'Roboto', sans-serif;
	margin: 0 10px 0 0px;
	float: left;
	border-left: 5px solid #000;
	border-right: 1px solid #000;
	padding: 0 10px;
	text-transform: uppercase;
}
.section-title small {
	font: 400 14px/40px 'Roboto', sans-serif;
	color: #888888;
}
/**************** Typo Graphy End *******************/





/**************** Footer Start *******************/
.footer {
	width: 100%;
	float: left;
	clear: both;
	position:fixed;
    bottom:0;
}
@media (max-width: 1200px) {
.footer {
	width: 100%;
	float: left;
	clear: both;
	position:relative;
    bottom:0;
}
}

.footer-one, .footer-two, .footer-three, .footer-four {
	width: 100%;
	float: left;
}
.footer-one, .footer-two {
	padding: 48px 0 50px;
}
.footer-two {
	background: #1a1a1a
}
.footer-three {
	background: #000000;
	padding: 30px 0;
}
.footer-four {
	background: #1a1a1a;
	padding: 10px 0;
}
.footer-four p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #999999;
}
.footer-four a {
	color: #999999;
}
.footer ul {
	margin: 0px;
	padding: 0px;
}
.footer ul li {
	list-style: none;
}
.footer-social {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.footer-social li {
	list-style: none;
	display: inline-block;
	margin-left: 7px;
}
.footer-social li a {
	width: 44px;
	height: 44px;
	border: 1px solid #888888;
	text-align: center;
	line-height: 40px;
	border-radius: 100%;
	display: block;
	font-size: 20px;
	color: #fff;
}
.footer-social li a:hover {
	color: #fff;
	border-color: #fff;
}
.footer-widgets h3 {
	margin: 0px 0 17px;
	padding: 0px;
	font: 700 18px/18px 'Roboto', sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.footer .textwidget p {
	color: #888888;
	font: 400 14px/24px 'Roboto', sans-serif;
}
.footer .cp-widget-content address {
	margin: 0px;
}
.footer .cp-widget-content .featured-posts>li, .footer .cp-widget-content .reviews>li, .footer .popular-posts .small-grid>li {
	border-bottom: 1px solid #444444;
	margin-bottom: 13px;
	padding-bottom: 12px;
	width: 100%;
	float: left;
}
.footer .popular-posts .small-grid>li .cp-post-content {
	clear: none;
	float: none;
	width: auto;
}
.footer .cp-widget-content .featured-posts h4, .footer .popular-posts h4, .footer .cp-widget-content .reviews h4 {
	margin: 0 0 12px;
	font: 500 16px/16px 'Roboto', sans-serif;
}
.footer .cp-widget-content .featured-posts h4 a, .footer .cp-widget-content .reviews h4 a, .footer .popular-posts h4 a {
	color: #cccccc;
}
.footer .cp-widget-content .featured-posts h4 a:before, .footer .cp-widget-content .reviews h4 a:before {
	content: "\f105";
	font-family: FontAwesome;
	color: #888888;
	margin-right: 10px;
	font-size: 16px;
}
.footer .cp-widget-content .featured-posts .cp-post-tools {
	margin-left: 18px
}
.footer .cp-widget-content .reviews .cp-rating {
	float: left;
	margin-left: 18px;
}
.footer .cp-widget-content .reviews .tag {
	background: #444444;
	width: 32px;
	height: 22px;
	font: normal 400 14px/22px 'Roboto', sans-serif;
	float: right;
	text-align: center;
	color: #cccccc;
	margin-bottom: 2px;
}
.footer .popular-posts .small-grid img {
	max-height: 79px;
}
.footer .form-widget .material .input-group {
	border: 1px solid #444444;
	border-radius: 2px;
	width: 100%;
}
.footer .form-widget .material .material-input {
	background: #1a1a1a;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.footer .form-widget .material .material-input input {
	border-bottom: 1px solid #444444;
	font: 400 14px/40px 'Roboto', sans-serif;
	height: 41px;
	color: #888888;
	padding: 0 0 0 10px
}
.footer .material .material-input textarea {
	border-bottom: 0px solid #444444;
	resize: none;
	font: 400 14px/40px 'Roboto', sans-serif;
	color: #888;
	padding-left: 10px;
}
.footer .form-widget .btn-submit {
	float: right;
	font: 400 15px/40px 'Roboto', sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0px 25px;
	border-radius: 2px;
	margin-top: 10px;
	box-shadow: 0 0 4px rgba(0,0,0,.13);
}
.footer .tweets {
	margin: 0px;
	padding: 0px;
}
.footer .tweets li {
	background: #222222;
	padding: 20px;
	position: relative;
	margin-bottom: 35px;
	border-radius: 2px;
	line-height: 24px;
}
.footer .tweets li::before {
	border-left: 17px solid transparent;
	border-top: 34px solid #222222;
	bottom: -18px;
	content: "";
	height: 0;
	position: absolute;
	right: 26px;
	transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	width: 0;
}
.footer .tweets li a {
	color: #cccccc;
}
.footer .tweets .tweets_txt {
	color: #888888;
}
.footer .tweets .tweets_txt span {
	color: #444;
	font-style: italic;
}
.gallery-widget #sync1 .item img {
	width: 100%;
	border-radius: 2px;
	height: auto;
}
.gallery-widget #sync2 {
	margin-top: 10px;
}
.gallery-widget #sync2 .owl-item img {
	margin: 0 5px;
	border-radius: 2px;
}
.gallery-widget .owl-theme .owl-controls {
	position: absolute;
	top: 40%;
	margin: 0px;
	z-index: 99;
	width: 100%;
}
.gallery-widget .owl-theme .owl-controls .owl-prev, .gallery-widget .owl-theme .owl-controls .owl-next {
	float: left;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	background: #fff;
	border-radius: 2px;
	opacity: 1;
	font-size: 0;
	margin-left: -10px;
}
.gallery-widget .owl-theme .owl-controls .owl-next {
	float: right;
	margin-right: -10px;
}
.gallery-widget .owl-theme .owl-controls .owl-prev:after, .gallery-widget .owl-theme .owl-controls .owl-next:after {
	content: "\f104";
	font-family: FontAwesome;
	font-size: 20px;
	color: #000;
	line-height: 18px;
}
.gallery-widget .owl-theme .owl-controls .owl-next:after {
	content: "\f105";
}
.footer .contact-widget ul {
	margin: 0px;
	padding: 0px;
}
.footer .contact-widget li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #444444;
	padding-bottom: 17px;
	margin-bottom: 14px;
}
.footer .contact-widget p {
	color: #888888;
	font-size: 14px;
	width: 90%;
	float: right;
	text-align: left;
	margin: 0px;
	line-height: 24px;
}
.footer .contact-widget a {
	color: #888;
}
.footer .contact-widget .fa {
	color: #888;
	font-size: 14px;
	line-height: 24px;
}
/**************** Footer End *******************/







/**************** Category Main Post Styles *******************/

/** Style 1 Start **************/

.cp-category-mainpost-style-1 {
	width: 100%;
	float: left;
	clear: both;
}
.cp-category-mainpost-style-1 .cp-post, .cp-thumb {
	width: 100%;
	float: left;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
}
.cp-category-mainpost-style-1 .cp-post-content {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0,.80);
	padding: 20px 30px;
}
.cp-category-mainpost-style-1 .cp-post-content h3 {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 10px 0 3px;
	line-height: 20px;
}
.cp-category-mainpost-style-1 .cp-post-content h3 a {
	color: #fff;
}
.cp-category-mainpost-style-1 .cp-post-rating {
	background: none repeat scroll 0 0 #fff;
	border-radius: 2px;
	display: inline-block;
	font-size: 15px;
	padding: 7px 15px 6px;
	position: absolute;
	top: -15px;
}
.cp-category-mainpost-style-1 .cp-post-tools li {
	color: #fff;
}
.cp-post-tools li i {
	margin-right: 3px;
}
.cp-category-page {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 30px;
}
/** Style 1 End **************/



/******************   Login Page   ****************/
.cp-login-box {
	width: 32%;
	margin: 0 auto;
	box-shadow: 0 2px 4px rgba(0,0,0,.23);
	padding: 40px 30px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	margin-top: 30px;
	display: table;
}
.cp-login-box .user-pic {
	background: #fff;
	width: 110px;
	height: 110px;
	border-radius: 100%;
	box-shadow: 0 2px 4px rgba(0,0,0,.23);
	overflow: hidden;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: -55px;
}
.cp-login-box .user-pic img {
	width: 100%;
	height: auto;
	border: 5px solid #fff;
	border-radius: 100%;
}
.cp-login-form ul {
	margin: 0px;
	padding: 0px;
}

.cp-login-form  .material .material-group label { color:rgba(0,0,0,.0);}
.cp-login-form  .material .material-group label:before {content:"Remember me"; color:#666;}
.cp-register-form .cp-login-form  .material .material-group label:before {content:"I’ve read Terms & Conditions"; color:#666;}



.cp-login-form ul li {
	list-style: none;
	margin-bottom: 10px;
	clear: both;
	width: 100%;
	float: left;
}
.cp-login-form .input-group-addon {
	background: none;
	border: 0px;
	border-right: 1px solid #ccc !important;
	padding: 0px;
	text-align: center;
	width: 45px;
	color: #888888;
	font-size: 15px;
}
#viewpass {
    border-right: 0px !important;
}
.cp-login-form .input-group {
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 12px 0;
	width: 100%;
}
.cp-login-form .input-group .form-control {
	border: 0px;
	box-shadow: none;
	padding: 0 0 0 15px;
	height: 21px;
	line-height: 21px;
	font-size: 14px;
}
.cp-login-form .material .material-input {
	margin: 0px;
	padding: 0px;
}
.cp-login-form .material .material-bar:before, .cp-login-form .material .material-bar:after {
	bottom: -10px;
}
.cp-login-form .material .material-checkbox:before {
	content: "\f00c";
	font-family: FontAwesome;
	background: #fff;
	color: #888888;
	padding: 0px;
	font-size: 10px;
}
.cp-login-form .material .material-checkbox {
	border: 1px solid #cccccc;
	width: 15px;
	height: 15px;
	border-radius: 2px;
}
.cp-login-form .material .material-group {
	margin: 0px;
	padding: 0px;
	float: left;
}
.cp-login-form .material-group-item > label {
	font-size: 14px;
	color: #888;
	font-family: 'Roboto', sans-serif;
}
.cp-login-form .btn-submit {
	float: right;
	color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.23);
	border-radius: 2px;
	height: 40px;
	line-height: 38px;
	padding: 0 15px;
	font-size: 15px;
	text-transform: uppercase;
}
.cp-login-form .forgot {
	text-align: right;
	font-style: italic;
}
.cp-login-form .or-sp {
	width: 100%;
	float: left;
	text-align: center;
	margin:10px 0 16px;
}
.cp-login-form .or-sp strong {
	width: 40px;
	height: 31px;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0,0,0,.23);
	display: inline-block;
	color: #fff;
	line-height: 31px;
	position: relative;
}
.cp-login-form .or-sp strong:before {
	position: absolute;
	width: 70px;
	height: 1px;
	background: #cccccc;
	content: "";
	left: -80px;
	top: 15px;
}
.cp-login-form .or-sp strong:after {
	position: absolute;
	width: 70px;
	height: 1px;
	background: #cccccc;
	content: "";
	right: -80px;
	top: 15px;
}

.cp-social-login {text-align:center;}
.cp-login-form .cp-social-login li {margin-bottom:10px;}
.cp-social-login h3 {margin:0 0 7px; font-size:18px; font-weight:700; text-transform:uppercase;}
.cp-login-form .signup { width:100%; float:left; border-top:1px solid #ccc; text-align:right; margin-top:20px; padding-top:17px; font-style:italic;}
.cp-login-form input[type="file"] { padding-left:10px;}

/******************   Login Page End   ****************/

h2{ 
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}
h4{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}



.cp-login-box2 {
    width: 32%;
	margin: 0 auto;
	box-shadow: 0 0 4px rgba(0,0,0,.23);
	background:#164070;
    height:40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    display: table;
}
.cp-login-box {
    width: 32%;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    padding: 40px 30px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    margin-top: 0px;
    display: table;
}
@media (max-width: 767px) and (min-width: 320px) {
    .cp-login-box2 {
        width: 100%;
    }
}