/*
Theme Name: AGM Electrical nz
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");
@import url('https://fonts.googleapis.com/css?family=El+Messiri');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Subrayada');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

body {font-family: 'Open Sans', sans-serif; font-size:15px; color:#222; line-height:30px; }
img { max-width:100%; height:auto; }
a {transition:all linear 0.4s 0s; -webkit-transition:all linear 0.4s 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!important; 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; }
section.grey {background:#f6f6f6;}
header { text-align:center; position:relative; }
.top_bar { background-color:#c1272d; 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; color:#FFF; }
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:right; margin-top:-45px; }
ul.top_contact_list li { display:inline-block; margin-left:0;padding-right:15px;}
ul.top_contact_list li span {background:#DC4257; padding:4px 7px; display:inline-block;}
ul.top_contact_list li:nth-child(3){padding:10px 0;}
ul.top_contact_list li a{ display:block; font-size:16px; color:#fff;}
ul.top_contact_list li a:hover{ color:#fff; text-decoration:none;}
ul.top_contact_list li i {color:#fff;}

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

.banner_capion h1.main { margin:0;font-family: 'Montserrat Subrayada', sans-serif; font-size:32px; margin-top:20px}
.banner_capion h1.main a {color:#dc1414;}
.banner_capion h1.main a:hover {color:#dc1414; text-decoration:none;}
.banner_capion h1.main a:focus {color:#9D282F; text-decoration:none;}
.banner_capion h1.main small {display:block;font-size:11px; font-family: 'Open Sans', sans-serif;}
.banner_capion ul li a:hover {color:#ddd;}
.logo  { font-size:36px; color:#000; text-align:center; max-width: 500px;margin-left: auto;margin-right: auto;}


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; color:#fff;}
.address_wrap i { color:#fff; font-size:18px; margin-right:5px; text-decoration:none; }

/*.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{ margin-top:50px; margin-top:18px; position:relative;} 
.main_banner img {border-top:1px solid #ddd; background-size:cover; background-attachment:fixed; width:100%;}
.banner {position:relative;}
.banner.container {z-index:999; position:relative;}
.banner:after {position:absolute; content:""; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,0.6);}
.banner h2 {position:absolute; z-index:99; top:50%; width:70%; left:50%; text-align:center; font-size:45px; color:#fff; transform:translate(-50%,-50%);}
.banner h2 span {color:#f00;}

.about { position:relative;}
.headings {position:relative; margin-bottom:30px;}
.headings:before { background:#f00; height:6px; position:absolute; left:50%; bottom:-13px; content:""; width:50px; margin-left:-25px; z-index:9 ;}
.headings:after {content:""; z-index:1; width:150px; position:absolute; height:2px; border-bottom:2px solid#ddd; left:50%; bottom:-11px; margin-left:-75px;}

.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:#fff; text-decoration:none; z-index:9; left:0; right:0;text-align:center; background-color:#333; letter-spacing:0.05em;}
.small_caption strong { color:#DC1414; text-decoration:none; }

#contact_bar { position:relative; background-color:#333; color:#FFF; }
#contact_bar a{color:#FFF;}
#contact_bar a:hover{color:#ddd;}

#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:after { background-color:rgba(255,158,158,0.9); position:absolute; left:0; top:0; bottom:0; right:0; content:""; }*/

#gallery_section .headings {position:relative; margin-bottom:30px;}
#gallery_section .headings:before{ background:#f00; height:4px; position:absolute; left:50%; bottom:-8px; content:""; width:50px; margin-left:-25px; z-index:9 ;}
#gallery_section .headings:before { background:#f00; height:6px; position:absolute; left:50%; bottom:-13px; content:""; width:50px; margin-left:-25px; z-index:9 ;}


#gallery_section { position:relative;}
/*#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:1px  solid #ddd; background-color:#ddd; overflow:hidden;min-height:370px; overflow:hidden;}
#gallery_section .product:hover { border:#BA2433 solid 1px; background-color:#BA2433; color:#fff; transition:all linear 0.3s;}
#gallery_section .product:hover del { color:#fff!important; }
#gallery_section.full .product h4 { background:none; border-top:1px solid #eaeaea; padding-bottom:0; color:#fff;}
#gallery_section .product .feat { background:#9D282F; z-index:99; color:#fff; padding:2px 20px; position:absolute; left:0; top:0; width:30%; line-height:20px; }
#gallery_section .product:hover .feat {background:#dc1414; color:#fff; box-shadow:0 0 5px #333;}
#gallery_section .product { margin-bottom:30px; position:relative; text-align:center; border-radius:15px; overflow:hidden;}
#gallery_section .product h4, .brands .product h4 { margin-top:5px ; margin-bottom:0; text-align:center; display:inline-block; padding:0px 20px; text-align: center;}
#gallery_section .product .price {text-align:center; margin-left:15px; font-weight:600; font-size:18px;}
#gallery_section .product:hover .price {color:#FF0;}
#gallery_section .product h4 a, .brands .product h4 a { display:block; color:#9D282F; border:#ddd solid 1px; padding:14px 23px; border-top:1px solid
#ddd; position:absolute; right:75px; top:85%; font-size:16px; border-radius:7px; background:#fff;}
#gallery_section .product:hover h4 a, .brands .product:hover h4 a { background:#fff;color:#000; text-decoration:none; display:block; transform:scale(1.0); transition:all 0.3s;}
#gallery_section .product:hover p a, .brands .product:hover p a { background:none; color:#fff; text-decoration:none;}
#gallery_section .product .price del { color:#000; }
#gallery_section .product p { margin:0; padding:0 12px; text-align:center; min-height:40px;}
#gallery_section p a {color:#333; background:none;}
#gallery_section p a:hover {color:#fff; background:none;}
.brands .thumbnail h4 { font-size:16px; font-weight:300; text-align:left;}
.product_thumb { min-height:200px; background-color:#fff; text-align:center; margin-bottom:10px; position:relative; border-radius:14px;}

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


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

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

footer {position:relative;}

footer .bottom_part { background-color:#6b0202; 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; text-decoration:none;}
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:#fff;  color:#000; 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:#C1272D 1px solid; color:#fff; font-size:20px; padding:10px 45px; background-color:#C1272D; 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;}

.copy-right-social{ background:#000; color:#fff;}
.inner_section { min-height:700px;}
.banner_capion2 { border-bottom:#ddd 1px solid; padding-bottom:15px;}
.banner_capion2 h1.main { margin:0;font-family: 'Montserrat Subrayada', sans-serif; font-size:32px; margin-top:20px}
.banner_capion2 h1.main a {color:#dc1414;}
.banner_capion2 h1.main a:hover {color:#dc1414; text-decoration:none;}
.banner_capion2 h1.main a:focus {color:#9D282F; text-decoration:none;}
.banner_capion2 h1.main small {display:block;font-size:11px; font-family: 'Open Sans', sans-serif;}
.banner_capion2 ul li a:hover {color:#ddd;}