/*



Theme Name: Reflaw



Theme URI: http://wordpress.org/themes/twentyfourteen



Author: the WordPress team



Author URI: http://wordpress.org/



Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.



Version: 1.2



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready



Text Domain: twentyfourteen







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 - Reset



 * 2.0 - Repeatable Patterns



 * 3.0 - Basic Structure



 * 4.0 - Header



 * 5.0 - Navigation



 * 6.0 - Content



 *   6.1 - Post Thumbnail



 *   6.2 - Entry Header



 *   6.3 - Entry Meta



 *   6.4 - Entry Content



 *   6.5 - Galleries



 *   6.6 - Post Formats



 *   6.7 - Post/Image/Paging Navigation



 *   6.8 - Attachments



 *   6.9 - Archives



 *   6.10 - Contributor Page



 *   6.11 - 404 Page



 *   6.12 - Full-width



 *   6.13 - Singular



 *   6.14 - Comments



 * 7.0 - Sidebar



 *   7.1 - Widgets



 *   7.2 - Content Sidebar Widgets



 * 8.0 - Footer



 * 9.0 - Featured Content



 * 10.0 - Multisite



 * 11.0 - Media Queries



 * 12.0 - Print



 * -----------------------------------------------------------------------------



 */











/**



 * 1.0 Reset



 *



 * Resetting and rebuilding styles have been helped along thanks to the fine



 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html



 * along with Nicolas Gallagher and Jonathan Neal



 * http://necolas.github.com/normalize.css/ and Blueprint



 * http://www.blueprintcss.org/



 *



 * -----------------------------------------------------------------------------



 */







@charset "utf-8";



/* CSS Document */



	



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video {



	margin:0 auto;



	padding:0;



	border:0;



	outline:0;



	font-size:100%;



	vertical-align:baseline;



	background:transparent;



	text-decoration:none;



	list-style:none;



	-webkit-font-smoothing: antialiased;



	-webkit-tap-highlight-color:rgba(0,0,0,0);



}







.ie8 *{ outline:none;}



img{border:none;}



body{ position:relative;font-family: 'Raleway', sans-serif; background:#f7f7f7;}



html,body { -webkit-text-size-adjust:none; }







/*----- html5 tags ------*/



article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}







.r{float:right;}



.l{float:left;}







/*----- clearfix tags ------*/ 



.cf:before, .cf:after { content: ""; display: table; }



.cf:after { clear: both; }



.clear { clear: both; }



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



.clearfix { display: inline-block; }



* html .clearfix { height: 1%; }



.clearfix { display: block;}







/*----- default css ------*/



h1, h2, h3, h4, h5, h6{ margin-bottom:20px;font-family: 'Raleway', sans-serif; font-weight:bold; color:#333333;  }


/*-----------------Code modified to reduce the font-size By Rakesh on 25-05-2018 ------------------ */
/*h1{ font-size:35px; line-height:45px; font-weight:900; }*/
h1{ font-size:18px; line-height:22px; font-weight:900; }
/*-----------------Code modified to reduce the font-size By Rakesh on 25-05-2018 ------------------ */
/*h2{ font-size:36px; line-height:40px; font-weight:900;   }*/

h2{ font-size:18px; line-height:20px; font-weight:900;   }

/*-----------------End Code Commented By Rakesh on 25-05-2018 to reduce the font size------------------ */


h3{ font-size:30px; }



h4{ font-size:24px; }


/*-----------------Code Commented By Rakesh on 23-05-2018 to change the color to Black from Blue------------------ */
h5{ font-size:18px; line-height:22px; color:#000000;}
/*-----------------End Code Commented By Rakesh on 23-05-2018 to change the color to Black from Blue------------------ */


/*-----------------Code added By Rakesh on 25-05-2018 to change the color to Blue from Black------------------ */
h6{ font-size:14px;
    color:#24598f;
}

/*-----------------End Code added By Rakesh on 25-05-2018 to change the color to Blue from Black------------------ */



.ie8 h4,.ie8 h5,.ie8 h6{font-family: 'ralewaybold';} 



.ie8 h1, .ie8 h2{ font-family: 'ralewayextrabold';}







.ie8 h3 { font-weight: normal !important;}







input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], textarea {-webkit-appearance: none;}



input[type="text"], input[type="password"] { outline: none; }



textarea:focus, input:focus, a, div, img { outline: none; }



.ipad input[type="radio"], .iphone input[type="radio"], .ipod input[type="radio"]{ width:13px; height:13px;}







p{font-family: 'Raleway', sans-serif;  font-size:16px; font-weight:400; line-height:24px; padding-bottom:20px; color:#333333;}



.ie8 p{font-family: 'ralewayregular'; }



p a{color:#24598f; /*text-decoration:underline;*/ font-family: 'Raleway', sans-serif;  }



.ie8 p a{font-family: 'ralewayregular';}



p a:hover{ color:#000; }







a{color:#333333;font-family: 'Raleway', sans-serif; }



.ie8 a{font-family: 'ralewayregular';}



a:hover{text-decoration: underline; color:#24598f;}







ul{ margin:20px 20px; padding:0;}



ul li{ font-size:13px;  color:#000000;font-family: 'Raleway', sans-serif;  line-height:18px; padding:0 0 5px 0; list-style:outside circle;}



ul li a{color:#000000; font-family: 'Raleway', sans-serif; }



ul li a:hover{ color:#24598f; text-decoration:none; }







.ie8 ul li{font-family: 'ralewayregular';}



.ie8 ul li a{font-family: 'ralewayregular';}











/*----- placeholder tags ------*/ 







::-webkit-input-placeholder {



   color: #333333;



   opacity:1;



}







:-moz-placeholder { /* Firefox 18- */



    color: #333333;



    opacity:1;



}







::-moz-placeholder {  /* Firefox 19+ */



   color: #333333;



   opacity:1;



}







:-ms-input-placeholder {  



   color: #333333;



   opacity:1;



}



.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}











.wrapper{ width:1280px; margin:0 auto; height: auto !important;  min-height: 100%; position:relative;}











/*====================== header ======================*/



.logo-wrap{ margin:110px 0 0 20px; }



header .logo{display:inline-block; vertical-align:top; font-family: 'AdobeArabic-Regular'; font-size:77px; line-height:84px; color:#333333;}  



header .logo strong{ font-family: 'Open Sans', sans-serif; font-weight:800; font-size:54px; line-height: 60px;}



header .logo:hover{ text-decoration:none; }







.logo-wrap span{ font-family:Times;  font-size:24px; line-height:26px; color:rgba(51,51,51,0.5); font-style:italic; display:inline-block; margin-top:35px; } 







.logo-wrap span.logo-part {display:inline-block; vertical-align:top; font-family: 'Raleway', sans-serif;font-style:normal; color: #000; font-size:40px;}



.logo-wrap span.logo-name {display:inline-block; vertical-align:top;color: #000; font-family: 'Raleway', sans-serif;font-weight:bold;font-style:normal;font-size:40px;}



/*====================== header-middle ======================*/



 



/*====================== main-nav ======================*/



.nav-outer{ position:relative;  border:1px solid #e0e0e0; box-shadow:0 -1px 10px 0px #ccc; border-bottom:none;}



.ie8 .nav-outer { border:1px solid #ccc;}



.nav-innner{ border:1px solid #fff; border-bottom:none;}



.nav-outer #main-nav{ float:left;}



#main-nav ul{ margin:0; background:#fafafa;}



#main-nav ul li{ list-style:none; float:left; padding:0; position:relative; background:url(images/social-divider.png) no-repeat 0 top;}



#main-nav ul li.home {background: none;}



#main-nav ul li a{  padding:21px 11px; font-family: 'Open Sans', sans-serif; /*color:#333333; font-size:16px;*/color:#000; font-size:18px; line-height:18px; font-weight:300; display:block;}







#main-nav ul li.active a, #main-nav ul li.current-menu-item a, #main-nav ul li.current-page-ancestor a, .ie #main-nav ul li.current-menu-item a, .ie #main-nav ul li.current-page-ancestor a{ /*font-weight:800;*/ }







#main-nav ul li a:hover,#main-nav ul li.active a, #main-nav ul li.current-menu-item a, #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-post-ancestor a {  background:#24598f; text-decoration:none; text-shadow:0 1px 0 #000; color:#fff;}



#main-nav ul li.sub-menu a{ display:block;}



#main-nav ul li.sub-menu ul{ display:none;  position:absolute; top:60px; left:0; z-index:99999; }



#main-nav ul li.sub-menu:hover ul{ display:block; width:250px;}



#main-nav ul li.sub-menu:hover > a{ background:#24598f; color:#fff; }



#main-nav ul li ul li{ margin:0; float:none; }



#main-nav ul li.sub-menu ul li a{ font-size:16px; line-height:16px; padding:10px 10px; background:#fafafa; /*color:#333333;*/color:#000; font-weight:300; text-shadow:none; }



#main-nav ul li.sub-menu ul li:hover a{ }



#main-nav ul li.sub-menu ul li a:hover, #main-nav ul li.sub-menu ul li.current-menu-item a{  background:#24598f; color:#fff; font-weight: 300;}



.ie #main-nav ul li.sub-menu ul li a, .ie #main-nav ul li.sub-menu ul li.current-menu-item a, .ie #main-nav ul li.sub-menu ul li.current-page-ancestor a{ font-weight:300; }















#social-sharing{ float:right;}



#social-sharing ul{ margin:0;}



#social-sharing ul li{ background:url(images/social-divider.png) no-repeat left top;  float:left; padding:0; list-style:none;}



#social-sharing ul li a{ display:block;width:60px; height:60px;  }



#social-sharing ul li a:hover{ background-position:left bottom;}



#social-sharing ul li .twitter-icon{ background:url(images/twitter-icon.png) no-repeat left top;}



#social-sharing ul li .fb-icon{background:url(images/fb-icon.png) no-repeat left top;}



#social-sharing ul li .rss-icon{background:url(images/rss-icon.png) no-repeat left top;}



#social-sharing ul li .google-icon{background:url(images/google-plus-icon.png) no-repeat left top;}



#social-sharing ul li:first-child{ background:url(images/social-shadow.png) no-repeat left top;}







/*====================== home-slider ======================*/



#slider-outer{ background:url(images/slider-shadow.jpg) repeat-x 0 0; width:100%;}







.home-slider{ padding:58px 60px; background:#313131; box-shadow:inset 0 0 80px 5px rgba(0,0,0,0,.7); margin: 0 2px;}



.owl-carousel .owl-item{ position:relative;}



.home-slider .slider-text{ position:absolute;  left:65px; bottom:30px; margin:0 auto;   z-index:99999;max-width: 87%;  }



.home-slider .slider-text span{font-family: 'Raleway', sans-serif; font-size:36px; line-height:40px; color:#fff; font-weight:800; text-shadow:0 1px 1px rgba(0,0,0,0.5); margin-bottom:10px; }



.ie8 .home-slider .slider-text span{ font-family: 'ralewaybold';}



.home-slider .slider-text em{font-family: 'Raleway', sans-serif;  display:block; color:#fff; font-style:normal; font-size:18px; line-height:24px; text-shadow:0 1px 1px #000; position:relative;}



.ie8 .home-slider .slider-text em{font-family: 'ralewayregular';}



.home-slider #owl-demo .item img{ display: block;width: 100%; height: auto;  }



.home-slider .owl-controls{  position:absolute; left:0; bottom:0px; z-index:9999;}



.home-slider .owl-controls .owl-pagination{ display:none;}



.home-slider .owl-controls .owl-buttons{ position:absolute; left:0; bottom:0; top:0; right:0; margin:0 auto; width:1160px;}



.home-slider .owl-controls .owl-buttons .owl-prev{ position:absolute; background:#24598f url(images/prev-arrow.png) no-repeat center 250px; left:0; bottom:0; width:60px; height:280px; text-indent:-9999px; }



.home-slider .owl-controls .owl-buttons .owl-next{ position:absolute; background:#24598f url(images/next-arrow.png) no-repeat center 250px;  right:0; bottom:0;  width:60px; height:280px; text-indent:-9999px;}



.home-slider .owl-pagination .owl-page{ background:url(images/pagination-icon.png) no-repeat 0 0; width:15px; height:15px; text-indent:-9999px; float:left; margin:0 0 0 6px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}



.home-slider .owl-pagination .owl-page.active{ background:url(images/pagination-icon.png) no-repeat 0 -15px;  }



.bx-wrapper .bx-prev{background:#24598f url(images/prev-arrow.png) no-repeat 0 0; }



.bx-wrapper .bx-next{ }



.bxslider { margin:0;}



.bxslider li{ list-style:none; padding:0;}







/*====================== mobile-menu ======================*/



.mobile-menu ul{ display:none;}



.nav_icon { display:none;}







/*====================== main-cotent ======================*/



#main-cotent{  border:1px solid #e0e0e0; box-shadow:0 0 15px rgba(220,220,220,0.5); /*background:#f7f7f7;*/ border-top:none; background:url(images/main-bg.jpg) repeat-y 0 0; }











/*====================== left-column ======================*/



.left-column{ width:957px; float:left;/* border-right:1px solid #e0e0e0;*/  }



.search-area{ padding:11px 0 11px 60px;  background:#fafafa url(images/shadow-small.png) no-repeat right bottom; border-bottom:1px solid #e0e0e0; }



.search-area input[type="submit"]{ background:#24598f; color:#fff; border-radius:10px; text-shadow:0 1px 1px #000;font-family: 'Open Sans', sans-serif; font-size:16px; line-height:18px; font-weight:800; border:none; padding:8px 12px; cursor:pointer; margin:0 0 0 12px; }



.search-area input[type="submit"]:hover{ background:#333;}



.search-area input[type="text"]{ font-size:16px; line-height:18px; width:280px; padding:8px 14px; border:1px solid #e6e6e6;  border-radius:10px; color:#333333; margin:0; }







.content-inner{ padding:50px 60px;}



.post-list{ padding:75px 0 45px 0; }



.post-list.first{ padding:0 0 45px 0;}



.content-inner .thumb-img{ float:left; margin:0 40px 0 0; position:relative; width:29%;-moz-box-shadow:0 0 5px 5px rgba(0,0,0,0.5) inset;  -webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.5) inset;  box-shadow:0 0 5px 5px rgba(0,0,0,0.5) inset;}



.content-inner .thumb-img img{ max-width:100%; display:block;}



.content-inner .thumb-img span{ position:absolute; left:0; top:0; text-shadow:0 1px 1px #000;  color:#fff; background:#24598f; padding:7px 10px; display:inline-block; width:40px; height:46px; text-transform:uppercase; text-align:center;  font-size:14px; font-family: 'Raleway', sans-serif; font-weight:900;  }



.ie8 .content-inner .thumb-img span{  font-family: 'ralewayextrabold';}



.content-inner .thumb-img span em{   font-family: 'Raleway', sans-serif;  display:block; font-style:normal;font-weight:400;font-size:28px ; line-height:30px;}



.ie8 .content-inner .thumb-img span em{font-family: 'ralewayregular';}



.content-inner .detail-desc{ float:left; width:66%;}



.content-inner .detail-desc-large{ width:88%;}



.content-inner .thumb-img-none{ margin:0 40px 0 0; position:relative; float:left; width:7%;  }



.content-inner .thumb-img-none span{ position:relative;text-shadow:0 1px 1px #000;  color:#fff; background:#24598f; padding:7px 10px; display:inline-block; width:40px; height:46px; margin:0 40px 0 0; text-transform:uppercase; text-align:center;  font-size:14px; font-family: 'Raleway', sans-serif; font-weight:900;}



.ie8 .content-inner .thumb-img-none span{ font-family: 'ralewayextrabold';}



.content-inner .thumb-img-none em{  font-family: 'Raleway', sans-serif;  display:block; font-style:normal;font-weight:400;font-size:28px ; line-height:30px;}



.ie8 .content-inner .thumb-img-none em{font-family: 'ralewayregular';}



/*This code commented stop modify h6 color to blue on 24-05-2018.content-inner .detail-desc h6{ color:#969696; line-height:18px; font-weight:200; text-transform:uppercase; margin-bottom:15px;}*/
.content-inner .detail-desc h6{ color:#969696; line-height:18px; font-weight:bold; text-transform:uppercase; margin-bottom:15px;}
/*End This code commented stop modify h6 color to blue on 24-05-2018*/

.content-inner .detail-desc p{ padding:0 0 40px 0;}



.content-inner .detail-desc .read-more{background:#24598f; color:#fff; border-radius:8px; text-shadow:0 1px 1px #000; font-size:14px; line-height:16px; font-weight:800; border:none; padding:10px 18px; float:right; display:inline-block; }



.content-inner .detail-desc .read-more:hover{ background:#333333;  }


/*This code changed to Reduce share-post image height on 25-05-2018*/
/*.share-post{ padding:15px 150px; background:#333 url(images/line-strip.png) repeat-x left top; border-bottom:1px solid #0f0f0f; }*/
.share-post{ padding:15px 150px; background:#333 url(images/line-strip.png) repeat-x left top; border-bottom:1px solid #0f0f0f; height:15px; }
/*End This code commented stop modify h6 color to blue on 24-05-2018*/

/*This code changed to Reduce Share this post on text on 25-05-2018*/
.share-post span{ display:inline-block; font-size:18px; line-height:24px; color:#fff; font-family: 'Raleway', sans-serif; font-weight:200; text-shadow:0 1px 1px #000; vertical-align:top; margin:7px 20px 0 0; margin-top:-3px;}
/*End This code changed to Reduce Share this post on text on 25-05-2018*/

/*This code changed to Reduce Share this post on text on 25-05-2018*/
/*.share-post ul{ margin:0; display:inline-block; vertical-align:top;}*/
.share-post ul{ margin:0; display:inline-block; vertical-align:top; margin-top: -10px;}
/*End This code changed to Reduce Share this post on text on 25-05-2018*/



.share-post ul li{ list-style:none; display:inline-block; padding:0; margin-right:5px; width:32px;}



.share-post ul li a{ width:32px; height:33px; display:block;}



.share-post ul li a:hover{ background-position:0 -34px;}



.ie8 .share-post ul li a:hover,.ie9 .share-post ul li a:hover{ background-position:0 -33px;}



.share-post ul li .google-icon{ background:url(images/google-icon.png) no-repeat 0 0; }



.share-post ul li .fb-icon{ background:url(images/fb-icon-new.png) no-repeat 0 0; }



.share-post ul li .twitter-icon{ background:url(images/twitter-icon-new.png) no-repeat 0 0; }


.pagination-section{ border-top:1px solid #e0e0e0; padding:50px 0 40px 0;}



.pagination-inner{ float:right; margin:0 60px 0 0;}



.pagination-inner span{  font-family: 'Raleway', sans-serif;  display:inline-block; vertical-align:top; font-size:16px; line-height:24px; margin:7px 0 0 0;}



.ie8 .pagination-inner span{font-family: 'ralewayregular';}



.pagination-inner ul{ margin:0; display:inline-block;}



.pagination-inner ul li{ display:inline-block; margin:0 0 0 7px; list-style:none; }



.pagination-inner ul li a{ display:block; font-size:16px; line-height:18px; color:#333333; padding:7px 0; width:32px; border-radius:8px; border:1px solid #e0dddd; background:url(images/pagination-bg.png) repeat-x 0 0; text-shadow:0 1px 1px #fff; text-align:center;}



.pagination-inner ul li a:hover,.pagination-inner ul li.active a{ font-weight:900;}







/*====================== sidebar ======================*/



.sidebar{ float:right; width:320px; }



.ie9 .sidebar,.ie8 .sidebar{ width:319px;}



.sidebar h5{ padding:18px 40px; font-size:16px; background:#fafafa; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}



.sidebar ul{ margin:30px 40px; }



.sidebar ul li{ list-style:none; background:url(images/list-arrow.png) no-repeat 0 5px; padding:0 0 18px 20px; }



.sidebar ul li a{ font-size:16px; line-height:20px;}



.sidebar-content{ margin:30px 40px; }



.sidebar-content p{}



.read-more{ background:url(images/read-more-icon.png) no-repeat 0 0; color:#333333; font-weight:900; font-size:16px; line-height:24px; padding:0 0 2px 32px;}



.read-more:hover{ text-decoration:none;}







.sidebar-content ul { margin:0;}



.sidebar-content ul li{ background:none; padding:0 0 20px 0; min-height:40px;}



.sidebar-content ul li img{ float:left; margin:0 18px 0 0; border-radius:50%;-moz-box-shadow:0 0 5px 5px rgba(0,0,0,0.5) inset;  -webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.5) inset;  box-shadow:0 0 5px 5px rgba(0,0,0,0.5) inset;  }



.sidebar-content ul li a{ margin:10px 0 0; display:inline-block; font-weight:900; font-size:18px; line-height:24px;}



.sidebar-content ul li span{ color:#969696; font-size:14px; line-height:18px; display: block;}







.inner-page{ margin:10px 0 20px;}



.page-title { float:left; background:#24598f; padding:25px 30px; width:735px; /*display:none;*/ }



.page-title h1{ color:#fff; margin:0; font-size: 22px; line-height: 30px;}







.inner-page .search-area{ float:right; width:403px; padding:0; background:none; border-bottom:none; margin:25px 0 0 80px;}







.tab-list{ background:#fafafa url(images/shadow-small.png) no-repeat right bottom; margin:0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } 



.tab-list li{ border-right:1px solid #d5d5d5; background:url(images/shadow-small.png) no-repeat right bottom; display:inline-block; list-style:none; padding:0;}



.tab-list li a{ display:block; padding:17px 30px; font-size:16px; line-height:24px; color:#333333;}









.content-inner h3 {

    font-size: 20px;

    font-weight: 400 !important;

    line-height: 26px;

}





.content-inner h3 span {

  

    font-weight: 300 !important;

    

}



.ie8 .content-inner h3{ font-weight:200 !important;}







.content-inner blockquote{ border-left:10px solid #24598f; padding:0 0 0 30px; margin-bottom:30px;font-family: 'Raleway', sans-serif;  font-size:16px; font-weight:400; line-height:24px; color:#333333;}



.ie8 .content-inner blockquote{font-family: 'ralewayregular';}



.author-section{ border:1px solid #e0e0e0;background:#313131; box-shadow:0 0 80px 5px rgba(0,0,0,0,.7) inset;  padding:40px 60px 20px 60px;  border-bottom:1px solid #222222;}



.author-section .author-pic, .author-section .avatar { display:block; float:left; width:60px; height: 60px; margin-right:30px; border-radius: 50px;}



.author-section .author-desc{ float:left; width:735px;}



.author-section .author-desc h5{  line-height:24px; color:#fff;text-shadow:0 1px 1px #000; font-weight:400; margin-bottom:10px;}



.author-section .author-desc h5 span{ font-weight:900; color:#24598f;}



.author-section .author-desc p{ color:#fff;text-shadow:0 1px 1px #000;}











.comment-list{ margin:40px 0 0 0;}



.comment-list li{ list-style:none; padding:0;margin-bottom: 20px;}

.comment-list li li{margin-bottom: 10px;}

.comment-list li .person-pic{ float:left; width:8%; margin-right:2%;}



.comment-list li .person-pic img{ max-width:100%;}



.comment-list li .person-pic img{ max-width:100%;}



.comment-list ul { margin:5% 0 5% 10%;}



.comment-list .comment-detail{ width:90%; float:left;}



.comment-list .comment-detail h5{ font-weight:900; color:#333333; margin-bottom:10px;}



.comment-list .comment-detail h6{ color:#969696; font-weight:200; margin-bottom:10px;}



.comment-list .comment-detail .reply-btn{background:#24598f; color:#fff; border-radius:8px;  font-size:16px; line-height:18px; border:none; padding:10px 18px; float:right; display:inline-block; cursor:pointer; }



.comment-list .comment-detail .reply-btn:hover{ background:#333;}







.comment-form{ /*padding-bottom:270px;*/}



.comment-form .input-field{ box-shadow:0 2px 1px 1px rgba(220,220,220,0.2); border:1px solid #e6e6e6; border-radius:5px; padding:18px 20px; font-size:16px; line-height:18px;  font-family: 'Raleway', sans-serif; color:#333333; width:360px; font-weight:400; }



.ie8 .comment-form .input-field{font-family: 'ralewayregular';}



.comment-form .textarea-field{box-shadow:0 2px 1px 1px rgba(220,220,220,0.2); border:1px solid #e6e6e6; border-radius:5px; padding:18px 20px; font-size:16px; line-height:18px;  font-family: 'Raleway', sans-serif; color:#333333; width:795px; font-weight:400;  resize:none;}	



.ie8 .comment-form .textarea-field{font-family: 'ralewayregular';}



.comment-form .submit-btn, .comment-form input[type="submit"]{ background:#24598f; color:#fff; border-radius:8px;  font-size:16px; line-height:18px; border:none; padding:10px 18px; float:right; display:inline-block; cursor:pointer; }



.comment-form .submit-btn:hover, .comment-form input[type="submit"]:hover{ background:#333333;}







ul.children .comment-form .textarea-field{box-shadow:0 2px 1px 1px rgba(220,220,220,0.2); border:1px solid #e6e6e6; border-radius:5px; padding:18px 20px; font-size:16px; line-height:18px;  font-family: 'Raleway', sans-serif; color:#333333; width:710px; font-weight:400;  resize:none;}







.ie8 ul.children .comment-form .textarea-field{font-family: 'ralewayregular';}







.blank-space{ background:#fafafa url(images/shadow-small.png) no-repeat right bottom; margin:0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; height:58px;} 



.links-list{ margin:0 0 20px 0;}



.links-list li{ list-style:none; padding-bottom:15px;}



.links-list li a{ font-size:16px; text-decoration:underline; color:#333;}



.links-list li a:hover{ text-decoration:none;}











/*====================== footer ======================*/



footer{ }



.footer-inner{ padding:55px 60px 45px 60px; border-bottom:1px solid #242424; background:#fff;/* background:#313131; box-shadow:0 0 80px 5px rgba(0,0,0,0,.7) inset;*/ margin:0 2px;  }



.footer-inner .footer-block{ width:250px; float:left; margin-left:50px; }



.footer-inner .footer-block.first{ margin-left:0;}



.footer-inner .footer-block h5{ color:#fff; font-weight:900;  text-shadow:0 1px 1px #000; margin-bottom:15px;}



.ie8 .footer-inner .footer-block h5{  font-family: 'ralewayextrabold';}



.footer-inner .footer-block p{ color:#fff; text-shadow:0 1px 1px #000;}



.footer-inner .footer-block ul { margin:0;}



.footer-inner .footer-block ul li{ list-style:none; background: url(images/list-arrow.png) no-repeat 0 5px;  padding: 0 0 15px 20px;}



.footer-inner .footer-block ul li a{ font-size:16px; line-height:20px; color:#fff; text-shadow:0 1px 1px #000;}



.footer-inner .footer-block ul li a:hover{ color:#2f73b9;}







.footer-links{ /*background:#333333; border:1px solid #0f0f0f; border-bottom:1px solid #0f0f0f; padding:20px 60px;margin:0 2px;*/}



.footer-links ul{ margin:0;}



.footer-links ul li{ list-style:none; padding:0; display:inline-block; margin:0 0 0 20px; vertical-align: top;}



/*.footer-links ul li:first-child{ margin:0;}*/



.footer-links ul li a{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:24px; /*color:#fff;text-shadow:0 1px 1px #000;*/ color:#000; font-weight:300;}



.footer-links ul li a:hover,.footer-links ul li.active a,.footer-links ul li.current-menu-item a,.footer-links ul li.current-page-ancestor a, .footer-links ul li.current-post-ancestor a{ color:#2f73b9;}



.footer-links ul li.active a,.footer-links ul li.current-menu-item a,.footer-links ul li.current-page-ancestor a, .footer-links ul li.current-post-ancestor a{ font-weight:800;}



.ie .footer-links ul li.current-menu-item a, .ie .footer-links ul li.current-page-ancestor a{ font-weight:800;}







.footer-links ul {float: left;margin: 0;width: 200px;}



.footer-links ul li{margin:0 0 15px 0;width:100%;}



.footer-links ul#menu-footer-menu-1{width:500px;}



.footer-links ul#menu-footer-menu-1 li{width:49%;}



.footer-links ul li .sub-menu{margin:10px 10px 10px 0;}



.footer-links ul li .sub-menu li{ display: block; margin: 0; padding: 3px 0;width:100% !important;}



.footer-links ul li.menu-item-has-children .sub-menu li a{ font-weight: 400;  /*color:#ffffff;*/ color:#000; font-size:14px;}



.footer-links ul li.menu-item-has-children .sub-menu li a:hover, .footer-links ul li.menu-item-has-children .sub-menu li.current_page_item a{color:#2f73b9;}







.stButton span.stLarge {background: none !important;}



.form-allowed-tags, .comment-meta .says, .comment-metadata a time {/*display: none !important;*/}



ul.comment-list li img { border-radius: 50px;}



.comment-list div.reply .comment-reply-link, #cancel-comment-reply-link {background:#24598f; color:#fff; border-radius:8px;  font-size:16px; line-height:18px; border:none; padding:10px 18px; float:right; display:inline-block; cursor:pointer; }



.comment-list div.reply .comment-reply-link:hover, #cancel-comment-reply-link:hover { background:#333;}











.comment-awaiting-moderation {



    color: #24598f;



    display: block;



    font-size: 14px;



    font-style: normal;



    margin: 0 0 3% 10%;



}







.m-footer-menu {display: none;}







.dsk-footer-menu {width: 700px; float: left;}



.dsk-footer-menu ul li.footer-first a {font-weight: bold;}



.logo-pharse {text-align: center; float: right; width: 400px;}



.logo-pharse img {}



.logo-pharse span {display: block; color: #000;}



    



.logo-wrap { position: relative; }







.fixed { position:fixed;z-index: 99999;background: #fff;width: 1280px;}







.content-inner img {max-width: 100%; height: auto;}







img.alignleft {



    float: left;



 margin: 7px 24px 7px 0;



}







img.alignright {



    float: right;



 margin: 7px 0 7px 24px;



}







img.aligncenter, img.alignnone {



    float: none;



 margin: 0 auto 10px;



 display: block;



}







@media (min-width:768px) and (max-width:990px) {



    .nav-innner #social-sharing {float: none !important; text-align: center; border-top: 1px solid #e0e0e0; clear: both;}



}







@media (min-width:768px) and (max-width:1060px) {



.nav-innner #social-sharing {float: right; text-align: center; /*border-top: 1px solid #e0e0e0; clear: both;*/}



.nav-innner #social-sharing ul {display: inline-block;}



.nav-innner #social-sharing ul li:first-child {background: none;}











}



    



/*=======================  Responsive Css 768px and 1279px  ======================= */



@media (min-width:768px) and (max-width:1279px) {



.wrapper{ margin:0 auto; width:95%;}



.logo-wrap{ margin:50px 0 0;}



.logo-wrap span{ font-size:20px; margin-top:40px;}







#main-cotent{ background-size: 100% ;}



#main-nav ul li a{ font-size:13px; padding:21px 5px;}



#main-nav ul li.sub-menu ul li a{ font-size:12px; line-height:14px; padding:10px 10px;}











#header-top span{ font-size:16px;}



#header-middle .contact-detail .number{ font-size:20px;}







#home-slider .slider-text{ padding:20px 0 0 0; width:95%;}



#home-slider .slider-text span{font-size: 25px;line-height: 30px;}



#home-slider .slider-text em{ font-size: 40px; line-height:45px; left: 25px;}



#home-slider .slider-text a{ left:40px;}











.left-column{ width:75%;}



.sidebar h5{ font-size:15px; padding:20px; line-height:17px; border-left:none; }



.sidebar { width: 24.8%;}







.fixed {width: 95%;}







.sidebar ul,.sidebar-content {  margin:8%;}



.sidebar-content ul{ text-align:center;}



.sidebar ul li a{ font-size:14px; line-height:20px;}



.sidebar-content p{ font-size:14px; line-height:20px;}



h1{ font-size:40px;}



h2{ font-size:30px; line-height:34px; }



h3{ font-size:24px; }



h4{ font-size:18px; }



h5{ font-size:15px;}



h6{ font-size:13px;}



p{ font-size:14px; }



.content-inner blockquote{ font-size:14px; padding:0 0 0 3%;}



.content-inner{ padding:3%;}



.content-inner .thumb-img{ width:25%; margin:0 5% 0 0;}



.content-inner .detail-desc{ width:70%;}



.content-inner .detail-desc-large{ width:84%;}



.post-list.first{ padding:0 0 5%;}



.post-list{ padding:5% 0;}



.share-post{ padding:3% 5%;}



.read-more{ font-size:15px;}



.sidebar-content ul{ margin:0;}



.sidebar-content ul li img{ display:inline-block; vertical-align:top; float:none; margin:0 0 10px 0}



.sidebar-content ul li a{ display:block;  }



.sidebar-content ul li span{ display:block;}



.footer-inner{ padding:5%;}



.footer-inner .footer-block{ margin-left:4%; width:22%;}



.footer-inner .footer-block ul li a,.footer-inner .footer-block p{ font-size:14px; line-height:20px;}



.home-slider .slider-text span{ font-size:28px; line-height:30px;}



.home-slider .slider-text em{ font-size:15px; line-height:20px;}



.bx-wrapper .bx-controls-direction a{ width:40px !important; }



.home-slider .slider-text{ left:45px !important; bottom:15px !important;}



.footer-links{ /*padding:3%;*/}



.bx-wrapper .bx-next{ right:-1px !important;} 



.pagination-section{ padding:7% 0;}



.home-slider{ padding:4%;} 



.search-area{ padding:10px;}



.content-inner .thumb-img span{ padding:5px 8px; font-size:12px; height:40px; width:30px; line-height:14px;}



.content-inner .thumb-img span em{ font-size:20px; line-height:22px;}







.page-title{ width:94%; padding:3%; float:none;}



.inner-page .search-area{ float:none;margin: 2%; width: 96%;}



.author-section .author-pic{ margin-right:5%;}



.author-section .author-desc{ width:81%;} 



.author-section{ padding:5%;}







.comment-list li .person-pic{ width:13%; }



.comment-list .comment-detail{ width:85%;}







.comment-form .textarea-field{ width:94%; padding:3%;}



.comment-form .input-field{ padding:3%;}



.comment-form{   padding-bottom: 330px;}



.links-list li a{ font-size:14px;}



.footer-links ul li .sub-menu { margin-bottom: 20px;}







.footer-links ul#menu-footer-menu-1{width:65%;}











.logo-pharse img {max-width: 100%;height: auto;}



.logo-pharse {float: none;width: 100%;}



.logo-pharse span {font-size: 14px; font-family: "Open Sans",sans-serif;}











}







/*=======================  max-width 767px, mobile-only styles, use when QAing mobile issues   ======================= */



@media screen and (max-width: 767px){



#wrapper-outer{ width:100%; position:relative; z-index:9999; background:#f7f7f7; margin:0; box-shadow:0 0 10px 1px #666;}



.wrapper{ width:95%;}



header #main-nav{ display:none;}







#header-top span{ font-size:14px; float:none; display:inline-block;}



#header-top{ text-align:center;}



#header-top ul{ float:none;}



#header-top ul li{ display:inline-block; float:none;}







#header-middle .contact-detail .number{ font-size:18px;}







#main-cotent{ background:#f7f7f7;}



.left-column{ background:#fff;}







/*====================== mobile-menu ======================*/



.nav-icon {  background:#24598f url(images/nav-icon.png) no-repeat center center;   display: block;   height: 40px; position: absolute; right:20px; top: 17px;   width: 40px;  z-index:9999; border-radius:5px;  }



.mobile-menu{background:#fff; display: block;  height: 100%;   position: absolute;  right: 0;  top: 0;  width: 64%;  z-index: 0;	}



.mobile-menu ul {  display: block;  margin: 0;  padding: 10px 0;}



.mobile-menu ul li { position:relative;  float: left; line-height: 24px;  width: 100%; list-style:none; padding:0; margin:0 0 10px 0;}



.mobile-menu ul li.sub-menu a{  }



.mobile-menu ul li a{  display:block; padding:0 0 0 10px; line-height:40px;background:#24598f; color:#fff; font-size:16px; }



.mobile-menu ul li a:hover, .mobile-menu ul li.current-menu-item a, .mobile-menu ul li.current-page-ancestor a, .mobile-menu ul li.current-post-ancestor a{ background:#333; }







.mobile-menu ul li.sub-menu a{ padding-right:20px; }



.mobile-menu ul li .sub-menu{ padding:0 0 0 30px;}



.mobile-menu ul li a{ font-size:13px; line-height:30px; padding:4px 0 4px 10px; text-transform:uppercase; }



.mobile-menu ul li .sub-menu{ padding:0; display:none; margin:0; width:100%;  }



.mobile-menu ul li .sub-menu a { font-size:13px; line-height:18px;padding:7px 0 7px 20px; }



.mobile-menu ul li.sub-menu .sub-nav-icon{ background:url(images/menu_arrow.png) no-repeat center center; cursor: pointer; height: 38px; position: absolute; right:0px; top: 0; width: 38px;   z-index: 999;}



.mobile-menu ul li .sub-menu li{ margin:0; }



.mobile-menu ul li.changebg a{ }



.mobile-menu ul li.sub-menu .sub-menu a{ }



.mobile-menu ul li.sub-menu .sub-menu a:hover{ }











.fixed { position:relative;z-index: 99999;background: none;width: 100%;}











.sidebar h5{ border-left:0;}



.logo-wrap{ margin:30px 0 0;}







header .logo{ font-size:58px; line-height:60px;}



header .logo strong{ font-size:42px;}







.logo-wrap span{ font-size:18px; margin:25px 0 0 0;}



#main-nav ul li a{ font-size:13px; padding:21px 8px;}



#header-top span{ font-size:16px;}



#header-middle .contact-detail .number{ font-size:20px;}



#home-slider .slider-text{ padding:20px 0 0 0; width:95%;}



#home-slider .slider-text span{font-size: 25px;line-height: 30px;}



#home-slider .slider-text em{ font-size: 40px; line-height:45px; left: 25px;}



#home-slider .slider-text a{ left:40px;}











.nav-outer{ text-align:center;}



#social-sharing{ display:inline-block; float:none;}



#social-sharing ul li:first-child{ background:url(images/social-divider.png) no-repeat left top;}



#social-sharing ul {background:url(images/social-divider.png) no-repeat right top; display:inline-block;}











.sidebar h5{ font-size:15px; padding:3%;}



.sidebar ul,.sidebar-content {  margin:3%;}



.sidebar-content ul li span{ display:block;}



.sidebar ul li a{ font-size:14px; line-height:20px;}



.sidebar-content p{ font-size:14px; line-height:20px;}


/*-----------------Rakesh code modified to correct jumbled Titles on 13-06-2018-----------------*/
/*h1{ font-size:34px;font-weight:normal;}*/
h1{ font-size:17px;font-weight:normal;}
/*-----------------End Rakesh code modified to correct jumbled Titles on 13-06-2018-----------------*/


h2{ font-size:26px; line-height:34px; }



h3{ font-size:20px; }



h4{ font-size:16px; }



h5{ font-size:14px;}



h6{ font-size:13px;}



p{ font-size:14px; }







.home-slider{ padding:4%;} 



.bx-wrapper .bx-next{ right:-1px !important;} 



.home-slider .slider-text span{ font-size:20px; line-height:24px;}



.home-slider .slider-text em{ font-size:13px; line-height:18px;}



.home-slider .slider-text{ left:35px !important; bottom:10px !important;}







.search-area{ padding:10px 0 10px 3%;}



.search-area input[type="text"]{ width:70%;}



.content-inner{ padding:3%;}



.content-inner .thumb-img{ width:25%; margin:0 3% 0 0;}



.content-inner .detail-desc{ width:72%;}



.post-list.first{ padding:0 0 5%;}



.post-list{ padding:5% 0;}



.share-post{ padding:2%; text-align:center;}



.read-more{ font-size:15px;}



.sidebar-content ul{ margin:0;}



.sidebar-content ul li img{ margin-right:5%;}



.footer-inner{ padding:5%; }



.footer-inner .footer-block{ margin:0 0 3% 0; width:100%;}



.footer-inner .footer-block ul li a,.footer-inner .footer-block p{ font-size:14px; line-height:20px;}



.footer-inner .footer-block ul li a, .footer-inner .footer-block p{ padding:0;}



.content-inner .detail-desc-large{ width:85%;}



.share-post span{ font-size:15px; margin:4px 20px 0 0;}







.left-column{ float:none; width:100%; border:none; }



.sidebar { float: none;  width: 100%; background:#fff;}



 



.bx-wrapper .bx-controls-direction a{ width:30px !important;}







.footer-links{ text-align:center; padding:3%;}



.footer-links ul li,.footer-links ul li:first-child{ margin:0 10px 10px 10px;}



.content-inner .detail-desc p{ padding:0 0 8% 0;}



.pagination-section{ padding:5% 0;}



.pagination-inner{ margin: 0 3% 0 0;}







.page-title{ width:94%; padding:3%; float:none;}



.inner-page .search-area{ float:none;margin: 2%; width: 96%;}



.author-section .author-pic{ margin-right:5%;}



.author-section .author-desc{ width:81%;} 



.author-section{ padding:5%;}







.comment-list li .person-pic{ width:13%; }



.comment-list .comment-detail{ width:85%;}







.comment-form .textarea-field{ width:94%; padding:3%;}



.comment-form .input-field{ padding:3%; width:94%;}



.comment-form{ padding-bottom:5%;}







.inner-page{ margin:5% 0 0 0;}



.content-inner blockquote{ font-size:14px; padding:0 0 0 3%;}



.footer-links ul li a{ font-size:14px;}



.comment-list .comment-detail .reply-btn,.comment-form .submit-btn{ font-size:14px;}



.pagination-inner{ margin:0 25px 0 0;}



.links-list li a{ font-size:14px;}



.blank-space{   display:none; }







.footer-links ul, .footer-links ul li {text-align:left;width:auto !important;}



.footer-links ul li ul.sub-menu {display: none !important;}







.footer-links ul#menu-footer-menu-1 li {



    width: auto;



}







.footer-links .m-footer-menu ul{text-align: center !important;}



.m-footer-menu {display: block;}



.dsk-footer-menu {display: none;}







.logo-pharse img {max-width: 100%;height: auto;}



.logo-pharse {float: none;width: 100%;}



.logo-pharse span {font-size: 14px; font-family: "Open Sans",sans-serif;}



}







/*=============== max-width 640px, mobile-only styles, use when QAing mobile issues  ===============*/



@media screen and (max-width: 640px){



.content-inner .thumb-img{ width:100%; float:none; margin:0 0 3% 0; }



.content-inner .detail-desc{ float:none; width:100%;}



.content-inner .thumb-img img{ width:100%; max-width:inherit; height:auto;}	



.content-inner .thumb-img-none{ width:auto; margin:0; float:none;}	



.content-inner .detail-desc-large{ float:none; width:100%;}



.tab-list li{ background:none;}



.tab-list{ background:none;}



.tab-list li a{ font-size:14px; line-height:18px;}



.comment-list li .person-pic{ width:21%; margin-right:5%; }



.comment-list .comment-detail{ width:70%;}	



.nav-icon{ right:16px;}



.content-inner .thumb-img-none span{ margin:0 0 3% 0;}	



.home-slider{ padding:2%;}







#slider-outer {display: none;}



}







/*=============== max-width 480px, mobile-only styles, use when QAing mobile issues  ===============*/



@media screen and (max-width: 480px){



#social-sharing ul li a{ width:40px; height:40px; background-size:cover !important;}



.search-area input[type="text"]{ width:65%;}


/*----------Rakesh Code Modified on 13-06-2018 to Fix Jumbled Titles issue------------*/
/*h1{ font-size:24px; line-height:30px; font-weight:normal;}*/
h1{ font-size:14px; line-height:30px; font-weight:normal;}
/*----------End Rakesh Code Modified on 13-06-2018 to Fix Jumbled Titles issue------------*/


.author-section{ text-align:center;}



.author-section .author-pic{ float:none; display:inline-block; margin:0 0 5% 0;}



.author-section .author-desc{ width:100%; float:none;}



.share-post span{ margin:4px 5px 0 0;}



.logo-wrap span{ display: block; margin:0;}







header .logo{ line-height:40px;}



header .logo strong{ line-height: 30px;}



}











.content-inner .detail-desc h2 a {text-decoration: none;}





.sidebar-content input[type="email"] {

    border: 1px solid #ccc;

    border-radius: 6px;

    color: hsl(0, 0%, 20%);

    font-size: 16px;

    line-height: 18px;

    margin: 0;

    padding: 8px 14px;

    font-family: "Raleway",sans-serif;

   

}

.mc4wp-form input[type="submit"] {

    background: #24598F;

    border: none;

    border-radius: 8px;

    color: #FFFFFF;   

    font-size: 14px;

    font-weight: 800;

    line-height: 16px;

    padding: 8px 18px;

    text-shadow: 0 1px 1px #000000;

    font-family: "Raleway",sans-serif;

}

.mc4wp-form input[type="submit"]:hover {

    background: #333333;

}



#es_txt_email{

    border: 1px solid #e6e6e6;

    border-radius: 10px;

    color: #333333;

    font-size: 16px;

    line-height: 18px;

    margin: 0;

    padding: 8px 14px;

    max-width: 100%;

}



#es_txt_button{

    background: #24598f;

    border: none;

    border-radius: 8px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 800;

    line-height: 16px;

    padding: 10px 18px;

    text-shadow: 0 1px 1px #000000;

    cursor: pointer;

    margin-left: 3px;

}

#es_txt_name{ padding: 10px 18px;width: 230px;}

#es_txt_button:hover{background: #333333;}
/*Code modified to show the titles below previous button on 08-06-2018*/

/*.next-pre{width: 100%;display: block;clear: both;margin: 20px 0;}*/

.next-pre{width: 100%;display: block;clear: both;margin: 20px 0; margin-top:120px;}

/*End Code modified to show the titles below previous button on 08-06-2018*/

.next-pre a {

    background: #24598f;

    border: none;

    border-radius: 8px;

    color: #ffffff;

    cursor: pointer;

    font-size: 14px;

    font-weight: 800;

    line-height: 16px;

    margin-left: 3px;

    padding: 10px 18px;

    text-shadow: 0 1px 1px #000000;

    text-decoration: none;
    /*This code is added by Rakesh on -01-06-2018 to give margin from right side*/
    margin-right: 30px;
    /*End This code is added by Rakesh on -01-06-2018 to give margin from right side*/
}



.next-pre a:hover{

    color:#fff;

    background: #333;

    text-decoration: none;

}



.next-pre a:first-child{float: right;}

.next-pre a:last-child{float: left;}

img{max-width: 100%;height: auto;}