body { 
	/*font-family: 'Open Sans'; */
  font-family: "Regular",Helvetica,Arial,sans-serif;
	color: #171717; 
	font-size: 16px; 
	line-height: 22px; 
	font-weight:400; 
	margin:0; 
	padding: 0;
}




a {text-decoration: none; color: #e87c1e;}

.make-red { color: #720005; }
.make-white, .home-main #middle h3 { color: #fff }

h1, h2 { font-size: 17px; color: #222222; font-weight: normal; margin: 0 0 12px }
h3, .top-heading { text-align: center; font-size: 24px; color: #222222; margin: 0; font-weight: normal; }
.home-main h3 { margin: 0 0 30px; line-height: 30px }
.add-lines:before, .home-main #top h3:before, .home-main #persons h3:before, .home-main #middle h3:before, .home-main #useful h3:before, .home-main #videos h3:before, .home-main #bottom h3:before { content:""; display: block; width: 210px; height: 1px; margin-right: 10px; margin-top: -10px; background: #222; display: inline-block; position: relative; top: -7px}
.add-lines:after, .home-main #top h3:after, .home-main #persons h3:after, .home-main #middle h3:after, .home-main #useful h3:after, .home-main #videos h3:after, .home-main #bottom h3:after { content:""; display: block; width: 210px; height: 1px; margin-left: 10px; margin-top: -10px; background: #222;display: inline-block; position: relative; top: -7px}
.make-white.add-lines:before, .home-main #middle h3:before { background: #fff; }
.make-white.add-lines:after, .home-main #middle h3:after { background: #fff; }
#right-part h3 { font-size: 15px; color: #7e7d7d; font-weight: normal; text-transform: uppercase }


.content-wrapper { width: 98%; max-width: 1150px; margin: auto }
.inner-wrapper { display: inline-block; width: 100% }

#top-line { height: 40px; background: #720005; color: #fff }
#top-line, #top-line a { color: #fff; font-size: 13px }
#top-left { float: left }
#top-left a { margin-left: 12px; position: relative; top: 7px; }
#top-right, #top-right .moduletable { float: right; }
#top-right .moduletable { margin-left: 15px; margin-top: 7px; }
#top-right .moduletable img { margin-right: 6px; position: relative; top: 3px; }

#left-part { width: 852px; float: left; margin-right: 28px;  }
#right-part { width: 270px; float: left; margin-top: 9px; }


header {background: #eeba57; /*background: #d9ccb3;*/ }
header.fixed {position: fixed; z-index: 1000; width: 100%; top:0}
header.fixed #logo img {height: 80px !important; width: auto !important}
header.fixed #menu { margin-top: 40px}
header.fixed #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, header.fixed #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title { padding: 0 0 35px; }
#logo { float: left; padding: 12px 0 5px  }
#menu { float: right; margin-top: 80px }
section { padding: 50px 0 }
section#main { padding: 25px 0 }
.home-main #main { display: none }
section#banner { padding: 0 }
section#banner { line-height: 0 }
section#main .inner-wrapper, section#main #left-part { position: relative }

#main-menu { display:block }
#main-menu ul { list-style: none; margin: 0; padding: 0; display: inline-block; }
#main-menu ul li { float:left; padding:0 22px; position: relative }
#main-menu ul li:last-child { padding-right: 0 }
#main-menu ul li a { font-weight: 600; color: #1d1d1d; text-transform: uppercase; text-decoration: none; font-size: 14px; padding-bottom: 58px }
#main-menu ul li a:hover, #main-menu ul li a:focus { color: #fff; text-decoration: none; outline: none }
#main-menu ul li.active a { color: #fff; }

#main-menu ul ul.nav-child { display: none; padding: 0; position: absolute; left:22px; top: 79px; z-index: 1000; margin-top:0; width: 360px; background: #720005; padding: 5px 0}
#main-menu .nav li:hover > ul { display: block; }
#main-menu ul ul.nav-child li { float: none; position: relative; padding: 2px 11px !important;  text-align: left; }
#main-menu ul ul.nav-child li a  { color: #fff !important; margin-right:0 !important; text-transform: none; text-align: left; line-height: 14px; font-weight: 400; padding-top: 0; padding-bottom: 0; }	
#main-menu ul ul.nav-child li a:hover { color: #aaa !important; }
#main-menu ul ul.nav-child li.active > a { color: #aaa !important;}

#main-menu ul ul ul { position: absolute !important; left: 300px !important; top: 0 !important; margin-top:-5px !important; }

#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {
  background: none !important;
  padding: 0 0 58px ;
  text-transform: none !important;
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss { padding: 0 15px; }
.megamenu.level0 li:last-child {padding-right: 0}

.childcontent { background:#720005; color: #fff}
.childcontent h3, .childcontent h4 a { color: #fff !important; text-transform: none !important;}
.childcontent h4 a:hover, .megamenu.level1 li a:hover  { color: #aaa !important; }
.megamenu.level1 li { padding: 7px 0 !important;  }
.megamenu.level1 li a { color: #fff !important; text-transform: none !important;}

.megamenu.level1 li.active a { color: #eeba57 !important }
 


#mobile-menu {display: none }
#mobile-btn { display:none; padding:0 !important; width: 29px; height: 23px; background:url(../../../images/MOBILE-MENU-ICON.png) no-repeat; position: absolute; top: 90px; right: 20px; cursor: pointer;}
header.fixed #mobile-btn { top: 40px}

.slideshowck { position: relative; margin-bottom: 0 !important }
.camera_pag { position: absolute; bottom: 40px; width: 100%; text-align: center; }
.camera_wrap .camera_pag .camera_pag_ul { text-align:center }
.camera_wrap .camera_pag .camera_pag_ul li { background: transparent !important; border: solid 2px transparent; border-radius: 50% !important }
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { border: solid 2px #fff }
.camera_wrap .camera_pag .camera_pag_ul li span, .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: #fff; width: 6px !important; height: 6px !important; left: 5px !important; top: 5px !important}


#breadcrumbs { display: inline-block; margin: 10px 0; width: 100%; border-bottom: solid 1px #d9ccb3; padding-bottom: 10px }
.breadcrumb { list-style: none; margin: 0; padding:0 }
.breadcrumb li:first-child { display: none }
.breadcrumb li { float: left }
.breadcrumb li, .breadcrumb li a { font-size: 15px; color: #7e7d7d }
.divider { margin: 0 6px 0 4px }

.item-image img{ width: 100%; height:auto; margin-bottom: 15px }
.articleBody { clear: both }

/*.icons { position: absolute; right: 0; top: 10px; }*/
.icons { margin-top: -10px; display: inline-block; width: 100%; }
.icons ul { list-style: none; margin: 0; padding:0 }
.icons ul li { float: left; margin-left: 10px }
.icons ul li a{ font-size:14px; color: #171717; }
.icons ul li a:hover{ font-size:14px; color: #3c090b }
.icons ul li.print-icon:before { content:"\f02f"; color: #3c090b; font-family:'FontAwesome';  }
.icons ul li.email-icon:before { content:"\f0e0"; color: #3c090b; font-family:'FontAwesome';  }
#middle { background: url(../../../images/daily-quote.jpg) no-repeat; background-size: cover  }
#videos { background: url(../../../images/videos-bg.jpg) no-repeat; background-size: cover  }

ul.smartlatest { list-style: none; margin: 0; padding: 0 }
ul.smartlatest li { width: 20%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float:left; padding: 0 2.5px }
ul.smartlatest img { width: 100%; height: auto }
.smartlatest-date { color: #7e7d7d; font-size: 14.5px; margin: 14px 0 6px }
.smartlatest-title a { color: #3c090b; font-size: 15px }
.smartlatest-title a:hover { color: #7e7d7d; }

.nspArt { text-align: center; color: #fff }
.nspArt p { font-size: 22px; line-height: 30px; margin: 40px 0 8px; }
.nspArt div.quote-name { font-size: 17px }
.nspArts { position: relative }
.nspTopInterface { position: absolute; bottom: 0; text-align: center; width: 100%; }
.nspTopInterface div, .nspPagination { float: none !important; display: inline-block;}
.nspPagination li { background: none !important; width: 20px; height: 20px; }
.nspPagination li span, .nspPagination li.active span { width: 6px; height: 6px; background: #fff; display:block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;    margin: 7px 0 0 7px; }
.nspPagination li.active { background: transparent; width: 20px; height: 20px; border:solid 2px #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.nspPagination li > a { background: #fff !important; height: 8px !important; width: 8px !important; margin: 6px 0 0 6px }

#useful-blocks { width: 94%; max-width: 990px; margin: auto }
#useful-blocks img { width: 100%; height: auto }
#useful-blocks h4 { height: 40px; position: relative; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -mbox-sizing: border-box; border: solid 1px #a7a7a7; border-top: 0; text-align: center; margin:0; }
#useful-blocks h4 span { background: #610004; border-bottom: 3px solid #330103; text-align: center; width: 222px; height: 35px; line-height: 32px; color: #fff; font-size: 15px; display: block; margin: auto; position:relative; top:-18px; box-sizing: border-box; -webkit-box-sizing: border-box; -mbox-sizing: border-box; font-weight: 600 }
#useful-blocks div { line-height: 0 }
.two-lines-heading { line-height: 16px !important }
#useful-blocks a { position:absolute; top: 0; bottom:0; left:0; right:0; z-index: 200;}
.hover-block h4 span { background: #fff !important; color: #610004!important }

#persons { background: #fafafa }
#persons .clmn-2 { background: #fff; border: solid 1px #dad9d9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#persons .clmn-2.person-1 img { float: right; border-left: solid 1px #dad9d9 }
#persons .clmn-2.person-2 img { float: left; border-right: solid 1px #dad9d9 }
#persons .info { padding: 25px; float: left; }
#persons h2 { color: #720005; font-size: 19px; margin: 0; padding-bottom: 14px; border-bottom: solid 1px #929292; width: 255px; font-weight: 600; }

.gray-btn { background: #282828; color: #fff; text-align:center; width: 250px; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -mbox-sizing: border-box; display: block; line-height: 40px; font-size: 15px; }
#persons .gray-btn { margin: 100px 0 10px; border:solid 1px #282828 }
.gray-btn:hover { color: #282828; background: #fff }
.red-btn { background: #610004; color: #fff; text-align:center; width: 250px; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -mbox-sizing: border-box; border-bottom: solid 3px #330103; display: block; font-size: 15px; line-height: 40px; }
.red-btn:hover { background: #330103; border-bottom: solid 3px #610004; }
.contact-icon { width: 23px; height: 25px; margin-right: 10px; background:url(../../../images/contact-icon.png)no-repeat;     display: inline-block; position: relative; top: 7px } 

#mitropolis-icons { background: url(../../../images/mitropolis-icons-bg.jpg) no-repeat; background-size: cover }
#mitropolis-icons h3 { margin-bottom: 50px }
#mitropolis-icons h4 { line-height: 18px; }
#mitropolis-icons h4 a{ font-size: 14px; line-height: 18px; font-weight: 600; color: #171717; text-align: center; margin:30px 0 0 }

.clmn-2 { width: 49%; float: left; margin-right: 2% }
.clmn-3 { width: 31.333333%; float: left; margin-right: 2%; margin-bottom: 20px; position:relative }
.clmn-4 { width: 23.5%; float: left; margin-right: 2% }
.clmn-5 { width: 19.2%; float: left; margin-right: 1% }
.clmn-8 { width: 12.5%; float: left; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -mbox-sizing: border-box; margin: 25px 0}
#mitropolis-icons .clmn-8:hover a { color: #fff }
.last-clmn { margin-right: 0 }

#videos iframe { width: 100% }
#bottom .clmn-4 img { width: 100%; height: auto }

#right-part ul.nav { list-style: none; margin: 0; padding: 0 }
#right-part ul.nav li a { padding-left: 10px; font-size: 15px; display: inline; color: #171717}
#right-part ul.nav li.active > a, #right-part ul.nav li > a:hover { color: #720005}
#right-part ul.nav li:before { content:''; width: 7px; height: 9px; background: url(../../../images/arrow-right.png) no-repeat center; display: inline-block }
#right-part ul.nav ul { list-style: none; }
#right-part h3 { text-align: left; border-bottom: solid 1px #d9ccb3; padding-bottom: 10px; margin-bottom: 28px }


#footer-top { background: #3c090b; padding: 30px 0 }
#footer-bottom { background: #330103; padding: 20px 0 }
footer h3 { font-size: 15px; color: #fff; margin: 0 0 18px; padding-bottom: 14px; border-bottom: solid 1px #fff; text-align: left;     max-width: 200px; }
footer, footer a { color: #fff; font-size: 15px }
footer div { line-height: 18px }
.footer-block { width: 25%; float: left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-right: 20px; position:relative }
.footer-block .fa { margin-right: 10px }
.footer-block div { margin-bottom: 10px }
.custom.footer-social {position: absolute; left: 160px; top: 5px;}
#copyright { float: left }
#designed { float: right }

table.acymailing_form { margin: 8px 0 0 -2px !important; }
.acymailing_introtext { margin: 20px 0 8px !important;}
.acymailing_form input[type=text] { width: 190px !important; height: 40px; line-height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 8px }
.acymailing_form input[type=submit] { width: 88px; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; line-height: 37px; border: none; border-bottom: 3px solid #a88b6c; background: #d1b289; color: #fff; font-size: 17px; color: #fff; cursor: pointer  }
.acymailing_form input[type=submit]:hover { background: #a88b6c; border-bottom: 3px solid #d1b289; }


@media(max-width:1250px){
	#left-part { width: 67%; margin-right: 3%; }
	#right-part { width: 30%; }
	#persons .info { padding: 25px; float: left; width: 58%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	#persons .clmn-2.person-1 img, #persons .clmn-2.person-2 img { width: 42%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	#persons .gray-btn, #persons .red-btn { max-width: 96% }
  	.content-wrapper { width: 94%}
  	header .content-wrapper { width: 98%}
}

@media(max-width:1130px){
  #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss { padding: 0 10px; }
}

@media(max-width:1099px){
	#main-menu ul li { padding: 0 12px;	}
	.footer-block { width: 50%; min-height: 250px }
	#persons h2 { width: auto; font-size: 16px }
}

@media(max-width:1000px){
	#main-menu { display:none	}
	#mobile-btn { display: block }
	#mobile-menu { display: none; position: absolute; width: 100%; left: 0; top: 170px; background: #720005; z-index: 1200; }
	#mobile-menu ul, #mobile-menu ul li { list-style-type: none !important }
	#mobile-menu ul { margin: 0; padding: 0 }
	#mobile-menu li a:hover, #mobile-menu ul li a:focus, #mobile-menu li.active > a { color: #aaa; }
	#mobile-menu li a { display: block !important; margin-right: 20px !important;}
	.clmn-8 { width: 20%;  min-height: 220px; }
	ul.smartlatest li { width: 33.3333%; padding: 0 10px; min-height: 340px }
	#persons .clmn-2 { width: 100%; float: none; display: inline-block; margin: 0 0 30px; text-align: center; }
	#persons h2 { font-size: 19px }
	#persons .gray-btn { margin: 100px auto 10px; }
	#persons .red-btn { margin: auto }
  	header .content-wrapper { width: 94%}
  	header.fixed #mobile-menu {top: 108px}
}

@media(max-width:900px){
	#copyright, #designed { float: none; text-align: center; padding: 5px 0 }
	.add-lines:before, .home-main #top h3:before, .home-main #persons h3:before, .home-main #middle h3:before, .home-main #useful h3:before, .home-main #videos h3:before, .home-main #bottom h3:before { margin: 0px; margin: 0 auto 5px;  display: block; top: 0px}
.add-lines:after, .home-main #top h3:after, .home-main #persons h3:after, .home-main #middle h3:after, .home-main #useful h3:after, .home-main #videos h3:after, .home-main #bottom h3:after { margin-left: 0px; margin: 5px auto 0px; display: block; top: 0px}
 #useful-blocks .clmn-3 { width: 48%; margin: 0 1% 20px !important }
}

@media(max-width:840px){
	#left-part, #right-part { width: 100%; margin-right: 0%; }
	#bottom .clmn-4 { width: 48%; margin: 0 1% 30px !important; text-align:center }
	#bottom .clmn-4 img { max-width: 280px; }
}

@media(max-width:700px){
	#top-line { height: auto; }
	#top-left { float: none; text-align: right; }
	#top-right { margin-bottom: 4px }
	#mobile-btn { top: 120px }
	#mobile-menu { top: 200px }
}

@media(max-width:680px){
	.footer-block { width: 100%; min-height: auto; float: none; margin-bottom: 80px }
	.footer-block:last-child { margin-bottom: 0 }
	.clmn-8 { width: 33.3333%;  }
	#videos .clmn-3 { width: 90%; float: none; margin: 0 auto 30px }
	
}

@media(max-width:600px){
	ul.smartlatest li { width:50%; }
}

@media(max-width:580px){
	#useful-blocks .clmn-3 { width: 100%; max-width: 280px; float: none; margin: 0 auto 20px !important }
}

@media(max-width:480px){
	.clmn-8 { width: 50%; min-height: 190px }
	ul.smartlatest li { width:100%; min-height: auto; margin-bottom: 40px }
	#persons .clmn-2.person-1 img, #persons .clmn-2.person-2 img { width: 80%; margin: 25px auto 30px; float: none }
	#persons .info { width: 100%; float: none }
	#bottom .clmn-4 { width: 96%; float: none; margin: 0 auto 30px !important;  }
}