/*
Theme Name: AGM Electical Supplies
Theme URI: https://proximatesolutions.com/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Version: 1.0
*/ 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Subrayada:700');



@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); 
body { font-family: 'Open Sans', sans-serif; font-size:14px; } 
img { max-width:100%; height:auto; } 
a { transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; color:#b49f3f; } 
a:hover, a:focus { outline:0; color:#b49f3f; text-decoration:none;} 
.clear1 { clear:both;} 
.clear5px { clear:both; height:5px; } 
.clear10px { clear:both; display:block; padding:5px; } 
.clear14px { clear:both; display:block; padding:7px; } 
.clear20px { clear:both; display:block; padding:10px; } 
.clear-25{ clear:both; padding:13px;} 
.clear30px { clear:both; display:block; padding:15px; } 
.clear50px { clear:both; display:block; padding:25px; } 
.clear100px { clear:both; display:block; padding:50px; }
.mt-0 { margin-top:0;}
.btn-danger { white-space:normal;}
section { padding:50px 0; display:block; position:relative; }
section.grey { background:#f2f2f2;}
.yellow {background: #c1272d;
background: -moz-linear-gradient(left, #c1272d 0%, #900 30%, #900 70%, #c1272d 100%);
background: -webkit-linear-gradient(left, #c1272d 0%,#900 30%,#900 70%,#c1272d 100%);
background: linear-gradient(to right, #c1272d 0%,#900 30%,#900 70%,#c1272d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1272d', endColorstr='#c1272d',GradientType=1 ); color:#fff;}
.yellow .lead { margin-bottom:0; text-align: center;font-size: 16px;} 
.yellow .btn { border-radius:0; box-shadow:none;}
.btn-black { background:#000; color:#fff;}
.btn-black:hover, .btn-black:focus { background:#666; color:#fff;}
.top_bar { background:#262626;    padding:7px 0; }
ul.top_info { list-style:none; padding:0; margin:0; float:left;}
ul.top_info li { position:relative; font-size:14px; padding:0; color:#fff; display:inline-block; font-weight:300;margin-right:12px;} 
ul.top_info li a {  display:inline-block; color:#fff; text-decoration:none;  letter-spacing:0.07em;  }
ul.top_info li a:hover { color:#ff4200; }

.top_contact { list-style:none; padding:0; margin:0; float:right;  color:#fff; font-size:14px;  }
.top_contact i { margin-right:7px;}
ul.top_contact li:first-child a {color:#fff; background:#f4ab1b;}
ul.top_contact li:first-child a:hover {color:#fff; background:#ffcb31;}
ul.top_contact a {  display:inline-block; color:#fff; text-decoration:none;  letter-spacing:0.07em; color:#fff;  font-size:13px; background:#b40000; padding:10px 25px;  }
ul.top_contact a:hover {background:#90be54; color:#fff; }

.page-title { font:35px/30px 'Montserrat Subrayada', sans-serif; display:inline-block; float:right; margin:20px 0 10px 0;}
.page-title a { color:#111;}
.page-title small { color:#000; display:block; font:16px 'Open Sans', sans-serif; font-style:italic; text-align:right;}

.logo img { max-width:100%;}

#hero { position:relative;}
#hero img { width:100%;}
#hero:before { background:rgba(0,0,0,0.4); content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:10;}
.capi {color:#fff;text-align:center; z-index:20;}
#hero .banner_capion { position:absolute; top:50%; left:50%; transform:translatey(-50%); -webkit-transform:translatey(-50%); padding-bottom:20px;  color:#fff; z-index:99; }
#hero .banner_capion h1 { margin:0; padding:0;margin-bottom:10px; font-size:48px; font-weight:700; }
#hero .banner_capion h4 { font-size:20px; margin:0; padding:0; font-weight:400;  text-decoration:none;margin-bottom:10px; }

#products { position:relative; line-height:30px; }
#products h1 { font-size:30px;}
#products a img { width:auto!important; height:auto!important; }
#products .product { transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; overflow:hidden; }
#products.full .product h4 { background:none; border-top:1px solid #eaeaea; padding-bottom:0;}
#products .product .feat { background:#bd3f23; z-index:99; color:#fff; line-height:1.3; padding:2px 10px; position:absolute; left:5%; top:17px; width:50px; text-align:center;}
#products .product .feat:after {border-left:9px solid transparent; border-top:9px solid #bd3f23; right:0; bottom:-9px; content:''; position:absolute;  }
#products .product { margin-bottom:30px; position:relative; text-align:center;}
#products .product h4, .brands .product h4 { margin:5px 0; text-align:center; display:inline-block; padding:5px 20px; text-align: center;}
#products .product h4 a, .brands .product h4 a { background:#666; display:block; color:#fff; border:#ddd solid 1px; padding:7px 15px;}
#products .product:hover a, .brands .product:hover a { text-decoration:none;}
#products .product .price del { color:#aaa; }
#products .product p { font-size:14px; margin:0; padding:0 20px; }
.brands .thumbnail h4 { font-size:16px; font-weight:300; text-align:center;}
.product_thumb { background:#fff; min-height:200px; text-align:center; margin:0 auto; max-width:80%; position:relative; }
.product_thumb img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transition:all ease .3s; -webkit-transition:all ease .3s; max-width:60%; }
.product-disc { border:2px solid transparent; padding-top:25px; margin-top:-20px; min-height:210px;}
#products .product:hover .product-disc  { border:2px solid #b82433;}
#products .product:hover .product_thumb img { transform:translate(-50%,-50%) scale(1.15); -webkit-transform:translate(-50%,-50%) scale(1.15);}
#products .dic-title { min-height:61px; padding:0 5px; color:#333;}
#products .dic-title a { color:#333;}
#products .dic-title a:hover { color:#b82433;}

footer .top_part { background-color:#222; text-decoration:none; color:#fff; padding:30px 0; display:block; overflow:hidden; }
footer .top_part h5 { font-size:24px; line-height:18px; color:#fff; text-decoration:none; font-weight:bold; margin:0; padding:0; text-transform:uppercase; }
footer .top_part h5 span { font-size:13px; font-weight:normal; color:#fff; text-decoration:none; }
footer .subscribe_wrapper { position:relative; }
footer .subscribe_wrapper button { position:absolute; right:-1px; top:0; bottom:0; padding:5px 10px; background-color:#C6393E; border:0; color:#fff; border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; font-size:18px; }
footer .subscribe_wrapper input {  padding:10px; padding-right:40px; border-radius:2px; -webkit-border-radius:2px; font-size:13px; }

.copyright { background:#333; color:#fff; font-size:13px; padding:15px 0;}
.copyright a { color:#fff;}
textarea.form-control { height:125px;}
span.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00;}
div.wpcf7-response-output { margin:10px 0;}
.inner_content { min-height:750px;}
.g-recaptcha { transform:scale(0.96);-webkit-transform:scale(0.96);transform-origin:0 0;-webkit-transform-origin:0 0;}