/*
Theme Name: Ayuub
Theme URI: 
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
font-family: 'POPPINS-MEDIUM';
src: url('fonts/POPPINS-MEDIUM.eot');
src: url('fonts/POPPINS-MEDIUM.eot?#iefix') format('embedded-opentype'), url('fonts/POPPINS-MEDIUM.svg#POPPINS-MEDIUM') format('svg'), url('fonts/POPPINS-MEDIUM.woff') format('woff'), url('fonts/POPPINS-MEDIUM.TTF') format('truetype'), url('fonts/POPPINS-MEDIUM.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
@font-face {
font-family: 'POPPINS-REGULAR';
src: url('fonts/POPPINS-REGULAR.eot');
src: url('fonts/POPPINS-REGULAR.eot?#iefix') format('embedded-opentype'), url('fonts/POPPINS-REGULAR.svg#POPPINS-REGULAR') format('svg'), url('fonts/POPPINS-REGULAR.woff') format('woff'), url('fonts/POPPINS-REGULAR.TTF') format('truetype'), url('fonts/POPPINS-REGULAR.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:POPPINS-REGULAR, Helvetica, sans-serif;
	color:#6e6e6e;
	font-weight:normal;
	background:url(images/body-img.png) no-repeat;
	background-size:100% auto;
}
a img {
	border:0px;
}
a {
	text-decoration:none;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0px;
	padding:0px;
}
ul {
	margin:0px;
	padding:0px;
}
ul li {
	list-style:none;
}
p {
	margin:0px;
	padding:0px;
}
input:focus {
	outline:none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

.wrapper {
	display:block;
	width:1140px;
	margin:auto;
}

#header{background:rgba(255, 255, 255, 0.82); float:left; width:100%;}
.logo{padding:20px 0px; display:inline-block; float:left;}

#nav {
	padding:0px;
	display:inline-block;
	margin:0px 0 0px 80px;
	float:left;
}
#nav ul {
	list-style:none;
}
#nav ul li {
	float:left;
	padding:35px 25px;
	border-left:solid 1px #d1d8d8;
}
#nav ul li:first-child{border:none;}
#nav ul li a {
	text-decoration: none;
	color: #2f2f2f;
	font-size: 15px;
	font-family:POPPINS-MEDIUM, Helvetica, sans-serif;
	padding:0px;
	text-transform:uppercase;
	font-weight:normal;
	text-align: center;
 -moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
#nav ul li a span{width:100%; color:#899b9d; font-size:12px; text-transform:capitalize; font-family:POPPINS-REGULAR, Helvetica, sans-serif; text-align:left; display:block; clear:both;}
#nav ul li a:hover, #nav ul li a.active {
	text-decoration: none;
	color: #a6a6a6;
}

.search-box{position:relative; width:190px; float:right; margin-top:35px;}
.search-box input[type="search"] {
	width:100%;
	margin:0px;
	padding:0px 10px 0 40px;
	height:40px;
	background: #fff;
	font-weight:400;
	border:1px solid #d1d8d8;
	color:#445455;
}
.search-btn {
	border:none;
	width:14px;
	background:url(images/search-icon.png) no-repeat;
	height:14px;
	position:absolute;
	top:14px;
	left:15px;
	cursor:pointer;
	 -moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}

#body-content{padding:0px; margin:0px; float:left; width:100%; background:url(images/content-bg.png) no-repeat center bottom;}

.content-top{float:left; width:100%; margin:20px 0px;}
.content-top-left{width:345px; float:left;}
.content-top-right{width:780px; float:right;}

.welcome-box{background:#8b9d9e; min-height:423px; padding:30px 25px;}
.welcome-box h1{color:#fff; font-size:24px; font-family:POPPINS-MEDIUM, Helvetica, sans-serif; line-height:24px;}
.welcome-box h3{color:#fff; font-size:18px; font-family:POPPINS-MEDIUM, Helvetica, sans-serif;}
.welcome-box p{float:left; width:100%; line-height:19px; color:#fff; padding-top:18px;}

#banner{border:solid 10px #f5f8fb; float:left; width:100%;}
#banner img{width:100%;}

.blog-post{margin-top:15px; background:#fff; float:left; width:100%;} 
.blog-post h1{font-size:24px; color:#181818; border-bottom:solid 1px #a3b3b3; padding:14px 20px; display:block; margin-bottom:15px;}
.blog-post ul{padding:0px;}
.blog-post li{float:left; width:100%; padding:11px 0px;}
.blog-post li .blog-top-content{float:left; width:100%;}
.blog-post li .blog-top-content-left{width:90px; float:left; margin:0px 20px;}
.blog-post li .blog-top-content-left img{width:100%;}
.blog-post li .blog-top-content-right{width:200px; float:left;}
.blog-post li .blog-top-content-right p{color:#676767; line-height:19px; float:left; width:100%; padding-top:5px;}
.blog-post li .blog-top-content-right a{color:#181818; font-size:16px; line-height:16px;}
.blog-post li .blog-top-content-right a:hover{color:#ccc;}
.blog-post li .post-by{float:left; width:100%; border-bottom:solid 1px #dee6e4; border-top:solid 1px #dee6e4; padding:10px 0px; margin-top:22px;}
.blog-post li .post-by span{float:left; padding-left:50px; display:inline-block; color:#73888a; background:url(images/blog-icons.png) no-repeat left center; line-height:20px;}
.post-user{background-position:20px -1px!important;}
.post-date{background-position:20px -46px!important;}
.post-coment{background-position:20px -85px!important;}

.about-content-box{padding:30px; float:left; width:100%; background:#fff; margin-top:15px;}
.about-content-box h1{color:#181818; font-size:28px; padding-bottom:20px;}

.about-us{float:left; width:100%; border-bottom:solid 1px #e3e3e3; padding-bottom:30px; margin-bottom:30px;}
.about-us-left-box{width:263px; float:left;}
.about-us-right-box{width:430px; float:right;}
.about-us-right-box p{float:left; width:100%; padding-bottom:20px; color:#6e6e6e; line-height:19px;}

.video-gallery{float:left; width:100%;}
.video-gallery ul{padding:0px;}
.video-gallery li{float:left; width:23%; margin:6px;}
.video-gallery li img{max-width:100%;}
.video-gallery li a{display:block;}

.world-clock{margin-top:15px; background:#fff; float:left; width:100%;} 
.world-clock h1{font-size:24px; color:#181818; border-bottom:solid 1px #a3b3b3; padding:14px 20px; display:block; margin-bottom:5px;}
.world-clock ul{padding:0px;}
.world-clock li{float:left; width:100%; border-bottom:solid 1px #d4dfdf; padding:12px 15px;}
.world-clock li div.times{color:#5b5b5b; font-size:13px;}
.world-clock li div.times span{color:#181818; font-size:16px; font-family:POPPINS-MEDIUM, Helvetica, sans-serif;}
.world-clock li p{color:#789a9a;}

.map{float:left; width:100%; padding:20px 0px;}


#footer{float:left; width:100%;}

.footer-top{float:left; width:100%; border-top:solid 1px #dddddd; padding:30px 0px;}
.footer-top h1{color:#181818; font-size:20px; padding-bottom:20px;}

.sign-in-box{width:450px; float:left;}
.sign-in-box p{width:48%; float:left; margin-right:2%; padding:0px 0 12px 0px; color:#303030;}
.sign-in-box p a{color:#899c9d;}
.sign-in-box p a:hover{color:#000;}
.sign-in-box input[type="text"], .sign-in-box input[type="password"] {
	width:100%;
	margin:0px;
	padding:0px 10px 0 50px;
	background:url(images/form-icons.png) no-repeat left top;
	height:45px;
	font-weight:400;
	border:1px solid #dee6e4;
	color:#5e7476;
}
.username{background-position:0px 0px;}
.password{background-position:0px -82px!important;}

.login-btn{border:none; cursor:pointer; width:128px; line-height:43px; height:43px; text-align:center; color:#fff; text-transform:uppercase; font-size:14px; background:#7b9092;}
.login-btn:hover{background:#000;}

.quicklinks{width:180px; float:left; margin-left:25px;} 
.quicklinks ul{padding:0px;}
.quicklinks li{float:left; width:50%; padding-bottom:15px;}
.quicklinks li a{color:#6e6e6e; text-transform:uppercase;}
.quicklinks li a:hover{color:#000;}

.newsletter-box{width:425px; float:right;}
.newsletter-box p{color:#6e6e6e; font-size:13px; text-transform:uppercase; line-height:22px; padding-bottom:15px;}
.newsletter-box input[type="email"]{
	width:70%;
	margin:0px;
	padding:0px 10px;
	height:45px;
	background:#f7f7f7;
	float:left;
	font-weight:400;
	border:1px solid #dee6e4;
	color:#5e7476;
}
.newsletter-btn{border:none; cursor:pointer; width:30%; float:left; font-size:13px; text-transform:uppercase; line-height:45px; height:45px; text-align:center; color:#fff; text-transform:uppercase; font-size:14px; background:#7b9092;}
.newsletter-btn:hover{background:#000;}

.footer-bottom{padding:15px 0px; float:left; width:100%; background:#7b9092;}
.footer-bottom p{display:inline-block; float:left; color:#fff; padding-top:12px;}
.counter{float:right; display:inline-block;}
#mvccount {    background: #fff none repeat scroll 0 0;}
#mvcwid{ font-weight:bold;}

.act{float:left; width:100%;}
.act h2{color:#6e6e6e; font-size:20px; border-bottom:solid 1px #d4dfdf; padding-bottom:20px; margin-bottom:20px;}
.act h3{font-size:17px; line-height:24px; color:#75898b; display:block; padding-bottom:15px;}
.act p{float:left; width:100%; color:#6e6e6e; line-height:19px; padding-bottom:15px;}
.act a{color:#000;}

.akhri{float:left; width:100%;}
.akhri h3{font-size:20px; line-height:24px; color:#75898b; display:block; padding-bottom:15px;}
.akhri p{float:left; width:100%; color:#6e6e6e; line-height:19px; padding-bottom:15px;}

.what-reading{float:left; width:100%;}
.what-reading ul{padding:0px;}
.what-reading li{float:left; width:134px; margin-left:11px;}
.what-reading li img{max-width:100%;}
.what-reading li:first-child{margin-left:0px;}
.what-reading-bottom-box{padding-top:30px; float:left; width:100%;}
.what-reading-bottom-box-left{width:240px; text-align:center; float:left;}
.what-reading-bottom-box-left img{max-width:100%;}
.what-reading-bottom-box-right{width:448px; float:right;}

.other-books{float:left; width:100%; padding-top:40px;}
.other-books ul{padding:0px;}
.other-books li{padding-right:20px; float:left;}
.other-books li a{color:#818181; font-size:15px;}
.other-books li a:hover{color:#000;}

.public-policy{float:left; width:100%; padding-bottom:20px;}
.public-policy h4{color:#6e6e6e; font-size:14px; font-family:POPPINS-MEDIUM, Helvetica, sans-serif;}
.public-policy a{color:#6e6e6e; font-size:14px; font-family:POPPINS-MEDIUM, Helvetica, sans-serif; margin-right:15px;}
.public-policy a:hover{color:#000;}

.whatsnew-imgs{float:left; width:100%; padding-bottom:20px;}
.whatsnew-imgs li{display:inline-block; margin-left:18px;}
.whatsnew-imgs li img{max-width:100%;}
.whatsnew-imgs li:first-child{margin-left:0px;}
/***/

.post-by{float:left; width:100%; border-bottom:solid 1px #dee6e4; border-top:solid 1px #dee6e4; padding:10px 0px; margin-bottom:20px;}
.post-by span{float:left; padding-left:50px; display:inline-block; color:#73888a; background:url(images/blog-icons.png) no-repeat left center; line-height:20px;}

.search-result{float:left; width:100%;}
.search-result a{color:#6e6e6e; font-size:20px; font-family:POPPINS-MEDIUM, Helvetica, sans-serif;}
.search-result a:hover{color:#000;}

.dt_clocks li{padding:15px!important;}
.indiadt{color:#181818; font-size:16px; font-family:POPPINS-MEDIUM, Helvetica, sans-serif; float:left; display:inline-block; line-height:19px;}
.digits{color:#5b5b5b; font-size:13px!important; line-height:22px;}
.dt_date{color:#789a9a; padding-top:5px;}

#mvcwid{padding:0px!important; height:34px;}

#comments label{width:15%; float:left;}

#comments input{padding:7px;}
.forgot-pass-form-group input{padding:10px;}
.submit {
    background: #7b9092;
    border: none;
    padding: 15px!important;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}
.submit:hover{background:#000;}

.nav-previous{float:left;}
.nav-next{float:right;}

.logged-in a{ color:#000;}
.indiadt{ margin-right:8px;}
.extra-links a{color:#000;}

.comment-author{float:left; width:100%; padding:20px 0px;}
.reply{text-align:right;}
.avatar{float:left; margin:0px 15px; width:50px; height:50px;}
.icon-mail-reply{width:15px; height:15px; margin-right:5px;}
.comment-form-comment label{width:100%!important;}

.comment-body{border-bottom:solid 1px #ccc; background:#f4f4f4; padding:20px;}
.comment-list{padding:0px; margin:0px;}


/*****RESPONSIVE*****/



@media only screen and (min-width: 960px) and (max-width: 1100px) {
.wrapper{width:94%;}
#nav{margin-left:10px;}
#nav ul li{padding:35px 15px;}
.content-top-left{width:30%;}
.content-top-right{width:68%;}
.welcome-box{min-height:358px;}
.blog-post li .blog-top-content-left{width:70px; margin:0px 10px;}
.blog-post li .blog-top-content-right{width:180px;}
.about-us-left-box{width:155px;}
.about-us-left-box img{width:100%;}
.video-gallery li{width:31.3%; margin:1%;}
.video-gallery li img{width:100%;}
.sign-in-box{width:410px;}
.newsletter-box{width:335px;}
.what-reading li{width:18%; margin:1%!important;}
.what-reading-bottom-box-right{width:340px;}
.whatsnew-imgs li{width:48%; float:left; margin:1%!important;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper{width:94%;}
#nav{display:none;}
#cssmenu{display:block!important;}
.content-top-left{width:100%;}
.blog-post li .blog-top-content-right{width:420px;}
.content-top-right{width:100%; margin-top:15px;}
.welcome-box{float:left; width:100%; min-height:inherit;}
.blog-post li .blog-top-content-right a{font-size:15px;}
.about-content-box{padding:0px;}
.video-gallery li{width:48%; margin:1%;}
.video-gallery li img{width:100%;}
.sign-in-box{width:100%;}
.quicklinks{width:100%; margin:0px;}
.newsletter-box{width:100%;}
.footer-bottom p, .counter{width:100%; text-align:center;}
.counter{padding-top:5px;}
.what-reading-bottom-box-right{width:470px;}
.whatsnew-imgs li{width:48%; float:left; margin:1%!important;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.wrapper{width:94%;}
#nav{display:none;}
#cssmenu{display:block!important;}
.content-top-left{width:100%;}
.blog-post li .blog-top-content-right{width:420px;}
.content-top-right{width:100%; margin-top:15px;}
.welcome-box{float:left; width:100%; min-height:inherit;}
.blog-post li .blog-top-content-right a{font-size:15px;}
.about-content-box{padding:0px;}
.about-us-left-box{width:100%;}
.about-us-right-box{width:100%; padding-top:20px;}
.video-gallery li{width:100%; margin:5px 0px;}
.video-gallery li img{width:100%;}
.sign-in-box{width:100%;}
.quicklinks{width:100%; margin:0px;}
.newsletter-box{width:100%;}
.footer-bottom p, .counter{width:100%; text-align:center;}
.counter{padding-top:5px;}
.what-reading li{width:18%; margin:1%!important;}
.what-reading-bottom-box-right{width:100%; padding-top:20px;}
.whatsnew-imgs li{width:48%; float:left; margin:1%!important;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.wrapper{width:94%;}
.logo{width:100%; text-align:center;}
#nav{display:none;}
.search-box{width:100%; margin:20px 0px;}
#cssmenu{display:block!important;}
.content-top-left{width:100%;}
.blog-post li .blog-top-content-right{width:320px;}
.content-top-right{width:100%; margin-top:15px;}
.welcome-box{float:left; width:100%; min-height:inherit;}
.blog-post li .blog-top-content-right a{font-size:15px;}
.about-content-box{padding:0px;}
.about-us-left-box{width:100%;}
.about-us-right-box{width:100%; padding-top:20px;}
.video-gallery li{width:100%; margin:5px 0px;}
.video-gallery li img{width:100%;}
.sign-in-box{width:100%;}
.quicklinks{width:100%; margin:0px;}
.newsletter-box{width:100%;}
.footer-bottom p, .counter{width:100%; text-align:center;}
.counter{padding-top:5px;}
.what-reading li{width:18%; margin:1%!important;}
.what-reading-bottom-box-right{width:100%; padding-top:20px;}
.whatsnew-imgs li{width:48%; float:left; margin:1%!important;}
}
@media only screen and (max-width: 479px) {
.wrapper{width:94%;}
.logo{width:100%; text-align:center;}
#nav{display:none;}
.search-box{width:100%; margin:20px 0px;}
#cssmenu{display:block!important;}
.content-top-left{width:100%;}
.blog-post li .blog-top-content-right{width:170px;}
.content-top-right{width:100%; margin-top:15px;}
.welcome-box{float:left; width:100%; min-height:inherit;}
.blog-post li .blog-top-content-right a{font-size:15px;}
.about-content-box{padding:0px;}
.about-us-left-box{width:100%;}
.about-us-right-box{width:100%; padding-top:20px;}
.video-gallery li{width:100%; margin:5px 0px;}
.video-gallery li img{width:100%;}
.sign-in-box{width:100%;}
.quicklinks{width:100%; margin:0px;}
.newsletter-box{width:100%;}
.footer-bottom p, .counter{width:100%; text-align:center;}
.counter{padding-top:5px;}
.what-reading li{width:48%; margin:1%!important;}
.what-reading-bottom-box-right{width:100%; padding-top:20px;}
.whatsnew-imgs li{width:48%; float:left; margin:1%!important;}
}