html, body
{
margin:0px;
padding:0px;
font-family: 'Markazi Text', serif;
letter-spacing:0.8px;
background-color: #ebebeb;
}
.loader
{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background: url('http://saferbrains.com/images/pageloader.gif') 50% 50% no-repeat rgb(249,249,249);
}
#error
{
color:red;
}
a:hover
{
color:#000;
}
.headerborder
{
background:#fff;
padding:10px 10px 0px 10px;
margin-top:1%;
border-top:2px solid #3266dc;
}
.mainborder
{
background:#fff;
padding:0px 10px 50px 10px;
}
.logoimg
{
width:100%;
padding:15px 0px;
}
.imgwidth
{
width:100%;
}
.navbar
{
margin-bottom:0px;
background:#fff;
border:none;
}
.navbar-inverse .navbar-toggle {
background:#3165DB;
border:none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
{
background:#3165DB !important;
}
nav
{
font-family: 'Spirax', cursive;
font-size:20px;
}
.navbar-nav
{
padding:30px 0px 0 0px;
}
.navbar-inverse .navbar-nav > li > a
{
color:#000;
letter-spacing:1.8px;
font-weight:600;
}
.navbar-nav > li > a:hover
{
color:#3266DC !important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover
{
border-top:3px solid #3266DC;
color:#fff;
}
.carousel {
position: relative;
padding: 0;
margin: 0;
width: 102%;
left: -1%;
}
.carousel-caption
{
padding-bottom:90px;
text-align:center;
margin-bottom:10%;
background: rgba(0, 0, 0, 0.84);
padding:25px 25px;
}
.carousel-caption h3
{
font-size:60px;
}
.carousel-caption p
{
font-size:25px;
}
.border
{
border:7px double rgba(255, 255, 255, 0.37);
padding:50px;
}
.banner
{
left: -1%;
position: relative;
width: 102%;
}
.padding
{
padding:0 15px;
}
.innerborder
{
border: 7px double rgba(255, 255, 255, 0.37);
padding: 50px;
float: left;
margin-top: 16%;
position: absolute;
width: 50%;
margin: 150px 294px;
background: rgba(0, 0, 0, 0.84);
color: #fff;
}
.innerborder h3
{
font-size:60px;
text-align:center;
}
.btn-change8{
width: 100px;
height: auto;
overflow: hidden;
display: block;
text-align: center;
padding: 0px 0;
margin:0 auto;
text-decoration: none;
font-size: 23px;
border: 1px solid #333;
color:#000;
background-image: linear-gradient(to right, #fff 50%, #2A83E1 50%);
background-size: 200% 100%;
background-repeat: no-repeat;
background-position: bottom left;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
box-shadow:0 0 2px 0px;
}
.btn-change8:hover{
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
/** START THE FINAL STATE STYLING **/
background-position: bottom right;
color: #fff;
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#fff;
}
p
{
font-size:22px;
text-align:justify;
line-height:30px;
}
b
{
font-family:"Markazi Text",serif;
font-weight:normal;
font-size:25px;
}
h2.category
{
text-align:center;
font-size:42px;
}
.boxshadow{
box-shadow:0 0 3px 0px;
padding:10px;
}
.margin-top
{
margin-top:2%;
float:left;
}
.news
{
background:#3266dc;
height:auto;
}
.newservices
{
font-size:30px;
color:#fff;
text-align:center;
padding:25px;
}
.newsletter
{
padding:18px;
}
.news-controls
{
width: 350px;
padding: 10px;
font-size: 23px;
margin: 5.5% 8px;
}
.newsbtn
{
margin: 29% 0px;
padding: 11px 40px;
border: none;
background: #00060a;
color: #fff;
font-size: 25px;
margin-top:30%;
margin-left:-10px;
}
footer
{
background:#fff;
color:#fff;
float: left;
width: 100%;
padding:30px;
font-size:28px;
color:#000;
}
.footer
{
padding:0px 0px;
}
.footer a
{
font-size:22px;
color:#000;
}
.copy
{
font-size:20px;
background:#325ab5;
color:#fff;
}
/*inner pages style*/
ul.numbers li
{
font-size:22px;
line-height:32px;
list-style:upper-roman;
}
.innerul
{
font-size:22px;
line-height:30px;
}
.box
{
background: #fff none repeat scroll 0 0;
bottom: 30px;
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
left: 5%;
padding: 20px 20px;
position: absolute;
text-align: center;
width: 90%;
color: #000;
text-align: center;
line-height: 30px;
position:relative;
border-bottom: 2px solid;
}
/* end inner pages style*/
@media screen and (min-width: 360px)
{
.logoimg
{
width:100%;
}
.news-controls
{
margin-left:0%;
}
}
@media screen and (min-width: 640px)
{
.logoimg
{
width:50%;
}
}
@media screen and (min-width: 1024px)
{
.logoimg
{
width:100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px)
{
/* .logoimg
{
width:100%;
} */
.navbar-nav
{
padding:0px;
}
.navbar .col-md-4
{
margin-bottom:0%;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
border:none;
}
.carousel-caption
{
display:none;
}
.col-md-4, .col-md-3
{
margin-bottom:8%;
}
.newsbtn
{
/* margin: 0% 0px; */
margin-top: -95px;
float:right;
margin-bottom:2px;
}
.news-controls
{
margin:0px;
width:100%;
}
.innerborder
{
display:none;
}
#Subscribe, #Unsubscribe, #contact
{
width:100% !important;
}
}
@media screen and (min-width: 768px) and (max-width: 980px)
{
.logoimg
{
width:50%;
}
.navbar .col-md-4
{
margin-bottom:0%;
}
.innerborder,.carousel-caption
{
display:none;
}
.col-md-4, .col-md-3
{
margin-bottom:8%;
}
.nav > li > a
{
padding:20px 10px;
}
.navbar-nav
{
margin-bottom:2%;
padding-top:0px;
}
#Subscribe, #Unsubscribe, #contact
{
width:100% !important;
}
.newsletter
{
padding:0px 18px;
}
.news-controls
{
width: 100%;
}
.newsbtn
{
float: right;
font-size: 25px;
margin-bottom: 0;
margin-left: 0;
margin-right: -11px;
margin-top: -143px;
padding-bottom: 11px;
padding-left: 40px;
padding-right: 40px;
padding-top: 11px;
}
}
/*Subscribe page*/
#Subscribe, #Unsubscribe,#contact
{
width: 50%;
margin: 0 auto;
font-size: 22px;
border: 4px double #3266DC;
padding: 15px;
}
.form-control
{
margin:2%;
font-size:20px;
padding:0px 15px;
box-shadow:0 0 2px 0px;
color:#000;
height:50px;
}
.form-control1
{
margin:2%;
font-size:20px;
padding:2px 15px;
width:100%;
}
select
{
height:45px !important;
box-shadow:0 0 2px 0px;
}
.captchaborder
{
color:#000;
background:url('../images/caphabg.png');
background-repeat:no-repeat;
border:none;
font-size:30px;
width:30%;
}