/*
Theme Name: Garage Door Repair	
Theme URI: http://wordpress.org
Version: 1.0.1
Description: Garage Door Repair Theme
Author: STB Coding
Author URI: https://www.upwork.com/fl/stbcoding
*/

@font-face {
    font-family: 'JamesFajardoRegular';
    src: url('fonts/james_fajardo-webfont.eot');
    src: url('fonts/james_fajardo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/james_fajardo-webfont.woff') format('woff'),
         url('fonts/james_fajardo-webfont.ttf') format('truetype'),
         url('fonts/james_fajardo-webfont.svg#JamesFajardoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothicMediumRegular';
    src: url('fonts/ufonts.com_franklin-gothic-medium-2-webfont.eot');
    src: url('fonts/ufonts.com_franklin-gothic-medium-2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_franklin-gothic-medium-2-webfont.woff') format('woff'),
         url('fonts/ufonts.com_franklin-gothic-medium-2-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_franklin-gothic-medium-2-webfont.svg#FranklinGothicMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

b,strong {font-weight: bold;}
i, em {font-style: italic;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}

.alignleft {float: left; margin: 0 25px 10px 0;}
.alignright {float: right; margin: 0 0 25px 10px;}
.aligncenter {display: block;margin: auto;}

body {background: #fff;border-top: 5px solid #162D50;color: #3A3A3A; font: 12px/20px Arial;}
a {color: #00B2D8;outline: medium none;}
a:hover {text-decoration: none;}
p {margin-bottom: 18px;}
h2 {font: 30px/36px FranklinGothicMediumRegular;color: #1F232C;letter-spacing: -1px;margin: 0 0 28px;}
h2 span {color: #4199E1;text-transform: uppercase;}
h3 {font: 22px/26.4px FranklinGothicMediumRegular;color: #1F232C;text-transform: uppercase;margin: 0 0 35px;}    
.corner {display: block;width: 20px;height: 20px;position: absolute;}    
.required {color: red;}
.more {font: 13px FranklinGothicMediumRegular;color: #ADADAD;text-decoration: none;display: block;margin-top: 3px;}
.more:hover {color: #00B2D8;}
.tiny_form input[type="text"] {background: #16478C;border: 1px #0B2250 solid;height: 26px;width: 144px;padding: 0 10px;border-right: none;}
.tiny_form input[type="submit"] {background: #FCFCFC;border: 1px solid #00102D;color: #363636;font: bold 12px Arial;padding: 0 10px;height: 28px;cursor: pointer;}
.tiny_form input[type="submit"]:hover {background: #363636;color: #FCFCFC;}
.wpcf7-form {background: #ddd;border: 1px #ccc solid;padding: 10px;}
.wpcf7-form fieldset {margin-bottom: 5px;font-weight: bold;}

.wrapper {width: 990px;margin: auto;}

.header {width: 920px;margin: auto;background: #fff;padding: 0 15px;}
.logo {font: 80px/96px JamesFajardoRegular;color: #fff;text-decoration: none;text-shadow: 1px 1px #113c88;margin: 6px 0 8px;}
.header .tiny_form {margin-top: 42px;}

.top_menu {background: url('images/menu_bg.png') no-repeat;width: 920px;margin-bottom: 10px;}
.top_menu li {float: left;}
.top_menu li a {display: block;height: 52px;font: bold 13px/52px Arial;color: #fff;text-decoration: none;padding: 0 18px;position: relative;}
.top_menu li:first-child a {margin-left: 70px;}
.top_menu li.current-menu-item a, .top_menu li a:hover {color: #FCFCFC;}

.slider {background: url('images/slider_bg.gif');padding: 19px 19px 13px;position: relative;}
.slider div {width: 952px !important;}
.slider li {padding-right: 14px;}
.slider img {border: 1px solid #000;}
.slider .prev {position: absolute; top: 146px; left: 10px;background: url('images/arrow_left.png');width: 35px; height: 49px;display: block;text-indent: -9999px;z-index: 100;display: none;}
.slider .next {position: absolute; top: 146px; right: 10px;background: url('images/arrow_right.png');width: 35px; height: 49px;display: block;text-indent: -9999px;z-index: 100;display: none;}
.slider .corner_left {bottom: -20px; left: 0;background: url('images/corner_bottom_left.png') no-repeat;}
.slider .corner_right {bottom: -20px; right: 0;background: url('images/corner_bottom_right.png') no-repeat;}

.banner {width: 950px;margin: auto;background: #eceaeb;padding-bottom: 20px;}
.banner * {vertical-align: middle;}

.content {background: #eceaeb;width: 914px;margin: auto;padding: 15px 18px 5px;}
.page {width: 589px;}
.page.fullwidth {width: 914px;}
.latest_news li {margin-bottom: 35px;}
.latest_news li div.left {background: url('images/post_date.png') no-repeat;width: 60px; height: 37px;text-align: center;font: 30px/14px Arial;color: #223b5b;padding-top: 26px;}
.latest_news li div.left span {color: #2468a9; font-size: 10px;text-transform: uppercase;font-weight: bold;}
.latest_news li div.right {width: 511px;}

.sidebar {width: 292px;}
.widget {margin-bottom: 20px;}
.widget_title {margin-bottom: 3px;}

.wpcf7-text {width: 200px;}
.wpcf7-textarea {width: 260px;}

.footer {background: url('images/slider_bg.gif');position: relative;height: 77px;}
.footer .corner_left {top: -20px; left: 0;background: url('images/corner_top_left.png') no-repeat;}
.footer .corner_right {top: -20px; right: 0;background: url('images/corner_top_right.png') no-repeat;}
.footer div.left {margin: 23px 0 0 40px;}
.footer .tiny_form {margin: 25px 40px 0 0;}
.footer_menu {text-align: center;}
.footer_menu li {display: inline-block;padding: 20px 0;}
.footer_menu li a {font-weight: bold;text-decoration: none;color: #fff;padding: 0 40px;}

.copyright {height: 54px;line-height: 54px;background: #fff;width: 950px;margin: auto;margin-bottom: 30px;}
.copyright span {padding-left: 19px;}
.copyright a {color: #3A3A3A;text-decoration: none;}
.copyright a:hover {text-decoration: underline;}.offer{margin: 0 4px; border: none;}