/*
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:#8cc63f; }
a:hover, a:focus { outline:0; color:#61c1a6}
section { padding:30px 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; padding:7px 10px; font-size:16px; }

.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-right: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;}


.main_logo h1 {  margin-bottom:0;}
.main_logo a h1 {color:#b82433;}
.main_logo small { color: #000;  font-size: 14px; display:block; margin-top:-5px;}
.main_logo a:hover {color:#b82433; text-decoration:none;}

.white_bar { background-color:#fff; display:block; padding:30px 0; position:relative; }

.logo { font-size:36px; color:#000; text-decoration:none; font-weight:bold; position:relative; z-index:9; }
.logo a {color:#000; text-decoration:none;}
.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:url(images/main_map.png) repeat center top; background-size:100%; background-attachment:fixed;*/ text-align:center; }
/*.main_banner:after { background-color:rgba(201,80,0,0.9); position:absolute; left:0; top:0; bottom:0; right:0; content:""; }*/
/*.main_banner:after { background-color:rgba(255,255,255,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:#333; 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 { font-size:16px; color:#000; text-decoration:none; position:relative; z-index:9; position:absolute; left:0; right:0; top:0; bottom:auto; text-align:center; background-color:#fab914; padding:10px; letter-spacing:0.05em; }
.small_caption strong { color:#000; text-decoration:none; }

#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; }

.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; background:url(images/parallax/parallax_bg.png) repeat center top; background-size:100%; background-attachment:fixed; }
/*#gallery_section:after { background-color:rgba(255,158,158,0.9); position:absolute; left:0; top:0; bottom:0; right:0; content:""; }*/
#gallery_section:after { background-color:rgba(238,238,238,0.9); position:absolute; left:0; top:0; bottom:0; right:0; content:""; }

#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:#eee solid 1px; box-shadow:rgba(0,0,0,0.2) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; background-color:#eee; overflow:hidden; min-height:425px; }
#gallery_section .product:hover { border:#b82433 solid 1px; background-color:#b82433; color:#fff; box-shadow:rgba(0,0,0,0.2) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px; }
#gallery_section .product:hover del { color:#fff!important; }
#gallery_section.full .product h4 { background:none; border-top:1px solid #eaeaea; padding-bottom:0;}
#gallery_section .product .feat { background:#bd3f23; z-index:99; box-shadow:0 2px 2px #ccc; color:#fff; padding:2px 20px; position:absolute; left:0; top:20px;}
#gallery_section .product { margin-bottom:30px; position:relative; text-align:center;}
#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:#666; display:block; color:#fff; border:#ddd solid 1px; padding:7px 15px;}
#gallery_section .product:hover a, .brands .product:hover a { background:#000; color:#fff; text-decoration:none;}
#gallery_section .product .price del { color:#aaa; }
#gallery_section .product p { margin:0; padding:0 20px; }
#gallery_section .product:hover p a { background:none; color:#FF0;}
#gallery_section .product p a {color:#000; display:inline-block; padding:0 7px;}
.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; line-height: 36px; display: table; position: relative;margin: 0 auto; top: -64px;}
.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:#ca4c2c; 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:#134272; 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; }

footer .bottom_part { background-color:#333; text-decoration:none; color:#fff; padding:20px 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:#f1eab3;  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:#781717;  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;}
ul.social_widget li a:hover {background: #000;}
.copyrights { font-size:13px; margin-top:15px; display:block; line-height:16px; }
.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;}
.view_button i { margin-left:20px;}
.view_button:hover { background-color:#000; border-color:#000; color:#fff; text-decoration:none;}
textarea.form-control { height:145px;}
span.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00;}
div.wpcf7-response-output { margin:10px 0;}
.inner_section { min-height:650px;}
.inner_header { border-bottom:#ddd 1px solid;}