/*----------------------------------------------------------------------------------*/
/*------------------------------RESET DEFAULT STYLES--------------------------------*/
/*----------------------------------------------------------------------------------*/
html,body                       { width:100%; height:100%; }
body                            { padding:0; margin:0; font-size:13px; font-family:Lato; background:#ffffff; color:#404040; }
div,p,a,span,em,strong,img,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,td,tr,form,fieldset,label,select,checkbox,input,textarea {
font-weight: normal;
padding:0;
margin:0;
outline:none;
list-style:none;
}
* {
/*	text-shadow:-1px -1px 1px rgba(255,255,255,0.2),
1px 1px 1px rgba(255,255,255,0.2),
1px 1px 1px rgba(0,0,0,0.7);
*/
/*text-shadow: 0 0 1px;*/
font-size-adjust: 0.52;
}


select, input, textarea        { font-size:13px; vertical-align:middle; }
textarea                       { vertical-align:top; }
:focus                         { outline:none; }
input[type=submit]             { cursor:pointer; }
img, fieldset                  { border:0; }
table                          { border-collapse:collapse; border-spacing:0; }
a:link, a:visited              { font-family:Lato; color:#1b5e91; text-decoration:underline; }
a:hover                        { text-decoration:none; }
/*----------------------------------------------------------------------------------*/
/*-------------------------------------DEFAULT CLASSES------------------------------*/
/*----------------------------------------------------------------------------------*/
.float-r           	           { float:right !important; }
.float-l                       { float:left !important; }
.no-float                      { float:none !important; }
.no-border                     { border:0 !important; }
.no-bg                         { background:none !important; }
.no-margin                     { margin:0 !important; }
.no-padding                    { padding:0 !important; }
.no-display                    { display:none !important; }
.display                       { display:block !important; }
.inline                        { display:inline !important; }
.overflow                      { overflow:hidden !important; }
.align-r                       { text-align:right !important; }
.align-l                       { text-align:left !important; }
.align-c                       { text-align:center !important; }
.clear                         { clear:both; }
.centered                      { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:1145px; margin:0 auto; }

/*----------------------------------------------------------------------------------*/
/*---------------------------------------BUTTONS------------------------------------*/
/*----------------------------------------------------------------------------------*/
.btn, a.btn {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
cursor: pointer;
display: inline-block;
float: left;
font: italic 700 13px Lato;
font-size: 19px;
line-height: 100%;
overflow: hidden;
padding: 16px 22px 12px;
text-decoration: none;
text-transform: uppercase;
border: none;
}
.btn:hover {
text-decoration: none;
}
.btn.btn-yellow {
background-color: #282d33;
color: #FFF;
text-transform: uppercase;
}
.sale .btn.btn-yellow:before {
content: "";
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
width: 28px;
height: 24px;
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/slice.png') no-repeat scroll 0 -53px transparent;
margin-right: 5px;
}
.sale .btn.btn-yellow {
background-color: #1b5e91;
font:900 13px Lato;
font-size: 14px;
height: 48px;
padding: 0;
line-height: 48px;
width: 128px;
-webkit-box-sizing: padding-box;
-moz-box-sizing: padding-box;
-ms-box-sizing: padding-box;
box-sizing: padding-box;
}
.btn.btn-small {
font-size: 9px;
padding: 7px 10px 3px;
}
.btn.btn-grey {
background: #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5, #FFFFFF), to(#F6F6F6));
background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #F6F6F6);
background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #F6F6F6);
background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #F6F6F6);
background: -o-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #F6F6F6);
background: linear-gradient(#fff, #F6F6F6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f6F6f6');
border: 1px solid #D4D4D4;
color: #636363;
}
.btn-dark-blue, .btn-dark-blue:hover {
background: #282d33;
color: #FFF !important;
}
.btn-light-blue, .btn-light-blue:hover {
background: #282d33;
color: #FFF !important;
}
.btn-rounded {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.main-block-style {
background: #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5, #FFFFFF), to(#F6F6F6));
background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #F6F6F6);
background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #F6F6F6);
background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #F6F6F6);
background: -o-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #F6F6F6);
/*background: linear-gradient(#fff, #F6F6F6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f6F6f6');
*/  border: 1px solid #D4D4D4;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 20px;
}

/*----------------------------------------------------------------------------------*/
/*-------------------------------------TOOLBAR PANEL--------------------------------*/
/*----------------------------------------------------------------------------------*/
.toolbar-panel {
background:#000000;
height:28px;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------CART BOX-------------------------------------*/
/*----------------------------------------------------------------------------------*/
.cart-box {
float:right;
background:#fff;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: 0px 3px 3px 0px ;
box-shadow: 0px 3px 3px 0px ;
padding:10px;
margin-right: 12px;
}
.cart-box a:first-child:before {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/slice.png') repeat scroll 0 0 transparent;
content: "";
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
height: 19px;
margin: -4px 3px 0 0;
width: 22px;
}
.cart-box a:first-child {
text-decoration: none;
color:#000;
font: 700 13px Lato;
margin-right: 5px;
line-height: 28px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
.header-color-button {
background:rgb(27, 94, 145);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(73, 134, 174)), to(rgb(27, 94, 145)));
background: -webkit-linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
background: -moz-linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
background: -ms-linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
background: -o-linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
background: linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.second-header-color-button {
background:rgb(27, 94, 145);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(73, 134, 174)), to(rgb(27, 94, 145)));
background: -webkit-linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
background: -moz-linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
background: -ms-linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
background: -o-linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
background: linear-gradient(top, rgb(73, 134, 174), rgb(27, 94, 145));
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
a.checkout-button, .checkout-button {
color: #FFF;
display: inline-block;
font: 900 13px Lato;
font-size: 14px;
line-height: 28px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 0 10px;
border: none;
height: 28px;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------CUSTOMER NAV---------------------------------*/
/*----------------------------------------------------------------------------------*/
.customer-nav {
float:right;
margin:0 5px 0 0;
}
.customer-nav li {
float:left;
/*background:url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/top_nav_border_bg.jpg') left top no-repeat;*/
}
.customer-nav li a {
display:block;
padding:4px 10px;
font-size: 14px;
color:#ffffff;
text-decoration:none;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------ACTION TEXT----------------------------------*/
/*----------------------------------------------------------------------------------*/
.action-box {
display:block;
overflow:hidden;
font-size:20px;
color:#fff;
padding: 3px 0 0;
}
.action-box b {
font: 700 13px Lato;
font-size: 20px;
text-transform:uppercase;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------HEADER---------------------------------------*/
/*----------------------------------------------------------------------------------*/
.header {
background:#fff;
padding:7px 0 10px;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------LOGO-----------------------------------------*/
/*----------------------------------------------------------------------------------*/
.header h1 {
float: left;
margin: 0 20px 0 0;
overflow: hidden;
width: 269px;
}
.header h1 img {
display: block;
margin: 0 auto;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------SEARCH---------------------------------------*/
/*----------------------------------------------------------------------------------*/
.header .top-search {
float:left;
margin:13px 42px 0 0;
padding:5px;
background:#f1f1f1;
}
.header .top-search input[type="text"] {
float:left;
width:295px;
padding:13px 10px;
border:1px solid #e1e1e1;
font-size:14px;
color:#B7B2B2;
}
.header .top-search .submit-block {
float: left;
height: 46px;
margin-left: -2px;
width: 45px;
}
.header .top-search input[type="submit"] {
border: 0 none;
background:url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/search_btn_icon.png') center center no-repeat transparent;
display: block;
height: 100%;
width: 100%;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------HEADER ACTION--------------------------------*/
/*----------------------------------------------------------------------------------*/
.header .header-action {
float:left;
width:205px;
margin:15px 8px 0 0;
color:#1b5e91;
font: 300 13px Lato;
font-size:24px;
text-align:center;
line-height:1.1;
}
.header .header-action span {
display:block;
text-transform:uppercase;
font: 900 13px Lato;
font-size:24px;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------HEADER CONTACT INFO--------------------------*/
/*----------------------------------------------------------------------------------*/
.header .contact-info-box {
overflow:hidden;
font: 700 13px Lato;
font-size:24px;
color:#000;
padding:10px 0 0;
line-height:1.1;
text-align: right;
width: 245px;
}
.header .contact-info-box span {
display:inline-block;
font:400 13px Lato;
font-size: 18px;
color:#1b5e91;
}
.header .contact-info-box .stars {
display:inline-block;
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/slice.png') no-repeat scroll 0 -38px transparent;
height: 12px;
width: 64px;
}
.header .contact-info-box .phone-numb {
font:900 13px Lato;
font-size: 24px;
color: #000000; /*black*/
color: #1b5e91 !important;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------HEADER TOP NAV-------------------------------*/
/*----------------------------------------------------------------------------------*/
.header .top-nav {
background:rgb(40, 45, 51);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(76, 75, 70)), to(rgb(40, 45, 51)));
background: -webkit-linear-gradient(top, rgb(76, 75, 70), rgb(40, 45, 51));
background: -moz-linear-gradient(top, rgb(76, 75, 70), rgb(40, 45, 51));
background: -ms-linear-gradient(top, rgb(76, 75, 70), rgb(40, 45, 51));
background: -o-linear-gradient(top, rgb(76, 75, 70), rgb(40, 45, 51));
background: linear-gradient(top, rgb(76, 75, 70), rgb(40, 45, 51));
clear: both;
margin:15px 0 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
min-height:41px;
padding:0 2px;
}
.header .top-nav li {
float:left;
}
.header .top-nav > li {
margin-right: -3px;
}
.header .top-nav > li:first-child:before {
display: none;
}
.header .top-nav > li:before {
content: "";
display: block;
width: 3px;
height: 38px;
float: left;
margin-top: 2px;
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/top_nav_border_bg.png') no-repeat scroll 0 0 transparent;
}
.header .top-nav li.dropdown {
position: relative;
}
.header .top-nav > li > a {
display:block;
padding:9px 20px;
font: 700 13px Lato;
font-size:15px;
color:#ffffff;
text-decoration:none;
position: relative;
z-index: 11;
margin: 2px 0;
}
.header .top-nav > li > a:hover, .header .top-nav > li > a.hovered {
background:rgb(102, 102, 102);
margin-bottom: 0;
padding-bottom: 11px;
}
.header .top-nav li .dropdown-section {
background-color: #FFF;
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
display: none;
/*  margin-left: -203px;*/
margin-left: -106px;
padding: 20px 25px 33px;
position: absolute;
top: 41px;
width: 306px;
/*width: 586px;*/
z-index: 100;
}
.header .top-nav li:hover .dropdown-section {
display: block;

}

.header .top-nav li .dropdown-section .dropdown-left-section {
float: left;
margin-right: 10px;
width: 270px;
}
.header .top-nav li .dropdown-section .dropdown-left-section .dropdwn-baner-top, .header .top-nav li .dropdown-section .dropdown-left-section .dropdwn-baner-bottom {
background-color: #1b5e91;
border: 1px solid #1b5e91;
color: #FFF;
display: block;
font: 700 13px Lato;
font-size: 18px;
margin-bottom: 10px;
overflow: hidden;
padding: 11px 0 10px;
text-align: center;
text-decoration: none;
}
.header .top-nav li .dropdown-section .dropdown-left-section .dropdown-baner-bottom {
border-radius: 0;
color: #282d33;
display: block;
font: 700 13px Lato;
font-size: 18px;
margin: 0;
padding: 11px 0 10px;
text-align: center;
text-decoration: none;
width: auto;
}
.header .top-nav li .dropdown-section .dropdown-left-section ul {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
margin: 0 0 10px;
overflow: hidden;
padding: 0 18px 10px;
}
.header .top-nav li .dropdown-section .dropdown-left-section ul li {
float: none;
overflow: hidden;
text-align: center;
}
.header .top-nav li .dropdown-section .dropdown-left-section ul li a, .header .top-nav li .dropdown-section .dropdown-right-section ul li a {
color: #7E8C92;
display: block;
line-height: 100%;
padding: 14px 0 7px;
text-decoration: none;
}
.header .top-nav li .dropdown-section .dropdown-left-section ul li a:hover {
font: 700 13px Lato;
padding: 14px 0 7px;
}
.header .top-nav li .dropdown-section .dropdown-left-section ul li.headline {
border-bottom: 2px solid #EFF1F1;
}
.header .top-nav li .dropdown-section .dropdown-left-section ul li.headline span{
display: block;
}
.header .top-nav li .dropdown-section .dropdown-left-section ul li.headline a,
.header .top-nav li .dropdown-section .dropdown-left-section ul li.headline span {
color: #282d33;
font: italic 700 13px Lato;
font-size: 16px;
padding: 18px 0 11px;
text-transform: uppercase;
}
.header .top-nav li .dropdown-section .dropdown-right-section {
overflow: hidden;
}
.header .top-nav li .dropdown-section .dropdown-right-section h3 {
background: #F3F3F3;
color: #000;
font: 700 13px Lato;
margin-bottom: 10px;
padding: 13px 0;
text-align: center;
}
.header .top-nav li .dropdown-section .dropdown-right-section ul {
overflow; hidden;
}
.header .top-nav li .dropdown-section .dropdown-right-section ul li {
border-bottom: 2px solid #EFF1F1;
float: none;
overflow: hidden;
}
.header .top-nav li .dropdown-section .dropdown-right-section ul li a {
padding: 10px 38px 7px;
text-align: left;
}
.header .top-nav li .dropdown-section .dropdown-right-section ul li:hover {
border-color: transparent;
}
.header .top-nav li .dropdown-section .dropdown-right-section ul li:hover a {
background: rgb(102, 102, 102);
color: #FFF;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------CONTENT--------------------------------------*/
/*----------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------*/
/*-------------------------------------FOOTER---------------------------------------*/
/*----------------------------------------------------------------------------------*/
.footer {
overflow:hidden;
background:#fff;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------FOOTER SLOGAN--------------------------------*/
/*----------------------------------------------------------------------------------*/
.footer .footer-slogan {
overflow:hidden;
background:#282d33;
text-align:center;
font: 700 13px Lato;
font-size:20px;
color:#ffffff;
padding:25px 0;
margin:0 0 30px;
}
.footer .footer-slogan p {
font: 700 13px Lato;
font-size:20px;
}
.footer .footer-slogan span {
display:block;
font: 700 13px Lato;
font-size:52px;
}
.footer .footer-slogan span b {
font: 900 13px Lato;
font-size: inherit;
}
span.footer-square {
background-color: #1b5e91;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: inline-block;
height: 25px;
margin: 0 5px -6px 0;
width: 29px;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------FOOTER CREDIT CARDS--------------------------*/
/*----------------------------------------------------------------------------------*/
.footer .credit-cards {
overflow:hidden;
text-align:center;
}
.footer .credit-cards li {
display:inline;
}
.footer .credit-cards li img {
vertical-align:center;
margin:0 5px;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------FOOTER INFO LIST-----------------------------*/
/*----------------------------------------------------------------------------------*/
.footer .footer-info-list {
border-top: 2px solid #dfdfdf;
border-bottom: 2px solid #dfdfdf;
margin: 30px auto 0;
overflow: hidden;
padding: 20px 0 30px;
width: 960px;
}
.footer .footer-info-list, .footer .footer-info-list a {
color:#282d33;
}
.footer-info-list > li {
float: left;
}
.footer-info-list > li.divider {
border-left: 2px solid #F4F4F4;
/*height: 253px;*/
}
.footer .copyright {
width:960px;
margin:0 auto;
/*  border-top:1px solid #dfdfdf;*/
font:300 13px Lato;
padding:20px 0;
font-size:14px;
color:#414147;
}
.footer .copyright > span {
color: #1b5e91;
font: inherit;
}
.footer .copyright .rights-reserved {
color:#282d33;
}
.footer .copyright a {
font-size:14px;
color:#1b5e91;
text-decoration:none;
}
.footer-section-left h5 {
font: 700 13px Lato;
font-size: 37px;
}
.footer-section-left h5 strong {
font: 700 13px Lato;
font-size: inherit;
}
ul.social-links {
margin: 30px 0 35px;
overflow: hidden;
padding-right: 40px;
width: 258px;
}
ul.social-links li {
float: left;
margin-bottom: 15px;
width: 50%;
}
ul.social-links li a {
display: inline-block;
font:700 13px Lato;
font-size: 16px;
line-height: 28px;
padding-left: 34px;
text-decoration: none;
color: #404040;
}
ul.social-links li a.twitter {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/twitter_icon.png') no-repeat left center;
}
ul.social-links li a.facebook {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/facebook_icon.png') no-repeat left center;
}
ul.social-links li a.pinterest {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/pinterest_icon.png') no-repeat left center;
}
ul.social-links li a.google {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/google_plus_icon.png') no-repeat left center;
}
ul.social-links li a.youtube {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/youtube_icon.png') no-repeat left center;
}
ul.social-links li a.instagram {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/instagram.png') no-repeat left center;
}
ul.social-links li a.tumblr {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/tumblr.png') no-repeat left center;
}
ul.social-links li a.amazon {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/amazon.png') no-repeat left center;
}
ul.social-links li a.vimeo {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/vimeo_icon.png') no-repeat left center;
}
ul.social-links li a.atom {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/atom_icon.png') no-repeat left center;
}
.footer-section-left span.phone-block > p {
padding-left: 20px;
}
.footer-section-left span.phone-block {
color: #282d33;
font: 400 13px Lato;
font-size: 22px;
}
.footer-section-left span.phone-block span {
color: #1b5e91;
display: block;
font: 900 13px Lato;
font-size: 22px;
padding: 0;
}
.footer-section-left span.phone-block span span.phone-bg {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
width:17px;
height:17px;
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/phone_icon.png') no-repeat left center;
}
.footer-section-middle {
width: 384px;
padding: 0 0 0 60px;
}
.footer-section-middle h6 {
color: #1b5e91;
/*float: left;*/
font: 900 13px Lato;
font-size: 20px;
margin: 15px 0;
padding-right: 20px;
}
.footer-section-middle h6:after {
border-bottom: 5px solid transparent;
border-left: 5px solid #1b5e91;
border-top: 5px solid transparent;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
content: '';
margin-top: -3px;
margin-left: 8px;
}
.footer-section-middle ul {
/*clear: both;*/
float: left;
width: 50%;
/*width: 297px;*/
}
.footer-section-middle ul li {
margin-bottom: 5px;
overflow: hidden;
line-height: normal;
padding-right: 15px;
}
.footer-section-middle ul li a {
font: 400 13px Lato;
font-size: 16px;
text-decoration: none;
}
.footer-section-middle ul li a span {
display: block;
float: right;
width: 50%;
}
li.footer-section-right {
float: none;
overflow: hidden;
padding-left: 40px;
}
.footer-section-right h6 {
font: 700 13px Lato;
font-size: 25px;
padding-top: 35px;
color:#1b5e91;
}
.footer-section-right p {
font: 700 13px Lato;
font-size: 19px;
color: #282d33;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------HEADER TOP NAV-------------------------------*/
/*----------------------------------------------------------------------------------*/
.sale {
overflow: hidden;
}
.sale .btn-yellow {
float: right;
}
.first-sale-block, .second-sale-block {
overflow: hidden;
/*  padding: 0px 45px;*/
text-align: center;
}
.sale-wrapper {
overflow: hidden;
word-wrap: break-word;
}
.sale-wrapper a img{
vertical-align: top;
}
.first-sale-block {
/*background-color: #F1F1F1;*/
margin-right: 5px;
/*margin-top: -1px;*/
width: 340px;
font:700 13px Lato;
line-height: 48px;
font-size: 19px;
/*float: left;*/
display: inline-block;
color: #282d33;
text-decoration: underline;
}
.first-sale-block span.narrow {
font: 400 13px Lato;
font-size: 39px;
}
.first-sale-block span.asterisk {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/black_asterisk.png' | assets_url }});
display: inline-block;
height: 17px;
margin-bottom: 5px;
width: 17px;
}
.second-sale-block {
display: inline-block;
font: 400 13px Lato;
font-size: 15px;
line-height: 48px;
color: #000000;
/*background-color: #E9E9E9;*/
}
.second-sale-block .sale-wrapper > span {
font: 700 13px Lato;
font-size: 17px;
line-height: normal;
color: #1b5e91;
}
.sale .small {
display: inline-block;
font-size: 15px;
line-height: 100%;
}
.first-sale-block .small {
font: italic 400 13px Lato;
font-size: 15px;
}
.small.two-lines {
width: 20px;
}
.text-banner {
background-color: #F1F1F1;
color: #1b5e91;
font-size: 23px;
height: 40px;
line-height: 40px;
text-align: center;
text-transform: capitalize;
}
.text-banner strong {
font: 700 13px Lato;
font-size: inherit;
text-transform: uppercase;
}
.sale-wrapper em {font-style:normal;}
.sale-car-icon {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
width: 52px;
height: 35px;
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/sale-logo.png') no-repeat scroll 0 0 transparent;
}
.sale-form {
float: right;
margin: 0 10px;
line-height: 45px;
}
.second-sale-block .checkout-button {
line-height: 32px;
height: 32px;
}
.sale-form input[type="email"] {
color: #939393;
font: 400 13px Lato;
font-size: 14px;
line-height: 33px;
height: 33px;
width: 204px;
border: 1px solid #dddddd;
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 0 10px;
margin-right: 5px;
}
/*----------------------------------------------------------------------------------*/
/*------------------------------------TESTIMONIALS----------------------------------*/
/*----------------------------------------------------------------------------------*/
/*.testimonials-block {
padding: 26px 0;
}*/
.testimonials-block .with-stripes {
color: #1e1e1e;
}
.testimonials-block ul {
overflow: hidden;
width: 988px;
margin: 0 auto;
}
.testimonials-block .centered {
padding: 26px 0;
}
.testimonials-block ul li {
float: left;
margin-bottom: 35px;
width: 50%;
padding: 0 40px 0 55px;
}
.testimonials-block ul li img, .testimonial img {
display: block;
float: left;
height: 139px;
margin-right: 20px;
width: 139px;
/*-webkit-border-radius: 69px;
-moz-border-radius: 69px;
-ms-border-radius: 69px;
border-radius: 69px;*/
}
.testimonials-block ul li p.name, .testimonial p.name {
clear: both;
color: #1b5e91;
font: italic 700 13px Lato;
font-size: 16px;
padding-top: 8px;
}
.testimonials-block ul li h6, .testimonial h6 {
color: #404040;
font: 700 13px Lato;
font-size: 15px;
line-height: 1.2;
overflow: hidden;
}
.testimonials-block ul li p, .testimonial p {
color: #414141;
font:300 13px Lato;
font-size: 15px;
line-height: 21px;
}
.testimonials-block .testimonial-content {
overflow: hidden;
padding-top: 20px;
width: 240px;
}

.with-stripes {
color: #000000;
font: 400 13px Lato;
font-size: 35px;
line-height: normal;
margin-bottom: 30px;
text-align: center;
}
.with-stripes span {
overflow: hidden;
padding: 0 15px;
}
.title.with-stripes {
border: none;
height: auto;
line-height: normal;
padding: 0 15px;
position: relative;
}
.title.with-stripes span {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
*vertical-align: auto;
zoom: 1;
*display: inline;
position: relative;
z-index: 2;
}
.title.with-stripes > p:after {
border-bottom: 1px solid #1b5e91;
border-top: 1px solid #1b5e91;
clear: both;
content: "";
display: block;
height: 8px;
left: 0;
margin-top: -10px;
position: absolute;
top: 50%;
width: 100%;
z-index: 1;
}
.featured-products-block > .centered {
overflow: hidden;
padding: 35px 0 25px;
}
.block-with-videos {
background: #f2f2f2;
}
.block-with-videos .with-stripes {
color: #554a48;
}
.block-with-videos > .centered {
overflow: hidden;
padding: 40px 40px 70px;
}
.block-with-videos ul {
overflow:hidden;
}
.block-with-videos ul li {
float: left;
overflow: hidden;
width: 50%;
}
.block-with-videos .video-wrapper {
text-align: center;
}
.block-with-videos .video-wrapper iframe {
width: 407px;
}
/*----------------------------------------------------------------------------------*/
/*-----------------------------------------PAGE-------------------------------------*/
/*----------------------------------------------------------------------------------*/
#page {
padding: 23px 30px;
}
#page h1 {
background: #1b5e91;
color: #FFF;
font-size: 41px;
text-align: center;
line-height: 88px;
margin-bottom: 20px;
}
#page h1 strong {
font: 700 13px Lato;
font-size: 41px;
}
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
color: #282d33;
}
#page h2 {
font: 700 13px Lato;
font-size: 33px;
margin-bottom: 25px;
}
#page iframe {
margin: 0 auto 20px;
width: 670px;
}
#page p strong {
font: 700 13px Lato;
font-size: inherit;
}
#page ul li {
margin: 0 0 10px;
overflow: hidden;
}
#page p {
margin-bottom: 10px;
}
#page ul li p {
margin: 0;
}
#page ol li {
list-style: inside decimal;
font: 700 13px Lato;
margin-bottom: 10px;
overflow: hidden;

}
#page ol li p {
display: inline;
font: 400 13px Lato;
}
#page img {
display: block;
float: right;
margin-left: 30px;
}
#page p.black {
color: #000;
font: 700 13px Lato;
}
#page p.blue-big {
color: #282d33;
font: 700 13px Lato;
font-size: 16px;
margin-bottom: 40px;
}
#page .video-wrapper {
clear: both;
text-align: center;
}
#page a.pdf-download {
background: url('http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/pdf_download.png') no-repeat left top;
color: #282d33;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
*vertical-align: auto;
zoom: 1;
*display: inline;
font: 700 13px Lato;
font-size: 23px;
line-height: 75px;
padding-left: 236px;
}

.clear-block:after {
content:"";
display: block;
clear: both;
}

.block-separator-line:before {
background: url("http://blog.survivalfrog.com/wp-content/themes/survivalcenter/images/block-separator.png") no-repeat scroll 50% 0 transparent;
clear: both;
content: "";
display: block;
height: 2px;
width: 100%;
}

.post-list > li {
border-bottom: 2px solid #dddddd;
}
.site-content {
border-right: 1px solid #dddddd;
}
.widget-area {
border-left: 1px solid #dddddd;
}
.author-block {
font: 400 13px Lato;
font-size: 16px;
color: #767676;
border-bottom: 1px solid #dddddd;
margin-bottom: 15px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
.post-title {
font: 700 13px Lato;
font-size: 25px;
margin-bottom: 12px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
.post-desc {
font: 400 13px Lato;
font-size: 16px;
}
.blog-title {
font: 400 13px Lato;
font-size: 50px;
color: #1b5e91;
padding-bottom: 10px;
}
.post-pagination a {
text-decoration: none;
}
.post-pagination {
font: 700 13px Lato;
font-size: 20px;
text-align: right;
}
.widget-area .widget:first-child {
border-top: none;
padding-top: 0;
}
.widget-area .widget {
padding-top: 23px;
margin-bottom: 25px;
font-size: 16px;
border-top: 2px solid #dddddd;
}
.widget-title {
color: #7B7C7B;
font: 700 13px Lato;
font-size: 25px;
padding-bottom: 5px;
}
.widget-area a {
text-decoration: none;
color: #404040;
}
.comment-reply-title, .comments-title {
color: #1b5e91;
}
.notfound-title, .searchform label {
font: 700 13px Lato;
font-size: 15px;
}
.comments-area input[type="submit"] {
margin-top: 10px;
}
input[type="submit"], button {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
*vertical-align: auto;
zoom: 1;
*display: inline;
padding: 0 20px;
text-transform: uppercase;
width: auto;
border: none;
font:400 13px Lato;
height: 38px;
line-height: 38px;
background:rgb(27, 94, 145);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(33, 119, 164)), to(rgb(27, 94, 145)));
background: -webkit-linear-gradient(top, rgb(33, 119, 164), rgb(27, 94, 145));
background: -moz-linear-gradient(top, rgb(33, 119, 164), rgb(27, 94, 145));
background: -ms-linear-gradient(top, rgb(33, 119, 164), rgb(27, 94, 145));
background: -o-linear-gradient(top, rgb(33, 119, 164), rgb(27, 94, 145));
background: linear-gradient(top, rgb(33, 119, 164), rgb(27, 94, 145));
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
input[type="text"] {
height: 38px;
line-height: 38px;
padding: 0 10px;
width: auto;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
border: 1px solid #E2E2E2;
resize: none;
}
.searchform label {
line-height: 38px;
}