/*
Theme Name: ASI
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0;}
.headtop{width:100%; height:20px; background:#202567; line-height:20px; color:#fff; font-weight:bold; font-size:13px; position: relative;}
.header{width: 100%; height: 100px; background-color: #fff; position: relative;}
.logo{width: 65%; height: auto; position: absolute; top:0; left: 0; z-index: 999; background-color: #fff; padding: 10px 0; -moz-box-shadow: 0px 3px 8px rgb(100,100,100);
-webkit-box-shadow: 0px 3px 8px rgb(100,100,100);
box-shadow: 0px 3px 8px rgb(100,100,100);}
.logo img{width: 100%; }

.asimenu{width: 100%; height: auto; text-align: right; margin-top: -3px !important;}
.asimenu ul{margin: 0; padding: 0;}
.asimenu ul li{list-style: none; position: relative; display: inline-block; text-align: right; padding: 0 0 7px 18px; font-size: 16px; font-weight: bold;}
.asimenu ul li a{color: #202567 !important; text-decoration: none;}
.asimenu ul li a i{font-size: 26px;}
.asimenu ul li ul{width: 185px !important; margin: 0; padding: 0px; position: absolute; text-align: left; top: 29px; left: 0; background-color: #202567; display: none;}
.asimenu ul li ul li{list-style: none;  text-align: left !important;     padding: 7px 15px 7px 15px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: dotted 1px #d7daff73;
    width: 100%;}
.asimenu ul li ul li a{color: #fff !important; text-decoration: none !important;}
.asimenu ul li ul li:hover{background: #e8df2a !important; text-decoration: none !important;}
.asimenu ul li ul li:hover a{color: #202567 !important; text-decoration: none !important;}
.asimenu ul li:hover ul{display: block !important; z-index: 999;}

.headlogmenu{width: 100%; height: auto; text-align: right; margin-top:13px;}
.headlogmenu ul{margin: 0; padding: 0;}
.headlogmenu ul li{list-style: none; position: relative; display: inline-block; text-align: right; padding: 0 0 7px 20px; font-size: 16px; font-weight: bold;}
.headlogmenu ul li a{color: #202567 !important; text-decoration: none;}
.headlogmenu ul li a i{font-size: 26px;}
.headlogmenu ul li .appmt-btn {
    height: 35px;
    border: 1px solid #202567;
    background-color: #f6f7f8;
    display: inline-block;
    padding: 0;
    padding-left: 17px;
    float: right;
    font-size: 16px;
    color: #202567;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.headlogmenu ul li .appmt-btn .fa {
    display: inline-block;
    background-color: #202567;
    height: 33px;
    line-height: 32px;
    font-size: 22px;
    color: #fff;
    margin: 0 0px 0 21px;
    width: 44px;
    
}
.headlogmenu ul li .appmt-btn .fa-user {margin-right:  -1px !important;}


.banner{width: 100%; height: 390px; overflow: hidden;}
.banner img{height: 100%;}
.banner .carousel-inner{height: 100% !important;}
.banner .carousel-caption {bottom: 40% !important; color: #000 !important; font-weight: bold;}

.hmloginfrmain{margin-top: -25px; display:none !important;}
.hmloginfrm{background: rgba(32, 37, 103, 0.94); z-index: 999;  width: auto;}
.hmloginfrm p{margin: 0 15px 0 0 !important; font-size: 18px; color: #fff; display: inline-block;}
..hmloginfrm input{display: inline-block; border-radius: 0 !important; width: 30% !important;}
.hmloginfrm .div_text{width:30% !important; display:inline-block !important;}
.hmloginfrm .div_text input{display: inline-block; border-radius: 0 !important; width: 100% !important;}
.hmloginfrm p a{color:#fff !important; font-size: 12px !important; margin-left: 15px !important;}
.hmloginfrm button{background:#e8df2a !important; }
.hmloginfrm .button_div {width: auto !important;}
.hmloginfrm #wpmem_login{color:#fff !important;}

.contantbody{padding: 30px 0;}
.contantbody h2{margin: 0 0 15px 0; padding: 0 0 9px 0; border-bottom: solid 1px #949494; 
    color: #202567;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
}
.contantbody h2 .hmpmore{font-size: 12px; text-align: right !important; margin-top: -20px; text-transform: inherit !important;}
.contantbody h2 .hmpmore a{color: #202567 !important;}

.rightpnl{padding: 30px 0;}
.rtpanel{background: #202567; padding: 2px; margin-bottom:15px;}
.rtpanel h3{margin: 0; padding:10px ; color: #202567; 
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;}

.rtpanel ul{margin: 0; padding: 0;}
.rtpanel ul li{list-style: none;   font-size: 12px; font-weight: bold; border-bottom: dotted 2px #fff;}
.rtpanel ul li a{color: #fff !important; text-decoration: none; padding: 0 10px !important;
    line-height: 35px; display: block;}
.rtpanel ul li a:hover{background:#e8df2a; color: #000 !important;}
.rtpanel ul li ul{margin: 0; padding: 0 0 0 10px !important; display:none !important;}
.rtpanel ul li:hover .rtpanel ul li ul{ display:block !important;}
.rtpanel ul li ul li{margin: 0; padding: 0 0 0 10px !important; border-bottom: none !important;}


.footer{width: 100%; height: auto; background:#202567; padding: 40px 0; color: #fff;}
.footer h2{margin: 0 0 15px 0; padding: 0 0 9px 0; border-bottom: solid 1px #949494; 
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.footer ul{margin: 0; padding: 0;}
.footer ul li{list-style: none; padding: 5px 0 5px 4px; font-size: 13px; font-weight: bold;}
.footer ul li a{color: #fff !important; text-decoration: none;}

.ftrcopyrit{width: 100%; height: auto; background:#000; color: #fff !important; line-height: 25px;}

.hmsubufrmmain{margin-top: 0 margin-bottom: 30px; }
.hmsubfrm{background: #202567; z-index: 999;  width: auto; margin-bottom: 30px;}
.hmsubfrm p{margin: 0 15px 0 0 !important; font-size: 18px; color: #fff; display: inline-block;}
.hmsubfrm input{display: inline-block; border-radius: 0 !important; width: 37% !important;}
.hmsubfrm p a{color:#fff !important; font-size: 12px !important; margin-left: 15px !important;}
.hmsubfrm button{background:#e8df2a !important; }
.hmsubfrm input[type=submit]{background: #e8df2a !important;
    width: 13% !important;
    border-radius: 4px !important;}

.ftrtopimg{width: 100%; height: auto; margin-bottom: 30px; color: #202567; font-weight: bold;}
.ftrtopimg .ftimg{width:100%; height: 170px; vertical-align: middle; display: table-cell;}
.ftrtopimg .ftimg img{width: 100% !important; max-height: 100% !important;}
.ftrtopimg h4{font-weight: bold; font-size: 14px; color:#202567 !important;}
.ftrtopimg h4 a{color:#202567 !important; text-decoration:none !important;}
.hmfuturep .futurprd{min-height: 258px !important;}

.futurprd{width: 100%; height: auto; background:#202567;  margin-bottom: 30px; color: #202567; font-weight: bold; box-moz-box-shadow: 0px 3px 8px rgb(100,100,100);
-webkit-box-shadow: 0px 3px 8px rgb(100,100,100);
box-shadow: 0px 3px 8px rgb(100,100,100);}
.futurprd img{width: 100% !important; height:auto !important;}
.futurprd h4{font-weight: bold; font-size: 15px;    color: #fff;    padding: 0px 10px 10px;}

.shopproduc{width: 100%; height: auto; min-height: 390px !important; background:#202567;  margin-bottom: 30px; color: #202567; font-weight: bold; box-moz-box-shadow: 0px 3px 8px rgb(100,100,100);
-webkit-box-shadow: 0px 3px 8px rgb(100,100,100);
box-shadow: 0px 3px 8px rgb(100,100,100);}
.shopproduc img{width: 100% !important; height:auto !important;}
.shopproduc .contant{padding:0 10px;}
.shopproduc h4{font-weight: bold; font-size: 15px;    color: #fff !important;    padding: 0px ;}
.shopproduc a{color:#fff !important; text-description:none !important;}
.shopproduc a.add_to_cart_button{background:#e8df2a !important; color:#000 !important; margin-top: 5px !important;}
.shopproduc .contant span.amount{ color: #e8df2a !important; font-size: 20px !important;}

.innerbanner{width: 100%; height: 250px; background-image: url(images/slide1.jpg);  background-position: center;}
.innerbanner .overlay{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.innerbanner h2{margin: 0; padding: 0; color:#fff; font-size: 34px; text-align: center; line-height: 250px;}

.contantbody .nav-tabs{margin-bottom: 20px;}
.contantbody .nav-tabs li.active a{background-color: #202567 !important; color:#fff !important; }
.contantbody .nav-tabs li a{ color:#000 !important; font-weight: bold;}

.teamsec{margin: 30px 0;}
.teammbr{width: 100%; height: auto; margin-bottom: 30px; border: solid 1px #efefef;
    padding: 15px 10px 10px 10px;}
.teammbrimg{width: 150px; height: 150px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.teammbrimg img{width: 100%; height: 100%}
.teammbr .cont{padding: 0 10px 10px;}
.teammbr .cont h4{margin: 15px 0 5px 0; padding: 0; font-size: 16px; text-align: center; color: #202567; font-weight: bold;}
.teammbr .cont h5{margin: 0; padding: 0; font-size: 14px; text-align: center;}
.teammbr .cont ul{margin:10px 0 0 0; padding: 0;}
.teammbr .cont ul li{list-style: none; position: relative; padding:4px 0 4px 20px;}
.teammbr .cont ul li:after{content: '\f101';
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 18px;
    line-height: 20px;
    color: #202567;
    font-family: 'FontAwesome';
    transition: 0.3s all ease;
}

.detchingdesc{margin-bottom: 20px;}
.detchingdesc h4{margin: 0 0 10px 0; padding: 0 0 5px 0; color: #333; text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
.detchingdesc .detching{width: 100%; height: auto;}
.detchingdesc .detching img{width: 100%; }

.dtechbtn{padding: 14px 27px; margin-left: 10px; font-size: 16px; background-color: #202567; border-radius: 5px; color: #fff !important; text-decoration: none !important; }
.dtechbtn:hover{background-color: #e8df2a; color: #202567 !important;}

.reparts{width: 100%; height: auto; margin-bottom: 30px; color: #202567; font-weight: bold; border:solid 1px #efefef; transition: 0.3s all ease;}
.reparts a{color: #202567 !important; text-decoration: none !important; }
.reparts img{width: 100%;}
.reparts h4{font-weight: bold; font-size: 16px; padding: 0 10px;}
.reparts:hover{box-shadow: 0px 0px 8px rgb(100,100,100); transition: 0.3s all ease;}


.repartdtls{margin-bottom: 30px;}
.repartdtls .detching{width: 100%; height: auto;}
.repartdtls .detching img{width: 100%; }
.repartdtls ul{margin:10px 0 0 0; padding: 0;}
.repartdtls ul li{list-style: none; position: relative; padding:4px 0 4px 20px;}
.repartdtls ul li:after{content: '\f101';
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 18px;
    line-height: 20px;
    color: #202567;
    font-family: 'FontAwesome';
    transition: 0.3s all ease;
}
.bordimg{width: 100%; height: auto; border:solid 1px #efefef; margin-bottom: 10px; box-shadow: 0 0 4px #888;}
.bordimg img{width: 100%; height: auto;}

.contantbody .woocommerce-result-count{padding-left:15px !important;}
.contantbody .woocommerce-ordering{padding-right: 15px !important;}


.contantbody .woocommerce-product-gallery__trigger{display:none !important;}
.contantbody .amount{color:#202567 !important; font-size:22px !important;}
.contantbody .quantity input[type=number]{padding:3px 0 !important;}
.carousel-indicators {
    bottom: 70px !important;
}
.contantbody .single_add_to_cart_button{background:#202567 !important;}
.contantbody .wc-proceed-to-checkout a.checkout-button{background:#202567 !important;}


.asicartpg .product-thumbnail{width: 90px;}
.asicartpg .amount{font-size:14px !important}
.asicartpg .cart_totals table tr th{font-size:18px !important;}

.logregistr .login input{padding: 8px !important; width:100% !important;}
.logregistr .login input[type=checkbox]{padding: 8px !important; width:auto !important;}
.logregistr .register input[type=email]{padding: 8px !important; width:100% !important;}
.logregistr .register input{width:100% !important;}
.logregistr button[type=submit]{background:#202567 !important; color:#fff !important;}

.pcontact .continfo {    background: #f7f7f7 !important;
    text-align: center;
    min-height: 74px;
    padding: 15px;
    font-size: 16px;
    box-shadow: 0 0 20px #cccccc; color: #202567;
    font-weight: bold;}

.cpmap{background:#202567; padding:10px; height:427px !important;}
.cpmap .wpb_wrapper{height:100% !important;}
.cpmap .wpb_wrapper p{height:100% !important;}
.cpmap iframe{height:100% !important;}
.contactform{background: #202567;
    padding: 15px;
    color: #fff;
}
.contactform label{width:100% !important;}
.contactform input{width:100% !important; color:#000 !important; padding:5px !important;}
.contactform textarea{width:100% !important; color:#000 !important; height:100px !important;}
.contactform input[type=submit]{width: 100% !important;
    padding: 6px 20px;
    border-radius: 2px;
    box-shadow: none;
    border: none;
    background: #e8df2a; }