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, 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;
font-size: 100%;
font: inherit;
}
a.but:link {color: #000000;text-decoration: none;}
a.but:visited {text-decoration: none; color: #000000;}
a.but:hover {text-decoration: none;color: #DB3C1D;}
a.but:active {text-decoration: none;color: #000000;}
body {
background:url(../images/bgSB.jpg);
font-family: 'PT Serif', serif;
color: #222;
cursor: auto;
font-style: normal;
font-weight: normal;
line-height: 1.5;
font-size:100%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.flt-r{
float:right;
margin-bottom:5%;
}
.clear{
clear:both;
}
#wrapper{
width:92%;
margin-left:4%;
margin-right:4%;
max-width:1300px;
margin:0 auto;
position:relative;
}
header{
width:100%;
float:left;
}
header .logo{
width:200px;
float:left;
margin: 60px 0 0 0;
}
aside{
width:100%;
max-width:1300px;
margin: 0 auto;
}
aside .rgt-side{
width:92%;
margin-left:4%;
margin-right:4%;
max-width:1300px;
float:left;
margin: 0 0 20px 0;
}
aside .rgt-side p{
float:left;
color:#CE2F10;
font-size:12px;
padding: 0 20px 0 0;
}
header nav{
width:560px;
margin:75px 0 0 0;
float:right;
position:relative;
}
header nav ul{
padding:0;
margin:0;
}
header nav ul li{
padding:0;
margin:0;
list-style:none;
float:left;
}
header nav ul li a{
color:#000;
text-decoration:none;
font-size:14px;
font-weight:bold;
margin: 0 5px;
}
header nav ul li a:hover, header nav ul li a.active{
color:#CE2F10;
}
header nav ul li:hover ul{
display:block;
}
header nav ul li ul{
position:absolute;
display:none;
}
header nav ul li ul li{
float:none;
text-align:right;
}
header nav ul li ul li a{
font-size:12px;
font-weight:normal;
font-style:italic;
}
em{
font-style:italic;
}
.left{
left:95px !important;
}
.menu-item-371 ul{
left:95px !important;
}
.left-abt{
left:10px !important;
}
.menu-item-366 ul{
left:10px !important;
}
.left-e{
left:155px !important;
}
.menu-item-368 ul{
left:155px !important;
}
.left-res{
left:290px !important;
}
.menu-item-370 ul{
left:290px !important;
}
.center{
display:block !important;
padding: 10px 0 0 150px;
}
section{
width:850px;
margin: 100px auto;
position:relative;
min-height:400px;
}
section .img{
float:left;
border-top:6px solid #000;
border-right:12px solid #000;
border-bottom:6px solid #000;
border-left:6px solid #000;
position:absolute;
z-index:9;
line-height: 0;
width:225px;
height:212px !important;
}
section .img1{
float:left;
border:8px solid #000;
position:absolute;
z-index:99;
left:-45px;
top:40px;
line-height: 0;
width:225px;
height:212px !important;
border-top:6px solid #000;
border-left:12px solid #000;
border-bottom:6px solid #000;
border-right:6px solid #000;
}
section .img2{
float:left;
border:8px solid #000;
position:absolute;
z-index:999;
left:-85px;
top:0px;
line-height: 0;
width:225px;
height:212px !important;
border-top:6px solid #000;
border-right:12px solid #000;
border-bottom:6px solid #000;
border-left:6px solid #000;
}
section .img3{
float:none;
border:8px solid #000;
position:absolute;
z-index:9999;
right:-600px;
top:40px;
line-height: 0;
width:225px;
height:212px !important;
border-top:6px solid #000;
border-left:12px solid #000;
border-bottom:6px solid #000;
border-right:6px solid #000;
}
section .img:hover, section .img1:hover, section .img2:hover, section .img3:hover{
border-color: #CE2F10;
}
strong{
font-weight:bold;
}
#banner {
width: 820px;
margin: 15px auto;
position: relative;
z-index: 99999;
top:90px;
}
.bannerrimg {
background-position:left top;
background-repeat: no-repeat;
width:285px;
position: absolute;
z-index: 999999;
float:left;
height:150px;
margin: 0 0 0 55px
}
section h1{
font-size: 2em;
line-height: 1.5em;
font-size: normal;
letter-spacing: 0;
word-spacing: 1px;
font-style: normal;
font-weight: 400;
color:#000;
}
section h2{
font-size: 1.5em;
line-height: 1.7em;
letter-spacing: 0;
word-spacing: 1px;
font-style: normal;
font-weight: 400;
color:#000;
}
.post-link a {
color: #CE2F10 !important;
font-size: 12px;
font-weight: bold;
line-height: 22px;
}
.flrt-l{
float:left;
}
.flrt-r{
float:right;
}
.cancel-comment-reply small{ border:none !important; margin:0px !important; padding:0px !important; }
.entry-title a{text-decoration:none !important; color:#000000 !important;}
.comments-link a{text-decoration:none !important; color:#CE2F10 !important; font-weight:bold !important;}
.post .entry-header{ margin:0px !important; padding:0px !important;}
.post .entry-header .cat-links a {text-decoration:none !important; color:#CE2F10 !important; font-weight:bold !important;}
.lft-eve article.post {
float: left !important;
padding: 20px 40px 10px 0px !important;
width: 560px !important;}
.lft-eve article.post .entry-header h1{ border-bottom:0 !important; color: #000000 !important;
font-size: 22px !important;
font-weight: normal !important;
line-height: 22px !important;}
.lft-eve article.post .entry-header .entry-meta a{color:#CE2F10 !important; text-decoration:none !important; font-weight:bold !important; font-size: 15px !important;}
.paging-navigation{float:left !important; }
.paging-navigation h1{border-bottom:0 !important; font-size: 17px !important; color:#000000 !important; margin:0px !important; padding:0px !important;}
.paging-navigation .loop-pagination .page-numbers{color:#000000 !important;}
/* HEADER TEXT */
#bannertxt {
float:left;
}
.bnrtxt{width:480px; float:right;}
#firstline {
color: #333;
font-size: 17px;
padding:25px 15px;
display: block;
line-height:20px;
}
footer{
max-width:1300px;
text-align:center;
/*padding:20px 0 30px 0;*/
/*background:url(../images/footer-line.jpg) no-repeat top center;*/
font-size:10px;
color:#868880;
}
.btm-l{
float:left;
margin-bottom:5%;
}
footer a{
color:#868880;
text-decoration:none;
}
footer a:hover{
color:#CE2F10;
}
article{
width:100%;
float:left;
margin-top:5%;
/*padding: 100px 40px 100px 20px;*/
}
.lft-area{
width:20%;
float:left;
}
h1{
font-size:22px;
font-weight:bold;
display:table;
border-bottom:2px solid #DC3B19;
padding:5px 0;
line-height:24px;
}
h1 span{
font-size:18px;
font-weight:normal;
font-style:italic;
display:block;
}
h1 small{
display:block;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
.lft-area p, .text{
font-size: 14px;
line-height: 20px;
padding:20px 0;
text-align:justify;
}
.lft-area p span{
display:block;
font-size:11px;
}
.pad-btm{
padding: 0 0 20px 0 !important;
}
.lft-area ul{
padding:0;
margin:0 0 0 20px;
}
.lft-area ul li{
padding:0;
margin:0;
list-style:disc;
font-size: 14px;
line-height: 20px;
}
.rgt-area{
width:340px;
float:left;
padding: 0 0 0 60px;
}
.rgt-area p{
font-size: 12px;
line-height: 18px;
padding: 0 5px;
}
.rgt-area h2{
font-size: 16px;
font-style: italic;
font-weight: bold;
padding: 50px 0 0 40px;
}
.rgt-area ul{
padding:5px 40px;
margin:0;
}
.rgt-area ul li{
padding:0;
margin:0;
}
.rgt-area ul li a{
font-size: 14px;
line-height: 20px;
color:#000000;
text-decoration:underline;
}
.rgt-area ul li a:hover{
color:#CE2F10;
text-decoration:none;
}
hr{
border:1px solid #DC3B19;
}
hr:last-child{
border:0;
}
.bullet{
width:880px;
float:left;
}
.bullet ul{
padding:30px 0;
margin:0;
}
.bullet ul li{
padding:6px 0;
margin:0;
font-size:12px;
line-height:20px;
float:left;
width:440px;
}
.bullet ul li span{
display:block;
}
.heading{
color:#DC3B19;
display:block;
font-weight:bold;
font-style:italic;
}
.links ul, .links-art ul{
padding:0px;
margin:0;
}
.links ul li, .links-art ul li{
padding:0;
margin:0;
list-style:none;
}
.links ul li a{
font-size: 14px;
line-height: 20px;
color:#000000;
text-decoration:underline;
}
.links-art ul li a{
font-size: 12px;
line-height: 26px;
color:#000000;
text-decoration:underline;
}
.links ul li a:hover, .links-art ul li a:hover{
color:#CE2F10;
text-decoration:none;
}
h3{
font-size: 14px;
line-height: 20px;
font-weight:bold;
}
.bullet-t{
width:880px;
float:left;
}
.bullet-t ul{
padding:15px 0 0 15px;
margin:0;
}
.bullet-t ul li{
padding:0;
margin:0;
font-size:14px;
line-height:20px;
float:left;
width:800px;
list-style:disc;
}
.text span{
display:block;
font-weight:bold;
}
.text a{
font-weight:bold;
color:#000;
}
.text a:hover{
color:#CE2F10;
text-decoration:none;
}
.details{
width:210px;
float:left;
padding: 0 60px 60px 0;
}
.det-txt{
font-size:14px;
padding:20px 0;
line-height:24px;
}
.text-l{
font-size: 14px;
line-height: 20px;
font-weight:bold;
}
.text-l a{
color:#000;
font-size:14px;
font-weight:normal;
}
.text-l .contact-detail{margin-top:20px !important; padding-top:20px !important;}
.text-l a:hover{
color:#CE2F10;
text-decoration:none;
}
.comment-body {width:560px !important;}
.comment-body .comment-meta{background:none !important; margin:0px !important; padding:0px !important; width:560px !important;}
.commentlist article{margin:15px 0px !important; padding:15px 0px !important;}
.cnt{
padding:40px;
float:left;
margin: 20px 0;
background:#d5d6cc;
border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;;
-o-border-radius:10px;;
-moz-border-radius:10px;
}
label{
font-size: 14px;
line-height: 20px;
display:block;
font-weight:bold;
}
.input{
width:230px;
display:block;
margin: 5px 0 15px 0;
}
.send{
background:#202020;
border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;;
-o-border-radius:10px;;
-moz-border-radius:10px;
font-size: 14px;
color:#fff;
border:0px;
padding:5px 20px;
font-weight:bold;
cursor:pointer;
}
.small{
font-size: 9px;
display:block;
font-weight:bold;
margin: 20px 0 0 0;
}
.cnt-det{
padding:20px 0;
width:400px;
float:left;
}
.cnt-matter{
padding:50px 0px 0 0;
display:block;
}
.cnt-matter img{
padding:0px 50px 0 0;
float:left;
}
.cnt-matter .inner-matter{
padding:30px 0 0 0px ;
float:left;
}
.hyper-link{
padding: 10px 0;
display:table;
margin: 0 0 10px 0;
}
.hyper-link ul{
padding:0;
margin:0;
}
.hyper-link ul li{
padding:0 8px;
margin:0;
font-size:14px;
border-right: 1px solid #000;
float:left;
list-style:none;
}
.hyper-link ul li a{
font-weight:bold;
color:#000;
}
.hyper-link ul li a:hover, .hyper-link ul li a.active{
color:#CE2F10;
text-decoration:none;
}
.hyper-link ul li.last{
border-right:0;
}
.site-links{
display:block;
padding:20px 0;
}
.site-links ul li a{
color:#000;
font-size:14px;
line-height:20px;
text-decoration:none;
}
.site-links ul li a:hover{
color:#CE2F10;
text-decoration:none;
}
.lft-eve{
float:left;
padding-bottom:30px;
width:80%;
}
.eve{
display:block;
padding-bottom:30px;
width:100%;
}
.eve .red{
color:#CE2F10;
font-size: 12px;
font-weight: bold;
line-height: 22px;
}
.eve h3, .rgt-eve h3{
font-size: 22px;
font-weight: normal;
line-height: 22px;
color:#000;
}
.eve .p-head h3{
font-weight: bold !important;
}
.eve .post-con p{
font-size:14px !important;
}
.eve .post-con .expert-read-more{
color: #ce2f10;
}
.eve .post-con .expert-read-more:hover{
color: #000;
}
.rgt-eve #primary-sidebar .cat-item ul {
}
.rgt-eve #primary-sidebar .cat-item{
text-decoration:none !important;
color:#000 !important;
}
.rgt-eve #primary-sidebar .cat-item a{
font-size: 22px !important;
font-weight: normal !important;
line-height: 22px !important;
color:#000 !important;
font-family:Georgia;
}
.rgt-eve #primary-sidebar .cat-item a:hover{
color:#CE2F10 !important;
}
.eve h3 a, .rgt-eve h3 a{
text-decoration:none;
color:#000;
}
.eve h3 a:hover, .rgt-eve h3 a:hover{
color:#CE2F10;
}
.eve p, .rgt-eve p{
/*font-family: Arial,Helvetica,sans-serif;*/
font-size: 12px;
line-height: 22px;
color:#000;
margin: 0;
padding: 0;
}
.eve p a, .rgt-eve p a{
color:#000;
text-decoration:none;
}
.eve p a:hover, .rgt-eve p a:hover{
color:#CE2F10;
}
.rgt-eve ul{ margin:0px !important; padding: 0 0 20px 0 !important;}
.rgt-eve ul li a{
font-size: 12px;
line-height: 22px;
color: #000;
margin: 0px;
padding: 0px;
text-decoration:none;
}
.rgt-eve ul li a:hover{
color:#CE2F10;
}
.eve small{
font-size:9px;
line-height:22px;
border-top:1px solid #000;
display: block;
margin: 10px 0;
padding: 10px 0;
}
.eve .box{
background:none;
width:570px;
border: 1px solid #000;
margin:5px 0;
}
.eve .input-box{
background:none;
width:200px;
border: 1px solid #000;
margin:10px 0;
padding:2px 0;
color:#000;
display:block;
}
.eve .post{
border:0px;
background:#000;
color:#fff;
font-size:14px;
width:200px;
text-align:center;
padding:5px;
cursor:pointer;
}
.rgt-eve{
float:left;
width:15%;
margin-left:5%;
}
.rgt-eve h4{
color: #CE2F10;
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 0;
}
.rgt-eve #primary-sidebar h4{
color: #CE2F10 !important;
font-size: 18px !important;
font-weight: normal !important;
margin: 0 !important;
padding: 0;
}
.rgt-eve h5{
font-size: 18px;
font-weight: bold;
line-height: 32px;
}
#redforblog{
float:left;
width:100%;
padding-top:5%;
padding-bottom:5%;
color:#DB3C1D;
background-color:#F2F4EC;
text-align:center!important;
font-size: 2.125rem;
margin-top:5%;
font-weight:700;
}
#navback{
float:right;
margin: 80px 0 0 0;
}
/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
/* Does the same thing as ,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/*this will control up to iphone 6+ in portrait*/
@media screen and (max-width: 750px){
.lft-eve{
float:left;
padding-bottom:30px;
width:100%;
}
.rgt-eve{
float:left;
width:100%;
margin-left:0%;
}
#redforblog{
font-size: 2.125rem;
margin-bottom:5%;
margin-top:7%;
}
}