/*
Theme Name: Naccae
Theme URI: http://demo.com/themes/ssxtheme
Author: Naccae
Author URI: http://demo.com/
Description: The Naccae theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Naccae

font:-

*/
/**
* 1.0 Reset
*
* Modified from Normalize.css to provide cross-browser consistency and a smart
* default styling of HTML elements.
*
* @see http://git.io/normalize

* ----------------------------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz@1,6..96&display=swap');

/*
font-family: 'Mermaid';
font-family: 'Masterics Personal Use';
font-family: 'Montserrat', sans-serif;
font-family: 'Bodoni Moda', serif;
*/

* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { width: 100%; font-size: 20px; line-height: 1.3; color: #242424; font-family: 'Montserrat', sans-serif; background: #ffffff; }
*::-webkit-input-placeholder { opacity:0.80;  }
*::-moz-placeholder {opacity:0.80; }
*:-ms-input-placeholder {opacity:0.80; }

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Montserrat', sans-serif; }

:focus,input:focus, textarea:focus { outline: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }

p { padding-bottom: 25px; line-height: 1.57; }
p a { color: #16837d; text-decoration:none; }
p a:hover { text-decoration:underline; }

h1,h2,h3,h4,h5,h6 { padding-bottom: 15px; font-family: 'Mermaid'; position: relative; }
h1 {  font-size: 50px; line-height: 55px; }
h2 {  font-size: 40px; line-height: 45px; }
h3 { font-size: 30px; line-height: 36px; }
h4 { font-size: 25px; line-height: 30px; }
h5 { font-size: 20px; line-height: 26px; }
h6 { font-size: 18px; line-height: 24px; }

.wpcf7-form-control, input[type="text"], input[type="email"],input[type="url"],input[type="tel"],input[type="password"], textarea { padding: 12px 20px !important; width: 100%; height: 47px; border:1px solid #000; font-size: 17px !important; font-weight:700; color: #000 !important; border-radius: 4px; -webkit-border-radius: 4px; background:#fff !important; }
textarea.field, textarea.wpcf7-form-control { height: 200px;  resize:none; overflow:auto; }


.button, 
input.tnp-submit, 
.wpcf7-form-control.wpcf7-submit { display: inline-block; vertical-align: top; margin:0; border:0; font-size: 17px; line-height: 1; color: #fff; padding: 10px 30px; border:0; cursor: pointer; background:#000000; border-radius: 30px; -webkit-border-radius: 30px; font-family: 'Gotham Ultra'; transition: all 0.3s; -webkit-transition: all 0.3s; font-weight:900 ;  text-transform: uppercase; }

.button:hover, .tnp-submit:hover, .wpcf7-submit:hover { text-decoration:none; background: #113270; color: #fff; }

/* common */
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; color: #161616; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; transition:all 0.3s; -webkit-transition:all 0.3s; }

/* wrapper */
#wrapper { width: 100%; min-height: 100%; position: relative; overflow: hidden; }
.centering, .wrapper {width: 100%; max-width: 1520px; padding: 0 15px; margin: auto; position: relative; }
.centering:after ,
.wrapper:after { clear:both; overflow:hidden; display: block; content:''; } 

.mobilemenu,
.close { display: none; }

.flex-wrap { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.space-between { justify-content:space-between; -webkit-justify-content:space-between; }
.v-center { align-items:center; -webkit-align-items:center; }
[href^="tel"] { cursor: default; }

/* header-bar */
#header-bar { position: absolute; left:0; top:0; z-index: 100; width: 100%; }

/*top_bar*/
.top_bar { padding:0px 0 28px 0; width: 100%; text-align: right; }
.top_bar .internal { width: 100%; max-width: 1690px; padding: 0 15px; margin:auto; position: relative; }
.top_bar ul { text-align: right; font-size: 0; padding: 0 5px 0 0; }
.top_bar li { display: inline-block; vertical-align: top; padding: 0 0 0 7px; }
.top_bar li a { display: inline-block; font-size: 30px; color: #f8d56c; background: #233279; padding: 35px 20px 13px; }
.top_bar li a:hover { color: #fff; }  

/*header_bar*/
.header_bar { padding:20px 0; width: 100%; max-width: 1920px; margin:0 auto; position: relative; background: #233279; border: 4px solid #efce54; }
.header_bar .internal { width: 100%; max-width: 1690px; margin: 0 auto; position: relative; }
.header_bar #logo { max-width: 234px; position:absolute; left:30px; top:-90px; }

/*header_bar*/
#header-bar a.mobilemenu,
#header-bar a.menu_trigger { font-weight:400; margin: 0 35px 0 0px; z-index:2; padding: 10px 15px 0px 60px; font-size: 30px; font-weight:300; line-height: 37px; color: #ffffff; background: url(images/menu-icon.png) left center no-repeat; float: right; min-height:54px;}
#header-bar a.mobilemenu { display: none; margin:5px 0 0 0; }

	/* nav-bar */
	.nav-bar { padding: 15px 0; width: 100%; position: absolute; display: none; text-align: center; z-index: 999; background: #233279; border: 2px solid #efce54; }
	#header-bar .nav-bar .wrapper { padding: 0 15px; }
	.nav-bar ul { list-style: none; line-height:0;}
	.nav-bar li { padding: 0 10px; display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; font-weight: 600; position: relative; text-transform: uppercase;  }
	.nav-bar li a { color: #f8d56c; display: block; }
	.nav-bar li.current-menu-item > a { color: #fff; }
	.nav-bar li a.active { color: #fff; }
	.nav-bar li:after { width: 2px; height: 18px; content: ''; position: absolute; left: -3px; top: 1px; background: #f8d56c; }
	.nav-bar li:first-child:after { display: none; }
	.nav-bar li a.clicked { color: #fff; }
	.nav-bar li > a:hover { color: #fff; text-decoration: none; }
	.nav-bar .sub-menu li:after { display: none; }
	.nav-bar li:hover .sub-menu { opacity: 1; visibility: visible; }
	.nav-bar .sub-menu li { padding: 2px 10px; }
	.nav-bar .sub-menu { padding: 8px 0; min-width: 130px; position: absolute; top: 100%; left: 0; z-index: 999; text-align: left; opacity: 0; visibility: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; background: #16837d; }
	.nav-bar .sub-menu li { padding: 2px 10px; font-size: 17px; }
	
	@-webkit-keyframes stickyhead{
		0%{opacity:0;-webkit-transform:translateY(-100%) }
		100%{opacity:1;-webkit-transform:translateY(0)} 
	}	
	@-moz-keyframes nav-bar{ 
		0%{opacity:0;-moz-transform:translateY(-100%)}
		100%{opacity:1;-moz-transform:translateY(0)}
	}
	@keyframes stickyhead{
		0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
		100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
	}
	.stickyhead .nav-bar { top:0; position: fixed; -moz-box-shadow: 0px 0px 4px #000000; -webkit-box-shadow: 0px 0px 4px #000000; box-shadow: 0px 0px 4px #000000; opacity: 1; visibility: visible;  display: block !important; -webkit-animation:stickyhead ease-in-out 0.7s 0.1s both;-moz-animation:stickyhead ease-in-out 0.7s 0.1s both;animation:stickyhead ease-in-out 0.7s 0.1s both; }
	.stickyhead .nav-bar li a:hover,
	.stickyhead .nav-bar li a.clicked { color: #e1c401; }
	.stickyhead .header_bar { margin-top:165px; }
	
	
/* content-part */
#content-part { width: 100%; position: relative; }

	/* slider-bar */
	.slider-bar { width: 100%; position: relative; }
	.custom .tp-bullet { width: 25px; height: 25px; background:rgba(255,255,255,0.61); border-radius: 4px; -webkit-border-radius: 4px; }
	.custom .tp-bullet:hover, .custom .tp-bullet.selected { opacity:100; background:#d6b178; }
	.slider-bar .tparrows { background: none; border-radius:; width: 34px; height:48px; border-radius: 50%; }
	.slider-bar .tparrows::before { font-size: 34px; line-height: 48px; height: 48px; font-size:0; background:url(images/rev-next.png) center center no-repeat; }
	.custom.tparrows.tp-leftarrow::before { background:url(images/rev-prev.png) center center no-repeat ; }
	.slider-bar .tparrows:hover { background: none; } 
	.slider-bar h1 { font-family: 'Mermaid' !important; letter-spacing: 0 !important; }
	
	
	/* banner-bar */
	.banner-bar { position: relative; min-height:500px; background-position: center center; background-size:cover; }

		
	/*greeting_sec*/		
	.greeting_sec { padding: 330px 0 65px 0; width: 100%; position: relative; background:  url(images/greeting-bg.png) center top no-repeat; background-size:100% auto; margin-top:-270px; z-index:1;  border-bottom: 6px solid #efce54; }
	.greeting_sec .text { padding: 30px 0 0 130px; text-align:center; width: 51%; }
	.greeting_sec .right { padding: 0 0 0 60px; align-items:flex-start; width: 49%; }
	.greeting_sec .wrapper { max-width: 1630px; }
	.greeting_sec .image { width: 56%; border: 13px solid #fff; }
	.greeting_sec .image figure { width: 100%; position: relative; height:0; padding-bottom: 147%; }
	.greeting_sec .image figure img { position:absolute; left:0; top:0; width: 100%; height: 100%; object-fit:cover; }
	.greeting_sec .image.two { z-index:1; margin: 190px 0 0 -87px; width: calc(44% + 87px); }  
	.greeting_sec h2 { font-size: 71px; line-height: 1.1; color: #233273; }
	.greeting_sec p { letter-spacing: -0.01em; font-size: 30px; line-height: 46px; }
	.greeting_sec p em { font-family: 'Bodoni Moda', serif; letter-spacing: -0.04em;  }
	
	/*gallery_title*/	
	.gallery_sec { position: relative; padding: 0; margin-bottom: 70px; width: 100%; border-bottom: 6px solid #efce54; }
	.gallery_sec .gallery_slider .slide a img { width:100%; height: 100%; ovject-fit:cover; position:absolute; left:0; top:0; }
	.gallery_sec .gallery_slider { position: relative; padding: 0; }
	.gallery_sec .gallery_slider .slide a { position: relative; width: 100%; display: block; padding-bottom: 70%; }  
	.gallery_sec .gallery_slider .slide a img { width: 100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; }
	.gallery_sec .gallery_slider .slick-dots { font-size:0; line-height:0; text-align: center; position:absolute; left:0; bottom:-45px; width: 100%; }
	.gallery_sec .gallery_slider .slick-dots li { padding: 0 15px; display: inline-block; vertical-align: top; }
	.gallery_sec .gallery_slider .slick-dots li button { border:0; cursor: pointer;  width: 25px; height: 25px; background:#737da4; border-radius: 4px; -webkit-border-radius: 4px; font-size:0; line-height:0; }
	.gallery_sec .gallery_slider .slick-dots li.slick-active button,
	.gallery_sec .gallery_slider .slick-dots li button:hover { background:#233274; }
	
	/*mid_banner_sec*/
	.mid_banner_sec { padding: 60px 0 40px; border-bottom: 6px solid #fff; text-align: center; width: 100%; position: relative; background-position: center center; background-size:cover; }
	.mid_banner_sec h3 { font-size: 65px; line-height: 0.8; color: #fff; font-family: 'Mermaid'; }
	.mid_banner_sec h3 em { margin: -35px 0 -75px 0; display:block; font-size: 160px; font-family: 'Masterics Personal Use'; font-weight:400; letter-spacing: 0.10em; color:#fdef95; } 
	.mid_banner_sec p { font-size: 26px; line-height: 1.1; color:#fff; font-family: 'Mermaid'; font-weight:700; } 
	.mid_banner_sec h4 { padding:0; font-size: 24px; line-height: 1.1; font-family: 'Montserrat', sans-serif; color:#fff; }
	.mid_banner_sec h4 strong { font-size: 28px; font-weight: 900; } 

	
	/*newsletter_sec*/
	.newsletter_sec { width:100%; position: relative; border-bottom: 6px solid #fff; }
	.newsletter_sec .block { padding: 50px; display: flex; flex-wrap:wrap; align-content:center; justify-content:center; min-height:415px; width:50%; overflow: hidden; background-position: center top; background-size:cover; }
	.newsletter_sec .internal { width: 100%; text-align:center; }
	.newsletter_sec h2 { font-family: 'Montserrat', sans-serif; color: #fff; text-transform: uppercase; letter-spacing: -0.02em; font-weight:700; font-size: 80px; line-height: 1; }
	.newsletter_sec h3 { text-transform: uppercase; font-size: 51px; color: #efd163; font-family: 'Montserrat', sans-serif; font-weight:300; line-height:1;  }
	.newsletter_sec .join_family { border-left: 4px solid #efd163; }
	.newsletter_sec h2  em { font-size: 151px; display:block; margin: -60px 0 0 0; font-family: 'Masterics Personal Use'; text-transform: none; font-weight:400; letter-spacing: 0.10em; color: #fceb8e; }
	.newsletter_sec .join_family p { font-size: 36px; line-height: 1; font-weight:300; text-transform: uppercase; color:#fff; }
	.newsletter_sec .join_family p a { color: #fff; }
	.newsletter_sec .join_family h2 { padding-top: 20px; }
	.newsletter_sec .tnp-field-firstname { display: none; }
	.newsletter_sec label { font-size:0 !important; line-height:0 !important; padding:0 !important; }
	.newsletter_sec .tnp-subscription { margin-bottom:0; margin-top:0; position: relative; padding: 0 180px 0 0; max-width: 600px; }
	.newsletter_sec .tnp-subscription input.tnp-submit { text-transform: uppercase !important; font-family:Arial, Helvetica, sans-serif !important; width: 100%; height: 55px; background:#202020 !important; height: 60px; font-weight:normal !important; font-size: 20px !important; letter-spacing: 0.12em !important; line-height: 20px !important; padding: 20px 10px !important; color: #fff; text-align: center; border-radius: 0; border-top: 1px solid rgba(255,255,255,0.4); border-bottom: 1px solid rgba(255,255,255,0.4);}
	.newsletter_sec .tnp-field-button { width: 180px; position:absolute; right:0; top:0; }
	.newsletter_sec .tnp-subscription input[type=email] { width: 100%; border-radius:0; -webkit-border-radius:0; font-weight:700; height: 60px; font-size: 15px !important; color: #000; letter-spacing: normal; }
	.newsletter_sec .tnp-subscription input.tnp-submit:hover { background:#041a7e !important; } 
	
	
	/*content-bar*/
	.content-bar { width: 100%; padding:60px 0; position: relative; }	
	
	/* text-bar */
	.text-bar { padding: 60px 0 40px; }
	.text-bar blockquote p { font-style: italic; }
	.text-bar.innerpage h2, .text-bar.innerpage h3, .text-bar.innerpage h4, .text-bar.innerpage h5, .text-bar.innerpage h6 { padding-bottom: 5px; }
	.text-bar.innerpage ul { padding: 0 0 20px 20px; list-style: disc; }
	.text-bar.innerpage ol { padding: 0 0 20px 20px; }
	.text-bar.innerpage li { line-height: 23px; font-size: 18px; }
	.text-bar .directorylist { display: flex; flex-wrap: wrap; border: #999 solid 1px; background: #fce280; position: relative;  }
	.text-bar .directorylist:before { content: ""; position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; background: #233279; }
	.text-bar .directorylist .columns { padding: 30px; width: 50%; position: relative; z-index: 10; }
	.text-bar .directorylist .directory { padding-bottom: 15px; }
	.text-bar .directorylist .columns a { color: #000; }
	.text-bar .directorylist .columns h4 { color: #233279; }
	.text-bar .directorylist .columns:nth-child(even) { color: #fff; }
	.text-bar .directorylist .columns:nth-child(even) a { color: #fff; }
	.text-bar .directorylist .columns:nth-child(even) h4 { color: #fce280; }
	.text-bar .directorylist .columns:nth-child(even) { }
	.text-bar .directorylist { }
	.text-bar .directorylist { }
	.text-bar .directorylist { }
	.text-bar .directorylist { }
	.text-bar #pagination-container { padding: 30px 0px 20px; overflow: hidden; }
	.text-bar #pagination-container ul { list-style: none; float: right; }
	.text-bar #pagination-container li { display: none; }
	.text-bar #pagination-container li { padding-left: 15px; float: left; }
	.text-bar #pagination-container li a { padding: 12px 20px; line-height: 20px; font-size: 16px; color: #fff; text-decoration: none; transition: 0.3s all; background: #233279; }
	.text-bar #pagination-container li a:hover { background: #000; }
	.text-bar #pagination-container li:first-child, .text-bar #pagination-container li:last-child { display: block; }
	.text-bar #pagination-container li.active { display: none; }
	.text-bar #pagination-container { }
	.text-bar #pagination-container { }
	.text-bar { }
	.error404 .text-bar { padding: 80px 0 60px; text-align:center; }

	/* footer-bar */
	#footer-part { width: 100%; }
	
	.footer_top { padding: 40px 0 50px; width: 100%; background: #141469 url(images/footer-bg.jpg) center center no-repeat; background-size:cover; }			
	.footer_top .wrapper { max-width: 1090px; }
	.footer_top .logo { padding: 0 20px; max-width: 450px; width: 100%; text-align:center; }
	.footer_top .logo a { max-width: 288px; display: inline-block; vertical-align: top; }
	.footer_top .col2 { width: calc(100% - 450px); }
	.footer_top h4 { letter-spacing: 0.05em; padding-bottom: 20px; font-size: 23px; font-weight:900; color: #fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
	
	
	
	.footer_top .wpcf7-form-control, 
	.footer_top input[type="text"], 
	.footer_top input[type="email"],
	.footer_top input[type="url"],
	.footer_top input[type="tel"],
	.footer_top input[type="password"], 
	.footer_top textarea { float: none; border: 2px solid #fff; height: 37px; width: 100%; font-family: 'Montserrat', sans-serif; font-size: 11px !important; padding: 5px 10px !important; border-radius:0; background: none !important; margin-bottom: 20px; color: #fff !important; }
	.footer_top textarea.wpcf7-form-control { margin-bottom: 15px; }
	.footer_top *::-webkit-input-placeholder { opacity:0.80; color: #fff; }
	.footer_top *::-moz-placeholder {opacity:0.80; color: #fff; }
	.footer_top *:-ms-input-placeholder {opacity:0.80; color: #fff; }
	.footer_top textarea  { height: 75px !important; }
	.footer_top .wpcf7-form-control.wpcf7-submit { width: 170px; height: 45px; font-size: 11px; line-height: 16px; padding: 9px 15px; color: #fff !important; background:#2e2e2e !important; text-transform: uppercase !important; margin:0px 0px 0 10px; border:0; font-weight:700; letter-spacing: 0.14em !important; }
	.footer_top .wpcf7-form-control.wpcf7-submit:hover { background: #ffe049 !important; color:#222 !important; }
	.footer_top .wpcf7-form-control-wrap { display: block; float: left; width: 50%; padding: 0 12px; }
	.footer_top .wpcf7-form-control-wrap.your-message { overflow: hidden; width: 100%; float: none; }
	.footer_top form p { padding:0  !important; }
	.footer_top form  { margin: -10px; }
	.footer_top a[href^="mailto"]:hover { color: #f15a29; }
	
	/*copyright-bar*/
	.copyright-bar { padding: 30px 0; width: 100%; position: relative; text-align:center; background: #2e2e2e; }
	.copyright-bar .copyright p,
	.copyright-bar .copyright { font-family: Myriad Pro,Open Sans,Arial; font-size: 13px; line-height: 17px; color: #fff; padding:0; }
	.copyright-bar p a { color: #fff; text-decoration:none; }
	.copyright-bar p a:hover { text-decoration:underline; }  
	.copyright-bar .copyright p { display: inline; }
	
	#back-to-top { display: none; position: fixed; bottom: 40px; right: 10px; width: 35px; height: 35px; line-height: 35px; font-size: 25px; cursor: pointer; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 100; background: #233279; color: #fff; font-weight:400; text-align: center; z-index: 9999; }
	
	.share_icon { position:fixed; left:0; top:50%; width: 30px; height:30px; font-size:0; line-height:0; background:#008080 url(images/share-icon.png) center center no-repeat; background-size:60% auto; margin-top:-94px; display: none; }
	
	
	span.wpcf7-not-valid-tip { display: none; }
	div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { padding: 0px; margin: 0px; padding-bottom: 20px; border: 0px; color: #f00; text-align: center; }
	.wpcf7-not-valid-tip { display: none !important; }
	.wpcf7-not-valid { color: #f00 !important; border-color: #f00 !important; }
	div.wpcf7-response-output { margin:10px 12px; font-size: 14px; line-height: 18px; border:0; padding: 5px; background: #fff; color: #f00; }
	div.wpcf7-mail-sent-ok { color: #398f14; }
	.ajax-loader { display: none !important; }
	


	/* ----------Alignment ----------*/ 
	.alignleft { display: inline; float: left; margin-right: 1em !important; }
	.alignright { display: inline; float: right; margin-left: 1em !important; }
	.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
	img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
	table, th, td { border: none }
	table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; width: 100%; }
	caption, th, td { font-weight: normal; text-align: left; }
	th { border-width: 0 1px 1px 0; }
	td { border-width: 0 1px 1px 0; vertical-align: top; }
	td img { width: 100%; max-width: 100%; vertical-align: top; margin: 0px; height: auto; }
	th, td { padding: 0.4em; }
	th { font-size: 24px; letter-spacing: 1px; line-height: 28px; }
	td img.alignnone { margin: 0px }
	blockquote { font-weight: normal; margin: 0 1em; }
	blockquote em, blockquote i, blockquote cite { font-style: normal; }
	blockquote cite { color: #666; letter-spacing: 0.05em; text-transform: uppercase; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }
	#blogWrapper { padding: 45px 0; width: 100%; overflow: hidden; }
	#blogWrapper .wrapper { max-width: 1200px; }
	
	/* blog container */
	.patners_box { float: left; width: 100%; text-align: center; padding: 20px }
	#BlogCntr { width: 100%; position: relative; overflow: hidden; }
	
	/* left blog box */
	.leftBlogBox { width: 72%; float: left; padding-right: 30px; border-right: 1px solid #bebebe; min-height: 500px }
	.leftBlogBox ul, .leftBlogBox ol { margin-bottom: 20px; list-style-position: inside; }
	.leftBlogBox ul { list-style: disc; padding-left: 15px; }
	.single .leftBlogBox ul { padding: 0 0 20px 25px; list-style: disc; }
	.single .leftBlogBox ol { padding: 0 0 20px 0px; }
	.single .leftBlogBox li { line-height: 23px; font-size: 18px; }
	/*.single .leftBlogBox h1 { padding-bottom: 5px; text-transform: capitalize }*/
	.single .leftBlogBox p { display: block }
	.leftBlogBox ul.dateBar { list-style: none; margin: 0 0 10px 0; padding: 0px }
	.single .leftBlogBox ul.dateBar { margin: 0 0 15px 0; padding-left: 0px }
	.leftBlogBox ul.dateBar li { font-size: 14px; }
	.leftBlogBox ul.dateBar li strong { color: #000; }
	.leftBlogBox p { padding-bottom: 15px; display: inline; margin-bottom: 0; }
	.leftBlogBox .postLoop { width: 100%; overflow: hidden; padding: 15px 0; margin: 0px; border-bottom: 1px solid #bebebe; }
	.leftBlogBox .postLoop:last-child, .leftBlogBox .postLoop:last-of-type { border-bottom: none; }
	.leftBlogBox .postLoop .image { max-width: 45%; float: left; margin: 5px 15px 5px 0; }
	.leftBlogBox .postLoop h2 { text-transform: capitalize; margin: 0px; font-size:30px; line-height: 36px; padding-bottom: 10px; }
	.leftBlogBox .postLoop h2 a {
		color: #161616; text-decoration: none }
	.leftBlogBox .postLoop h2 a:hover { color: #f1501c; }
	.leftBlogBox .postLoop a.read-more { display: inline-block;  color: #161616; text-decoration: none; text-transform: capitalize; font-weight: 600 }
	.leftBlogBox .postLoop a.read-more:hover { color: #f1501c; }
	.leftBlogBox h4.title { font-size: 16px; font-weight: normal; padding-top: 15px; color: #161616; text-transform: capitalize; } /* comment form */
	.leftBlogBox #commentform { width: 100%; }
	.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="url"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { border: 1px solid #000; padding: 7px 10px; box-sizing: border-box; color: #000; font-size: 15px; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; resize: none; margin: 0; width: 535px; }
	.leftBlogBox #commentform textarea { height: 150px; }
	.leftBlogBox #commentform input[type="submit"] { width: auto; padding: 5px; border: none; background: #ea0000; color: #fff; cursor: pointer; border-radius: 0; font-size: 16px; }
	.leftBlogBox #commentform input[type="submit"]:hover, .leftBlogBox #commentform p.form-submit input[type="submit"]:hover { background: #f1501c; }
	.leftBlogBox #commentform p.form-submit input[type="submit"] { width: auto; padding: 8px 15px; border: none; background: #161616; color: #fff; cursor: pointer; margin-left: 100px; }
	.leftBlogBox #respond h3 { padding-bottom: 20px; }
	.leftBlogBox #commentform input[type="text"].error, .leftBlogBox #commentform input[type="email"].error, .leftBlogBox #commentform textarea.error { border: 1px solid #f00!important }
	.leftBlogBox div.error { display: none !important }
	.leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title, h3#reply-title { border-bottom: 1px solid #000; font-size: 24px; font-weight: normal; line-height: 29px; margin-bottom: 10px; padding-bottom: 10px; color: #000; }
	.leftBlogBox #comments { clear: both; margin-bottom: 10px }
	.leftBlogBox #comments footer { border: none }
	.leftBlogBox .commentlist, .leftBlogBox .comment-list { list-style: outside none none; margin-top: 10px !important; margin-bottom: 10px; }
	.leftBlogBox .commentlist li { color: #34343f; font-size: 20px; line-height: 30px; list-style: outside none none; overflow: hidden; }
	.leftBlogBox .comment-list li { color: #34343f; font-size: 20px; line-height: 20px; list-style: outside none none; overflow: hidden; }
	.leftBlogBox img.avatar { float: left; margin: 3px 10px 10px 0; width: 50px; border: 1px solid #cccccc; max-width: 100%; height: auto; display: block }
	.leftBlogBox .commentlist cite.fn, .leftBlogBox cite.fn { color: #f1501c;; font-size: 16px; }
	.leftBlogBox span.says { font-size: 16px; }
	.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { font-style: normal; text-decoration: none; font-size: 20px; }
	.leftBlogBox .comment-awaiting-moderation { font-size: 16px; line-height: 21px; color: #000; font-style: normal }
	.leftBlogBox .commentmetadata a { color: #000; cursor: default !important; font-size: 13px; line-height: 16px; }
	.leftBlogBox .commentlist p, .leftBlogBox .comment-list p { clear: both; font-size: 15px; line-height: 19px; }
	.comment-content p { padding-bottom: 5px; } #commentform p { padding-bottom: 15px !important; font-size: 16px; margin-bottom: 0; }
	.leftBlogBox .comment-list .comment-metadata { font-size: 16px; color: #000; }
	.leftBlogBox .comment-reply-link { font-size: 16px; text-decoration: none }
	.leftBlogBox .comment-reply-link:hover { text-decoration: none; color: #039be6; } #cancel-comment-reply-link { color: #000; text-decoration: none; font-size: 20px; line-height: 25px } #cancel-comment-reply-link:hover { text-decoration: underline }
	.leftBlogBox .reply { padding: 0px 0 15px; }
	.leftBlogBox .reply a { color: #000 }
	.leftBlogBox #respond { margin-top: 10px; /*overflow: hidden;*/ width: auto; padding: 0px }
	.leftBlogBox #cancel-comment-reply-link:hover { color: #039be6; text-decoration: none }
	.leftBlogBox .commentlist ul.children, .leftBlogBox .comment-list ol.children { /*margin-left: 25px;*/ /*float:left*/ }
	.leftBlogBox label.screen-reader-text { display: none }
	.leftBlogBox #searchform { width: 100%; margin: 0 auto; } #commentform label { float: left; width: 100px; font-size: 16px; line-height: 21px } #commentform label.error { display: none!important } /* pagination */
	.leftBlogBox .wp-pagenavi { margin: 25px 0 50px 0; }
	.leftBlogBox .wp-pagenavi a, .wp-pagenavi span { font-size: 15px; color: #000; border: 1px solid #7b7b7b }
	.wp-pagenavi a, .wp-pagenavi span { border-color: #7b7b7b; padding: 5px 7px }
	.wp-pagenavi span.current { border-color: #161616; font-weight: normal; color: #fff; background: #161616; }
	.leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi a:hover { background: #161616; color: #fff; border-color: #161616; }
	.wp-pagenavi span.pages:hover { border-color: #000; } /* right blog box */
	.rightBlogBox { width: 27%; float: right; padding-top: 0; padding-left: 25px; }
	.rightBlogBox ul { width: auto; padding-left: 20px; list-style: disc }
	.rightBlogBox .widget { text-align: left; margin-bottom: 25px; overflow: hidden }
	.rightBlogBox h3.widgettitle { margin-bottom: 10px; text-align: center; color: #f1c855; font-size: 34px; text-align: left; text-transform: capitalize; line-height: 40px; padding-bottom: 0px }
	.rightBlogBox label.screen-reader-text { display: none; }
	.rightBlogBox #searchform { width: 100%; margin: 0 auto; }
	.rightBlogBox #searchform input#s { width: 65%; border: 1px solid #7b7b7b; height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px; float: left; margin-right: 5px; color: #7b7b7b; height: 33px; }
	.rightBlogBox #searchform input#searchsubmit { width: 27%; background: #dfb643; color: #fff; border: none; height: 30px; text-transform: capitalize; font-weight: bold; cursor: pointer; float: left; }
	.rightBlogBox #searchform input#searchsubmit:hover { background: #c70505; }
	.rightBlogBox ul  { padding-left:0; list-style: disc; margin-top: 0px }
	.rightBlogBox ul li { width: 100%; text-align: left; padding: 2px 0; color: #000; font-size: 16px; line-height: 19px; list-style-position: inside; }
	.rightBlogBox ul li a { color: #000; text-decoration: none; text-transform: capitalize; outline: none }
	.rightBlogBox ul li.current-cat a { color: #f1501c; }
	.rightBlogBox ul li a:hover { text-decoration: none; color: #f1501c; }
	.mobilesidebar { display: none; }
	.desktopsidebar { display: block } /* single page */
	.search-form .screen-reader-text { display: none }
	.rightBlogBox .search-form input[type='Search'] { margin:0; border-radius: 0px; padding: 5px; font-size: 14px; line-height: 19px; float: left; border: solid 1px #000; color: #000; width: 62%; -webkit-appearance: none; -webkit-border-radius: 0px; height: 33px; }
	.search-form input[type='submit'] { float: left; background: #254e9f; border-radius: 0px; font-size: 15px; line-height: 20px; border: none; color: #fff; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0px; padding: 4px 15px; margin-right: 0px; height: 33px; border: solid 1px #254e9f; }
	.search-form input[type='submit']:hover { background: #f1501c;; border: solid 1px #f1501c;; }
	/*.search-form input[type='Search']:focus { border: solid 1px #000!important }*/
	.leftBlogBox .singleimage { width: 100%; margin-bottom: 15px; }
	.leftBlogBox .singleimage img { max-width: 100%; height: auto; width: 100% }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }	 img { height: auto; }

@media only screen and (max-width:1023px) {
html, body  { font-size: 16px; line-height: 22px; }
p { padding-bottom: 20px; line-height: 22px; }
.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { max-width: 100%; }
.rightBlogBox { padding-left: 15px; }
.leftBlogBox { padding-right: 11px; margin-top:10px; }
.search-form input[type="submit"] { padding: 4px 7px; }
.search-form input[type="Search"] { width: 59%; }
.leftBlogBox .postLoop h2 { font-size: 25px; }
.rightBlogBox .widget h3 { font-size: 22px; padding-bottom: 10px; }
.leftBlogBox #commentform p.form-submit input[type="submit"] { margin-left: 0px; }
.text-bar .directorylist .columns {
    padding: 30px 20px;
}

}


@media only screen and (max-width: 767px) {
.text-bar.innerpage li { font-size: 16px; line-height: 21px; }
.content-bar { padding: 40px 0; }
.leftBlogBox { width: 100%; border-right: 0; }
.mobilesidebar{ width: 500px; display: block; }
.mobilesidebar .search-form{ float:left; width:100%; position:relative; padding-right:85px}
.mobilesidebar .search-form input[type="Search"]{ width:100%; max-width:100%; border-radius: 0px; -webkit-border-radius: 0px; height: 34px; }
.mobilesidebar .search-form input[type="submit"]{ position:absolute; right:0px; top:0px}
#blogWrapper { padding: 30px 0; width:100%; }
.leftBlogBox .widget { margin-bottom: 10px; }
.leftBlogBox { padding-right: 0; width: 100%; float: none; margin-top: 10px; padding-bottom: 10px; }
.rightBlogBox { width: 100%; float: none }
.leftBlogBox .postLoop { padding: 10px 0; }
.mobilesidebar h3.widgettitle { display: none }
.leftBlogBox .widget { margin-bottom: 12px; overflow: hidden; }
.leftBlogBox h1.pagetitle { padding-bottom: 15px; }
.leftBlogBox #searchform input#s { border: 1px solid #7b7b7b; box-sizing: border-box; float: left; height: 30px; margin-right: 4px; padding: 5px; width: 200px; color: #7b7b7b; }
.leftBlogBox #searchform input#searchsubmit { background: #ea0000 none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; float: left; font-weight: bold; height: 30px; text-transform: capitalize; width: 76px; }
.leftBlogBox #searchform input#searchsubmit:hover { background: #c70505; }
.desktopsidebar { display: none; }
.leftBlogBox #cat { padding: 4px 2px; width: 300px; margin-top: 3px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #fff url(images/drop_arrow.png) no-repeat 98% 8px; -webkit-appearance: none; border-radius: 0; border: 1px solid #161616; float: left; width: 100%; color: #000; font-size:14px; line-height:19px; background-size:22px; max-width:100%;  }
.leftBlogBox #cat option { padding: 2px 5px; font-size: 13px; color: #000; }
.leftBlogBox #cat option { padding: 2px 5px; font-size: 13px; }
.leftBlogBox #searchform input#s { width: 200px; }
.wp-pagenavi { margin-bottom: 50px; }
.leftBlogBox .widget_search h3.widgettitle, .leftBlogBox .widget_categories h3.widgettitle { display: none }
.leftBlogBox h1.pagetitle { }
.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea , .leftBlogBox #commentform input[type="url"] { width:380px; border-radius:0px; padding:7px; resize:none;  font-size:16px; line-height:21px  ;-webkit-appearance:none; -webkit-border-radius:0px;}
.leftBlogBox h3#comments, .leftBlogBox #respond h3{ line-height: 18px; font-style:normal }
h2.comments-title { line-height: 22px; font-style: normal; font-size: 18px; }
.leftBlogBox #commentform { margin-top: 30px; }
.leftBlogBox p { padding-bottom: 20px; }
.leftBlogBox h3#comments, .leftBlogBox #respond h3 { font-size: 18px; }
.leftBlogBox #commentform p.form-submit input[type="submit"] { margin-left: 0px; color:#fff; border-radius:0px; font-size:15px; line-height:20px; margin-left:100px ;-webkit-appearance:none; -webkit-border-radius:0px; }
.search-form input[type="submit"] { padding: 4px 16px; }
.leftBlogBox .widget .widget-title { display: none; }
.leftBlogBox .postLoop .image img { height: auto; }
#commentform p { font-size: 15px; }
.leftBlogBox .comment-list .comment-metadata { font-size: 15px; }
.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { font-size: 18px; }
.leftBlogBox { min-height:250px; }	
.error404 .text-bar { padding: 40px 0 30px; }

.text-bar .directorylist .columns {
    padding: 20px;
	width: 100%
}
.text-bar .directorylist:before { display: none; }
.text-bar .directorylist .columns:nth-child(even) { background: #233279; }

}

@media only screen and (max-width: 639px) {
.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { width: 100%; font-size: 15px; }
.leftBlogBox #commentform textarea { height: 150px; }
.leftBlogBox #commentform p.form-submit input[type="submit"] { margin-left: 0; font-size: 14px; }
#commentform label { font-size: 15px; }
.leftBlogBox #commentform { margin-top: 20px; }
.mobilesidebar{ width: 100%; display: block; }
#blogWrapper { padding: 25px 0; }

}


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

caption, th, td { padding-left: 0; float: left; width: 100%; padding-right: 0px; }
.alignleft, .alignnone, .alignright, .aligncenter { float: none; margin: 0 0 10px 0 !important; max-width: 100%; height: auto; display: block; clear: both }
.wp-caption { width: 98% !important; }
.wp-caption.alignleft, .wp-caption.alignnone, .wp-caption.lignright, .wp-caption.aligncenter { float: none; margin: 0 0 10px 0 !important; }
.wp-caption.alignleft img, .wp-caption.alignnone img, .wp-caption.lignright img, .wp-caption.aligncenter img { max-width: 96%; height: auto; width: 96%; }
.wp-caption img { width: 96%; }
.wp-caption p { padding: 3px !important }
td img.alignnone { margin: 0px !important; }
.leftBlogBox .postLoop .image img { width: 100%; max-width: 100%; }
.leftBlogBox .postLoop .image { margin: 5px 0px 10px 0; width: 100%; }
.leftBlogBox .postLoop h2 { font-size: 23px; }
.leftBlogBox .wp-pagenavi { margin: 25px 0 35px 0; }
.leftBlogBox #commentform textarea { height: 100px; }
.leftBlogBox .postLoop .image { max-width: 100%; width: 100%; }

}
@media only screen and (min-width: 768px) {
.mm-menu.mm-current { display: none !important; }
html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
html.mm-opened { overflow: visible !important; }
html.mm-opened body { overflow: visible !important; }
#mm-blocker { display: none !important; }
}