/*
 Theme Name: Horsham Doors & Glass
 Theme URI:
 Author:
 Author
 Description: Horsham Doors & Glass
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Horsham Doors & Glass
 Text Domain: Horsham Doors & Glass
 

 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 */

/**
 *  Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    max-width: 100%;
}

img {
    max-width: 100%;
    outline: 0;
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    vertical-align: middle;
    margin: 0;
}

:visited, :target, input:focus, input:active, textarea:focus, textarea:active, a:focus, a:active {
    outline: 0 none !important;
}

body {
    color: #616161;
    font-family: 'Open Sans', sans-serif;
    line-height: 23px;
    vertical-align: baseline;
    font-size: 14px;
    background: #fff;
    font-weight: 400;
}
@font-face {
    font-family: 'robotoblack';
    src: url('fonts/roboto-black-webfont.eot');
    src: url('fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-black-webfont.woff2') format('woff2'),
         url('fonts/roboto-black-webfont.woff') format('woff'),
         url('fonts/roboto-black-webfont.ttf') format('truetype'),
         url('fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
/**
 * Headings
 * ----------------------------------------------------------------------------
 */

h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin: 0;
}

h1 {
    font-family: 'Oswald';
    font-size: 42px;
    line-height: 44px;
    color: #173f7d;
    text-transform: uppercase;
}

h2 {
    font-family: 'Oswald';
    font-size: 40px;
    line-height: 42px;
    color: #173f7d;
}

h3 {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    color: #173f7d;
}

h4 {
    font-size: 25px;
    line-height: 30px;
    font-family: 'Oswald';
    color: #1e4887;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-style: italic;
    text-align: center;
}

h5 { 
    font-size: 23px;
    line-height: 27px;
    font-family: 'Oswald';
    color: #bfd633;
    text-transform: uppercase;
    padding-bottom: 12px;
    padding-top: 25px;
    font-weight: 700;
    border-top: 1px solid #bfd633;
}

h6 { 
    font-size: 22px;
    line-height: 27px;
    font-family: 'Oswald';
    color: #bfd633;
    text-transform: uppercase;
    padding-bottom: 8px;
    padding-top: 8px;
    font-weight: 700;
}

/**
 * Text Elements
 * ----------------------------------------------------------------------------
 */

address {
    margin-bottom: 24px;
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}

p {
    margin-bottom: 20px;
}

b, strong {
    font-weight: 700;
}

cite, dfn, em, i {
    font-style: italic;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}


code, kbd, tt, var, samp, pre {
    font-size: 15px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.6;
}

pre {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

blockquote {
    color: #c12007;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 45px;
}

blockquote p {
    margin-bottom: 1.6667em;
}

blockquote > p:last-child {
    margin-bottom: 0;
}

blockquote cite, blockquote small {
    color: #c12007;
    font-size: 16px;
    line-height: 20px;
}

blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}

blockquote strong, blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

big {
    font-size: 125%;
}

sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

dl {
    margin-bottom: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 24px;
}

ul, ol {
    list-style: none;
    margin: 0 0 24px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin: 0 0 0 20px;
}

del {
    color: #767676;
}

figure {
    margin: 0;
}

hr {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}

/**
 *  Links
 * ----------------------------------------------------------------------------
 */

a {
    color: #1e4887;
    text-decoration: none;
}

a:visited {
    color: #bfd633;
    outline: 0;
}

a:active, a:hover, a:focus {
    color: #bfd633;
    outline: 0;
    text-decoration: none;
}


/**
 * Alignment
 * ----------------------------------------------------------------------------
 */

.alignleft {
    float: left;
    margin: 7px 12px 7px 0;
}

.alignright {
    float: right;
    margin: 7px 0 7px 12px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 7px auto;
}


blockquote.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

blockquote.alignleft p, blockquote.alignright p {
    margin-bottom: 17px;
}

/**
 * Forms
 */

button, input, select, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border: 1px solid rgba(51, 51, 51, 0.3);
    color: #333;
}

input:focus,
select:focus {
    outline: 2px solid #c1c1c1;
    outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
    cursor: default;
    opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    background-color: #173f7d;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 40px;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
   /*  background-color: #707070;
    background-color: rgba(51, 51, 51, 0.7); */
    outline: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    padding: 12px;
    width: 100%;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    outline: 0;
}


input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

.search-form input[type="submit"]{
    padding: 0;
}


table,
th,
td {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    table-layout: fixed; /* Prevents HTML tables from becoming too wide */
    width: 100%;
}

table.hdgtable {
    border-width: 0 0 0 0;
    border-collapse:collapse;
}

table.hdgtable tr {}

table.hdgtable td {
    border: none;
    font-size: 17px;
    line-height: 26px;
    color: black;
    font-weight: 300;
    margin-bottom: 25px;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th, td {
    padding: 0.4em;
}


/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

/**
 *  Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input, textarea {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #7e7e7e;
    padding: 8px 10px 7px;
    font-size: 11px;
}

textarea {
    width: 100%;
}

input:focus, textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
    outline: 0;
}

.search-field {
    width: 100%;
}

.search-submit {
    display: none;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.7);
}

:-moz-placeholder {
    color: rgba(51, 51, 51, 0.7);
}

::-moz-placeholder {
    color: rgba(51, 51, 51, 0.7);
    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.7);
}

/*--- Custom Styles ---*/

.header-block{
    width: 100%;
    float: left;
    border-top:9px solid #173c75;
    background: url("images/header_bg.png") no-repeat left top #fff;
    background-size: cover;
    padding: 13px 0 13px;
}
.logo-block{
    width: 100%;
    float: left;
}
.logo-block img{
    float: left;
}
.logo-head{
    width: 74%;
    float: left;
}
.logo-head-inner{
    width: 100%;
    padding-left: 16px;
    height: 83px;
    vertical-align: middle;
    display: table-cell;
}
.logo-head h1{
    font-size: 39px;
    line-height: 38px;
}
.logo-head h1 span{
    color: #bfd633;
    float: left;
    font-size: 39px;
    line-height: 39px;
    width: 100%;
    line-height: 30px;
}
.contact-block{
    font-family: 'Oswald';
    width: 100%;
    float: left;
    padding-top: 25px;
}
.contact-block ul {
    float: right;
    width: auto;
    list-style-type: none;
    margin: 0;
}
.contact-block ul li{
    margin-bottom: 0px;
}
.contact-block ul li a{
    font-size: 17px;
    color: black;
}
.contact-block i {
    font-weight: 200;
    font-size: 22px;
    color: #bfd633;
    height: 37px;
    width:37px;
    border-radius: 3px;
    text-align: center;
    line-height: 34px;
    margin-right: 2px;
}
.contact-block .fa.fa-envelope {
    font-size: 18px;
    
}
.contact-block ul li a:hover{
    color:#173c75;
}
.menu-block{
    float: left;
    width: 100%;
    background: #173c75;
}
.menu-block ul{
    font-family: 'Oswald';
    float: left;
    width:100%;
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
.menu-block ul li{
    float: left;
    border-right: 1px solid #456391;
}
.menu-block ul li a{
    padding: 15px 19.5px;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #ffffff;
    float: left;
    text-transform: uppercase;
    
    -webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
.menu-block ul li:first-child{
    border-left: 1px solid #456391;
}
.menu-block ul li a:hover,.menu-block ul li a:focus{
    background: #07214a;
}
.menu-title {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 15px;
    font-family: 'Oswald';
}



/*==== banner ====*/

.banner-container {
    float: left;
    width: 100%;
    background: url(http://horshamdg.com.au/wp-content/uploads/2015/08/banner21.jpg);
    padding: 175px 0;
}
.banner-image {
    float: left;
    width: 100%;
}
.banner-content {
    float: left;
    width: 100%;
}
.banner-image img {
    box-shadow: 2px 6px 15px -6px #000;
    border:8px solid #ffffff;
    margin: 0!important;
}
.banner-content p {
    font-size: 21px;
    font-weight: 300;
    color: #65701b;
    line-height: 26px;
}
.banner-content H2 {
    padding-top: 40px;
}
.view-btn {
    background: #3266b6;
    background: -moz-linear-gradient(top, #3266b6 0%, #173c75 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3266b6), color-stop(100%,#173c75));
    background: -webkit-linear-gradient(top, #3266b6 0%,#173c75 100%);
    background: -o-linear-gradient(top, #3266b6 0%,#173c75 100%);
    background: -ms-linear-gradient(top, #3266b6 0%,#173c75 100%);
    background: linear-gradient(to bottom, #3266b6 0%,#173c75 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3266b6', endColorstr='#173c75',GradientType=0 );
    color: #ffffff!important;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 14px 0 0;
    float: left;
    height: 57px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
    border-radius: 15px;
    line-height: 56px;
    border-bottom: 2px solid #000000;
    margin-top: 7px;
    
    -webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
    
}
.view-btn span{
    background: url(images/button-img.png) no-repeat left center;
    padding: 0 65px 0 0;
    width:56px;
    height: 57px;
    float: left;
}
.view-btn:hover{
    background: #173c75;
    background: -moz-linear-gradient(top, #173c75 0%, #3266b6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#173c75), color-stop(100%,#3266b6));
    background: -webkit-linear-gradient(top, #173c75 0%,#3266b6 100%);
    background: -o-linear-gradient(top, #173c75 0%,#3266b6 100%);
    background: -ms-linear-gradient(top, #173c75 0%,#3266b6 100%);
    background: linear-gradient(to bottom, #173c75 0%,#3266b6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173c75', endColorstr='#3266b6',GradientType=0 );
    color: #ffffff;
}




/*==== about page ====*/

.content-container {
    float: left;
    width:100%;
    padding: 49px 0 0;
    border-top: 1px solid #e9e9e9;
}
.content-container-inner {
    float: left;
    width: 100%;
}
.content-container h2 {
    padding-bottom: 22px;
}
.content-container p{
    font-size: 17px;
    line-height: 26px;
    color: black;
    font-weight: 300;
    margin-bottom: 25px;
}
.content-container hr{
    margin: 33px 0 52px 0;;
}
.content-container-inner img {
    margin-bottom: 20px;
	margin-left: 54px;
}
.content-container-inner img:first-child{
	margin-left:0px;
}
.about-banner {
    padding: 25px 0 0;
}
.about-banner img {
    box-shadow: none;
}
.about-banner .banner-image {
    text-align: center;
}

.current-menu-item a{
    background: #07214a;
}
.footer-menu .current-menu-item a{
    background: none;
}
/*
.inner-page .banner-image img {
    float: right;
}
*/
.inner-page h2 {
    text-transform: uppercase;
}
.single-products .content-container-inner h2 {
    text-transform: uppercase;
    padding-bottom: 22px;
}
.about-banner .banner-image img {
    border:none;
}
.address-area a{
	color:#787878;
}
.address-area a:hover{
	color:#bfd633;
}
.widget-title{
	color:#173f7d;
}
.page-title {
    margin-bottom: 20px;
}
.entry-title a{
    color:#173f7d;
}
.comments-link {
    margin-left: 10px;
}
.blog article ,.search article,.archive article {
    border-bottom: 1px dashed #000;
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.entry-title a:hover{
    color:#bfd633;
}
.widget-area {
    padding-left: 92px;
	float: left;
}
.blog article .post-thumbnail img,.search article .post-thumbnail img,.archive article .post-thumbnail img,.single .post-thumbnail img {
    margin-bottom: 20px!important;
}
.comment-respond {
    margin-top: 20px;
}
.tags-links {
    margin-left: 10px;
}
.screen-reader-text{
	margin-right: 8px;
}
.author{
    margin-left: 10px;
}
.entry-title {
    padding-bottom: 15px;
}

/*
.ie8 .menu-block ul li a{
	padding:21px 7px 21px 8px;
}
*/





/**-------section-------**/
.content-block{
	width:100%;
	float:left;
	background:#1e4887;
	padding:50px 0px;
}
.content-block-inner{
	width:100%;
	float:left;
}
.left-outer{
	width:37%;
	float:left;
	max-width:404px;
}
.content-block-left{
	width:100%;	
	float:left;
	background:#bfd633; 
	padding: 21px 24px 35px 27px;
}
.image-area{
	width: 35.8%;
	float:left;
	padding-top: 23px;
}
.text-area{
	width:64.2%;
	float:left;
	padding-left:29px;
	padding-top:8px;
	text-align: center;
}

.textarea-wrap textarea {
	height: 180px !important;
}

.text-wrap.label-above label, .textarea-wrap.label-above label{
	text-transform: uppercase;
	font-family: 'Oswald';
	color: black;
	font-size: 16px;
}

.ninja-forms-required-items{
	font-family: "Open Sans" !important;
	padding-bottom: 20px;
}

.text-area span{
	font-size:65px;
	line-height: 65px;
	color:#ffffff;
	font-weight: 700;
}
.text-area p{
	font-size:22px;
	float:left;
	color:#3d3d3d;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	margin-bottom: 15px;
}
.text-area strong{
	font-size:39px;
	float:left;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
.right-outer{
	width:59%;
	max-width:696px;
	float:left;
}
.content-block-right{
	width:100%;
	/* max-width:696px; */
	float:left;
	margin-left: 44px;
	background:#e9e9e9;
	font-family: 'Oswald';
	border:1px solid #cccccc;
	padding:19px 20px 17px 35px;
}
.right-inner-image{
	width: 38.9%;
	float:left;
}
.right-text-area{
	width:61.1%;
	padding-left: 47px;
	padding-top:4px;
	float:left;
}
.top-heading{
	width:100%;
	float:left;
	padding-bottom:12px;
	border-bottom:1px solid #d9d9d9;
}
.top-heading p{
	margin-bottom:0px;
	font-size:25px;
	line-height:30px;
	color:#1e4887;
	text-transform:uppercase;
	float: left;
	width: 100%;
}
.top-heading span{
	font-size:25px;
	line-height:25px;
	color:#1e4887;
	text-transform:uppercase;
}
.address-area{
	width:100%;
	float:left;
	padding-top: 8px;
}
.address-area address{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#787878;
	margin-bottom: 0;
	line-height: 23px;
}
.content-block.gray{
	padding-top: 30px !important;
	padding-bottom: 22px;
background: #e4e4e4;
background: -moz-linear-gradient(top, #ffffff 0%, #1e4887 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #1e4887));
background: -webkit-linear-gradient(top, #ffffff 0%, #1e4887 100%);
background: -o-linear-gradient(top, #ffffff 0%, #1e4887 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #1e4887 100%);
background: linear-gradient(to bottom, #ffffff 0%, #1e4887 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1e4887', GradientType=0 );
}
.products-outer{
	width:100%;
	float:left;
}
.products-outer h2{
	width:100%;
	float:left;
}
.products-list{
	width:100%;
	float:left;
	margin-top: 20px;
}
.products-list ul{
	width:102.6%;
	float:left;
	margin: 0;
	margin-left:-27px;
}
.products-list ul li{
	list-style:none;
	float:left;
	margin-bottom: 30px;
    margin-left: 27px;
	height:175px;
	/* display: table; */
}
.product-details{
	max-width:348px;
	float:left;
	padding: 20px 25px;
	background:#ffffff;
	border:1px solid #d5d5d5;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.details-left{
	width: 49.8%;
	float:left;
	height:135px;
	display:table;
}
.details-left-inner{
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 100%;
}

.details-left span{
        font-family: 'Oswald';
	font-size:25px;
	color:#bfd633;
	font-weight:400;
	padding: 0 0 17px;
	float: left;
	line-height: 28px;
    text-transform:uppercase;
}
.button-outer{
	width:100%;
	float:left;
}
.button-outer .btn.btn-primary{
	font-size:14px;
	font-weight:700;
	padding:10px 13px;
    text-transform: uppercase;
    color: #ffffff;
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(47,98,176,1) 0%, rgba(25,63,122,1) 100%, rgba(25,63,122,1) 100%, rgba(32,124,202,1) 100%, rgba(32,124,202,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(0%,rgba(47,98,176,1)), color-stop(100%,rgba(25,63,122,1)), color-stop(100%,rgba(25,63,122,1)), color-stop(100%,rgba(32,124,202,1)), color-stop(100%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(47,98,176,1) 0%,rgba(25,63,122,1) 100%,rgba(25,63,122,1) 100%,rgba(32,124,202,1) 100%,rgba(32,124,202,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(47,98,176,1) 0%,rgba(25,63,122,1) 100%,rgba(25,63,122,1) 100%,rgba(32,124,202,1) 100%,rgba(32,124,202,1) 100%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(47,98,176,1) 0%,rgba(25,63,122,1) 100%,rgba(25,63,122,1) 100%,rgba(32,124,202,1) 100%,rgba(32,124,202,1) 100%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(47,98,176,1) 0%,rgba(25,63,122,1) 100%,rgba(25,63,122,1) 100%,rgba(32,124,202,1) 100%,rgba(32,124,202,1) 100%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.button-outer .btn.btn-primary:hover{ 
	background: rgb(25,63,122); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(25,63,122,1) 1%, rgba(47,98,176,1) 100%, rgba(25,63,122,1) 100%, rgba(32,124,202,1) 100%, rgba(32,124,202,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(25,63,122,1)), color-stop(100%,rgba(47,98,176,1)), color-stop(100%,rgba(25,63,122,1)), color-stop(100%,rgba(32,124,202,1)), color-stop(100%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(25,63,122,1) 1%,rgba(47,98,176,1) 100%,rgba(25,63,122,1) 100%,rgba(32,124,202,1) 100%,rgba(32,124,202,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(25,63,122,1) 1%,rgba(47,98,176,1) 100%,rgba(25,63,122,1) 100%,rgba(32,124,202,1) 100%,rgba(32,124,202,1) 100%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(25,63,122,1) 1%,rgba(47,98,176,1) 100%,rgba(25,63,122,1) 100%,rgba(32,124,202,1) 100%,rgba(32,124,202,1) 100%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(25,63,122,1) 1%,rgba(47,98,176,1) 100%,rgba(25,63,122,1) 100%,rgba(32,124,202,1) 100%,rgba(32,124,202,1) 100%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193f7a', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.details-right{
	float: left;
    text-align: center;
    width: 50.2%;
}
.details-right-inner{
	width:100%;
	float:none;
	height:135px;
	display:table-cell;
	vertical-align:middle;
}

.details-right img {
    padding-left: 9px;
	width: 100%
}

/**-------blue-block-------**/

.blue-block-inner{
	width:100%;
	float:left;
}
.blue-block-inner ul{
	width:100%;
	float:left;
	text-align:center;
	margin:0px;
}
.inner-block{
	max-width: 30.2%;
	float:left;
	text-align: center;
}
.blue-block-inner ul li{
	list-style:none;
	/* max-width:332px; */	
	margin-left:51px;
}
.blue-block-inner ul li:first-child{
	margin-left:0px;
}

.image-outer-bg{
	width:114px;
	height:114px;
	background:#bfd633;
	margin:0 auto;
	display: table-cell;
	vertical-align:middle;
	float: none;
	
	-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}

.inner-block h5{
	padding:27px 0px 15px;
	border-bottom:1px solid #4b6d9f;
}
.inner-block p{
	width:100%;
	float:left;
	color:#ffffff;
	padding:15px 0px 28px;
	border-bottom:1px solid #4b6d9f;
	margin-bottom: 0;
}

/**-------blue-block-------**/

/**-------top-block-------**/
.content-block.top{
	padding:18px 0px 0px;
	float:left;
	background:#ffffff;
}
.content-details{
	width: 74.9%;
	float:left;
	padding-top:29px;
	padding-bottom: 10px;
	padding-right: 37px;
}
.content-details h2{
    padding-bottom: 22px;
}
.content-details strong{
/*	float: left;*/
    font-size: 17px;
    line-height: 26px;
    padding-bottom: 29px;
    font-weight: 500;
}
.content-details p{
	float:left;
	font-size: 17px;
	font-weight: 300;
	line-height: 26px;
}
.content-image{
	width:25.1%;
	float:left;
	position:relative;
	padding-top: 40px;
	text-align: center;
}

/**-------top-block-------**/

/**-------footer-------**/
.footer-top{
	width:100%;
	float:left;
	background:#ffffff;
	padding:50px 0px;
	border-top: solid 1px #bfd633
}
.footer-bottom-block{
	width:100%;
	float:left;
	background:#bfd633;
	padding:60px 0px 40px;
	border-bottom:9px solid #173c75;
}
.footer-menu{
	width:100%;
	float:left;
	padding:25px 0px 25px;
	border-top:1px solid #e2ee97;
}
.footer-menu ul{
	width:100%;
	float:left;
	text-align:center;
	margin: 0;
}
.footer-menu ul li{
	list-style:none;
	float:none;
	display:inline-block;
	padding-left:28px;
}
.footer-menu ul li:first-child{
	padding-left:0px;
}
.footer-menu ul li a{
	font-family: 'Oswald';
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	text-transform: uppercase;
    -webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
.footer-menu ul li a:hover,.footer-menu ul li a:focus {
    color: #1e4887;
    
}
.footer-bottom{
	width:100%;
	float:left;
	text-align:center;
	border-top:1px solid #e2ee97;
	padding-top: 40px;
}
.footer-bottom span{
	font-size:11px;
	font-weight:700;
	color:#1e4887;
	text-transform:uppercase;
	font-family: 'Oswald';
}

 .outer-bg {
    display: inline-block;
	float:none;
 } 

.aaa{
	float:left;
	width:100%;
}
.header-block img {
    margin-bottom: 0;
}
.image-area img {
    margin: 0;
}
.products-list .navigation.pagination {padding-left: 25px;}

.single .details-left span{
    font-family: 'Oswald';
    font-size: 25px;
    color: #bfd633;
    font-weight: 400;
    padding: 0 0 17px;
    float: left;
    line-height: 28px;
    text-transform: uppercase;
}
.comment-respond p textarea,.comment-respond p input[type="text"] {
	-webkit-appearance:none;
}
.ie8 .menu-block ul li a{padding:21px 13px 21px 12px;}
.ie8 .details-left SPAN {font-weight:500;}

.videoplayer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 35px;
}

.youtubeclip{
	width: 60%;
	height: 350px;
}

#contactwrapper {
    width: 100%;
    overflow: hidden; /* add this to contain floated children */
}

#confirst {
    width: 55%;
    float:left;
}

#consecond {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}