/*
Theme Name: AGM Electical Supplies
Theme URI: https://proximatesolutions.com/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Version: 1.0
*/

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

body {font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size:15px; color:#222; line-height:30px; }
img { max-width:100%; height:auto; }
a { transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; color:#000; }
a:hover, a:focus { outline:0; color:#61c1a6}
section { padding:40px 0;}
.btn-primary { background-color:#104474; text-align:center; font-size:18px;}
.btn-primary:hover { background-color:#002b53;}
.btn-grey { background-color:#d1d7da; text-align:center; font-size:18px; color:#333;}
.btn-grey:hover { background-color:#9ba6ac; color:#fff;}
.btn-success { background-color:#369866; color:#fff; font-size:18px; }
.form-control { height:auto!important; padding:7px 10px; font-size:16px; }
.btn-danger { background:#ed1c24; border-color:#ed1c24;}
.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; }
.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;}
.relative_box { position:relative; }

header { text-align:center; position:relative; }
.top_bar { background-color:#f5f5f5; display:block; padding:10px 0 0; }
.top_bar a{ color:#900; text-decoration:none; }
.top_bar a:hover{ color:#000; text-decoration:underline; }
ul.social_list { list-style:none; padding:0; margin:0; }
ul.social_list li { display:inline-block; float:left; margin-right:25px; }
ul.social_list li a{ display:block; font-size:18px; font-weight:bold; color:#999; }
ul.social_list li a:hover{ display:block; font-size:18px; color:#000; text-decoration:none; }

ul.top_contact_list { list-style:none; padding:0; margin:0; text-align:left; }
ul.top_contact_list li { display:inline-block; margin-left:25px; }
ul.top_contact_list li a{ display:block; font-size:16px; color:#333; }
ul.top_contact_list li a:hover{ color:#000; text-decoration:none; }
ul.top_contact_list li i {color:#c95000; margin-right:5px;}

.white_bar { background-color:#fff; display:block; padding:30px 0; position:relative; }
.logo {  margin-bottom:23px; display:inline-block; font-size:36px; line-height:1.1; margin-top:20px;}
.logo a {color:#b82433;}
.logo small { color: #000;  font-size: 14px; display:block; margin-top:3px; line-height:1;}
.logo a:hover {color:#b82433; text-decoration:none;}

nav#menu { display:inline-block; text-align:right; }
nav#menu ul { list-style:none; padding:0; margin:0; display:block; text-align:right; }
nav#menu ul li { display:inline-block; font-size:16px; letter-spacing:0.05em; text-transform:uppercase; }
nav#menu ul li a{ color:#999; text-decoration:none; display:block; padding:5px 15px; font-weight:bold;}
nav#menu ul li a:hover { color:#b82433; text-decoration:none;}

.get_free_quote_button { border:#c95000 1px solid; color:#fff; font-size:20px; padding:10px 25px; background-color:#c95000; border-radius:5px; -webkit-border-radius:5px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; float:right;}
.get_free_quote_button:hover { background-color:#000; border-color:#000; color:#fff; text-decoration:none;}

.contact_info_box {  text-align:center; margin-top:5px;}
.address_wrap { position:relative; }
.address_wrap i { color:#c95000; font-size:18px; margin-right:5px; text-decoration:none; }

.main_banner {position:relative; padding:150px 0 400px; background-repeat:no-repeat; background-position:center top; background-size:100%; background-attachment:fixed; text-align:center;  }
.main_banner:after { background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; bottom:0; right:0; content:""; }
.main_banner .banner_capion { position:absolute; text-align:center; color:#fff; z-index:99; left:50%; top:50%; width:80%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.main_banner .banner_capion h2 {color:#fff; margin:0; padding:0; margin-bottom:40px; font-size:50px; font-weight:900; line-height:65px; }
.main_banner .banner_capion h3 {color:#333; margin:0; padding:0; margin-bottom:50px; font-size:36px; font-weight:600; }

.yellow_button { border:#cca800 1px solid; background-color:#cca800; color:#fff; font-size:20px; padding:10px 25px; border-radius:5px; -webkit-border-radius:5px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; box-shadow:rgba(0,0,0,0.7) 0 0 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 0 0 5px;}
.yellow_button:hover { background-color:#000; border-color:#000; color:#fff; text-decoration:none;}
.orange_button { border:#c95000 1px solid; color:#fff; font-size:20px; padding:10px 25px; background-color:#c95000; border-radius:5px; -webkit-border-radius:5px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; box-shadow:rgba(0,0,0,0.7) 0 0 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 0 0 5px;}
.orange_button:hover { background-color:#000; border-color:#000; color:#fff; text-decoration:none;}

.dark_red_button { border:#7f0005 1px solid; color:#fff; font-size:20px; padding:10px 35px; background-color:#7f0005; border-radius:5px; -webkit-border-radius:5px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; box-shadow:rgba(0,0,0,0.7) 0 0 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 0 0 5px;}
.dark_red_button:hover { background-color:#000; border-color:#000; color:#fff; text-decoration:none;}

.green_button { border:#004210 1px solid; color:#fff; font-size:20px; padding:10px 35px; background-color:#004210; border-radius:5px; -webkit-border-radius:5px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; box-shadow:rgba(0,0,0,0.7) 0 0 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 0 0 5px;}
.green_button:hover { background-color:#000; border-color:#000; color:#fff; text-decoration:none;}

.small_caption {background:rgba(0, 0, 0, 0) linear-gradient(to right, #c1272d 0%, #fbbb11 30%, #fbbb11 70%, #c1272d 100%) repeat scroll 0 0; }

.caption_bar {ffont-size:16px; color:#000; text-decoration:none; position:relative;  text-align:center;   letter-spacing:0.05em;  float:left; padding:7px 0; }
.caption_bar strong { color:#000; text-decoration:none; }
.small_caption .btn {float: right;border: 0;border-radius: 0;box-shadow: none;padding: 12px 25px;text-transform: uppercase;}

#contact_bar { position:relative; background-color:#c1272d; }
#contact_bar .form-control { border-rdius:0!important; -webkit-border-radius:0!important; }
#contact_bar textarea { min-height:135px; display:block; border-rdius:0; -webkit-border-radius:0; }

.box_icon { position:relative; margin:0 auto; max-width:90px; }
.box_icon img, .box_icon i { font-size:55px; display:block; text-align:center; margin-bottom:10px; width:100%; }
.border_box_wrapper { border:#CCC solid 1px; padding:20px 25px; overflow:hidden; overflow:hidden; display:block; min-height:330px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s;}
.border_box_wrapper h3 { color:#b82433; text-decoration:none; font-weight:bold; }
.border_box_wrapper .red_button {border:#104474 solid 1px; color:#fff; background-color:#104474; padding:7px 25px; font-size:15px; text-align:center; display:inline-block; border-radius:4px; -webkit-border-radius:4px;}
.border_box_wrapper:hover .red_button { background-color:#fff; color:#104474; text-decoration:none; }
.border_box_wrapper .small { line-height:22px!important; font-size:12px; color:#b82433; }

.opening_hours { text-align:left;}
.opening_hours { color:#fff; text-decoration:none; }
.opening_hours h3 { color:#fff; text-decoration:none; font-weight:bold; }
.opening_hours .small {color:#fff; }
.contact_form { background:#f5f5f5;}
.contact_form .form-control, .contact_form textarea  { height:auto; padding:15px; border-radius:0; border:#ddd 1px solid; box-shadow:none; margin-bottom:15px;width:100%}
.contact_form .btn {border-radius:0; margin-top:15px;}


.grey_gradient_bg { background: #eeeeee; background: -moz-linear-gradient(-45deg, #eeeeee 0%, #ffffff 46%, #eaeaea 100%); background: -webkit-linear-gradient(-45deg, #eeeeee 0%,#ffffff 46%,#eaeaea 100%); background: linear-gradient(135deg, #eeeeee 0%,#ffffff 46%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eaeaea',GradientType=1 ); }

.grey_gradient_bg .box_icon { text-align:left; display:block; margin:inherit; position:relative; }
.point_contact { position:absolute; right:-15px;top: 5px; width:244px; bottom:0; background:url(images/point_contact.png) no-repeat right top; background-size:100%; display:block; }

#gallery_section { position:relative;  }
#gallery_section .section-title .big-title { color:rgba(0, 0, 0, 0.1); font-weight: 700; font-size: 96px; line-height: 96px; text-transform: uppercase; margin-bottom: 0; text-align: center;}
#gallery_section a img { width:auto!important; height:auto!important; }
#gallery_section .product {    border-color: rgb(236, 236, 236);   transition:all linear 0.2s 0s; border-width:11px 5px 5px; border-style:solid; -webkit-transition:all linear 0.2s 0s; padding-top:25px; padding-bottom:25px;  }
#gallery_section .product:hover del { color:#c95000!important; }
#gallery_section.full .product h4 { background:none; border-top:1px solid #eaeaea; padding-bottom:0;}
#gallery_section .product .feat { width:178px; display:inline-block; z-index:99; color:#c95000; padding:2px 20px; position:absolute; background-color:#fff; margin-left:-89px; left:50%; top:-25px; font-weight:600;}

#gallery_section .product { margin-bottom:40px; position:relative; text-align:center; min-height:452px;}
#gallery_section .product h4, .brands .product h4 { margin:5px 0; text-align:center; display:inline-block; padding:5px 20px; text-align: center;}
#gallery_section .product h4 a, .brands .product h4 a { background:#c95000; display:block; color:#fff; border:#ddd solid 1px; padding:7px 15px;}
#gallery_section .product:hover a, .brands .product:hover a { background:#f6ae13; border-color:#f6ae13; color:#000; text-decoration:none;}
#gallery_section .product .price del { color:#aaa; }
#gallery_section .product p { margin:0; padding:0 16px;  font-size:18px; min-height:60px; }

#gallery_section .product:hover p a{ background:transparent; color:#c95000;}
.brands .thumbnail h4 { font-size:16px; font-weight:300; text-align:center;}
.product_thumb { min-height:200px; background-color:#fff; text-align:center; margin-bottom:10px; position:relative; }
.product_thumb img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:60%; }
.shoping_tab { float:right; background-color:#1a1a1a; width:50px; height:65px; display:inline-block; position:relative; }
.shoping_tab a { font-size:17px; display:block; padding:20px 12px; color:#333; text-decoration:none; letter-spacing:0.07em; }
.shoping_tab a img { width:21px; height:auto; }
.search_tab {position: absolute; right: 71px; height:65px; width: 48%;}
.red_badge { background-color:#d7232d; padding:0; min-width:20px; height:20px; text-align:center; display:inline-block; border-radius:100px; -webkit-border-radius:100px; position:absolute; left:23px; top:9px; color:#fff; font-weight:bold; }
.shadow_button { background-color:#1a1a1a; padding:10px 30px; color:#fff; text-transform:uppercase; font-size:18px; position:relative; box-shadow:rgba(0,0,0,1) 0 5px 0; -webkit-box-shadow:rgba(0,0,0,1) 0 5px 0; border-radius:4px; -webkit-border-radius:4px; }
.shadow_button:hover { background-color:#d7232d; box-shadow:rgba(163,22,23,1) 0 5px 0; -webkit-box-shadow:rgba(163,22,23,1) 0 5px 0; color:#fff; text-decoration:none; }

.right_view_all_button { float:right; font-size:16px; color:#900; text-decoration:underline; }
.right_view_all_button:hover {color:#000; text-decoration:none; }

#testimonials_section { background-color:#fff; text-align:center; font-size:20px; padding-bottom:50px; }
#testimonials_section  p { font-size:20px; color:#999; }
#testimonials_section  strong { font-size:16px; color:#134272; }
.section-title {width: 100%;  position: relative; z-index:999;}
.section-title .big-title { color: #eee; font-weight: 700; font-size: 96px; line-height: 96px; text-transform: uppercase; margin-bottom: 0; text-align: center;}
.section-title .main-title {text-transform: uppercase; font-size: 36px; display: table; position: relative;margin: 0 auto 40px;}
.section-title .main-title:before { content: ""; position: absolute; display: block; width: 15px;height: 5px; background-color: #ed1c24;  top: 50%; margin-top: -3px; left: -25px;}
.section-title .main-title:after { content: "";  position: absolute;  display: block;  width: 15px;  height: 5px;  background-color: #ed1c24;  top: 50%;  margin-top: -3px; right: -25px;}
.gallery_grey_box { padding:0 0 10px; display:block; position:relative; z-index:99; }

footer {position:relative;}
footer .top_part { background-color:#222224; text-decoration:none; color:#fff; padding:40px 0; display:block; overflow:hidden; text-align:center; }

footer .top_part h4 { font-size:27px; color:#fff; text-decoration:none; font-weight:bold; margin:0; padding:0; text-transform:uppercase; }
footer .top_part h4 span { font-size:13px; font-weight:normal; color:#fff; text-decoration:none; }

footer .top_part h5 { font-size:24px; 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; width:537px; display:inline-block; margin:20px auto; }
footer .subscribe_wrapper button { padding:10px 25px; background-color:#c95000; border:0; color:#fff; border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; font-size:18px; width:26%; float:right; }
footer .subscribe_wrapper input {width:70%; float:left;  padding:10px 15px;  border-radius:2px; -webkit-border-radius:2px; font-size:18px; box-shadow:none; }

footer .bottom_part { background-color:#1b1b1d; text-decoration:none; color:#fff; padding:40px 0; }
footer .bottom_part ul { color: #fff; font-size: 14px; font-weight: 300; line-height: 24px;}
footer .bottom_part ul.schedule_day { list-style:none; display:block; }
footer .bottom_part ul.schedule_day li { display:block; border-bottom:#FFF dotted 1px; padding:5px 0; overflow:hidden; }
footer .bottom_part ul.schedule_day li:last-child { border-bottom:0; }
footer .bottom_part ul { list-style:none; margin:0; padding:0;}
ul.footer_nav li a { display:block;}
footer .bottom_part a { color:#ededed;  transition: all 0.2s ease-out 0s;}
footer .bottom_part a:hover { color:#fff;}
footer .bottom_part h4 { font-weight:600; margin:0; padding:0; margin-bottom:10px}
ul.post_list li { display: flex;  flex-direction: column-reverse;   margin: 0 0 20px;}
ul.post_list li:last-child { display:flex;  flex-direction:column-reverse;   margin:0;}
ul li .schedule_day { float:left; width:50%;}
ul li .schedule_time {   float: left;  color:#ddd; width: 50%;}

ul.social_widget { list-style:none; padding:0; margin:0; margin-bottom:-7px!important; display:inline-block; text-align:right; }
ul.social_widget li {margin:0 10px 0 0; display:inline-block;}
ul.social_widget li a {background:#2e2d2d;  color:#fff; display:table-cell; font-size:17px;  height:32px;  text-align:center;   transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s;  width: 36px; vertical-align:middle; border-radius:100%; -webkit-border-radius:100%;}
ul.social_widget li a:hover {background: #c95000;}
.copyrights { font-size:13px; margin-top:15px; display:block; line-height:16px; border-top:#2c2c2e 1px solid; margin-top:40px; padding-top:30px; text-align:center; background:#1b1b1d; }
.view_button { border:#c95000 1px solid; color:#fff; font-size:20px; padding:10px 45px; background-color:#c95000; border-radius:5px; -webkit-border-radius:5px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; white-space:normal;}
.view_button i { margin-left:20px;}
.view_button:hover { background-color:#000; border-color:#000; color:#fff; text-decoration:none;}
.contact_map iframe { height:425px;}
.inner_section { min-height:650px;}
.inner_header { border-bottom:1px solid #ddd;}

textarea.form-control { height:162px !important;}
span.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
div.wpcf7-response-output { margin:10px 0;}
.g-recaptcha { margin-bottom:10px;}