@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|PT+Sans:400,700|Raleway:400,700|Roboto:400,500,600,700&display=swap');
/* CSS Document */

body { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
img { border:none; vertical-align:middle; }
.cl { clear:both; }

/*sign form css start*/
.sign { margin-top:15px; font-family:'Open Sans', sans-serif; margin-right:20px; }
.sign a.sign_in { background:#0083EF; border:1px solid #007CE3; padding:7px 25px; }
.sign a.sign_in:hover { background:#0072CF; border:1px solid #0067BB;}
/*sign form css start*/

/*login css start*/
.login { width:40%; margin:0px auto; margin-top:75px; font-family:'Open Sans', sans-serif; background:#FFF; overflow:hidden; text-align:center; border:1px #DFDFDF solid; }
.login_logo .img-responsive { text-align:center; margin:0px auto; margin-bottom:20px; }
.login h2 { font-size:22px; color:#000; font-weight:500; text-align:center; margin-bottom:12px; }
.login p { font-size:14px; color:#000; font-weight:400; }
.login { padding:30px; overflow:hidden; background:#FFF; border-radius:6px; }
.login .form-group { margin:10px auto; }
.login .login_inner ::-webkit-input-placeholder { font-size:15px; color:#6B6B6B; font-weight:400; }
.login .login_inner .form-group input { width:100%; border-radius:3px; border:#DDDDDD 1px solid; box-shadow:none; padding:24px 15px; } 
 
.login .submit { width:100%; font-size:18px; color:#FFF; font-weight:700; padding:12px 0; background:#0083EF; cursor:pointer; outline:none; border-radius:3px; border:none; display:inline; margin-top:10px; }
.login .submit:hover { background:#0072CF; color:#FFF; outline:none; border-radius:none; }

.forgot { font-size:16px; color:#0072CF; font-weight:400; text-decoration:none; margin-top:20px; }
.forgot a { color:#0072CF; text-decoration:none; }
.forgot a:hover { color:#0072CF; text-decoration:none; }
/*login css end*/

/*reg css start*/
.reg { width:40%; margin:0px auto; margin-top:30px; font-family:'Open Sans', sans-serif; background:#FFF; overflow:hidden; text-align:center; border:1px #DFDFDF solid; }
.reg_logo .img-responsive { text-align:center; margin:0px auto; margin-bottom:20px; }
.reg h2 { font-size:22px; color:#000; font-weight:500; text-align:center; margin-bottom:12px; }
.reg p { font-size:14px; color:#000; font-weight:400; }
.reg { padding:30px; overflow:hidden; background:#FFF; border-radius:6px; }
.reg .form-group { margin:10px auto; }
.reg .reg_inner ::-webkit-input-placeholder { font-size:15px; color:#6B6B6B; font-weight:400; }
.reg .reg_inner .form-group input { width:100%; border-radius:3px; border:#DDDDDD 1px solid; box-shadow:none; padding:24px 15px; } 
.reg .reg_inner .form-group input.code { float:left; width:75%; border-radius:3px; border:#DDDDDD 1px solid; margin-right:10px; }
.reg .reg_inner .captcha { padding:16px; background:#FFF; border:#DDDDDD 1px solid; border-radius:3px; } 
.reg .submit { width:100%; font-size:18px; color:#FFF; font-weight:700; padding:12px 0; background:#0083EF; cursor:pointer; outline:none; border-radius:3px; border:none; display:inline; margin-top:10px; }
.reg .submit:hover { background:#0072CF; color:#FFF; outline:none; border-radius:none; }
/*reg css end*/
                                                                                                                                    
/*search form css start*/
.search { margin-top:100px; text-align:center; font-family:'Open Sans', sans-serif; }
.search .logo { margin:0 auto; text-align:center; }
.search .form { position:relative; margin:20px 0 15px 0; }
.search .form input { width:100%; height:55px; text-transform:capitalize; border:1px #CCC solid; border-radius:60px; background:#FFF; color:#353535; padding:0 53px 0 30px; }
.search .form input[type=text]:focus { box-shadow:0px 0px 5px #95A7FD; border:1px solid #95A7FD; outline:none; }
/*.search .form button { position:absolute; right:30px; padding:0; box-shadow:none; top:3px; line-height:50px; border:none; border-radius:30px; background:transparent; font-size:24px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; }*/
/*.search .form button:hover { background:transparent; outline:none; }
.search .form:hover button { -webkit-transform:rotate(34deg); -moz-transform:rotate(34deg); transform:rotate(34deg); }*/
.search i { color:#0072CF; }
.search p { color:#777; font-size:14px; }

.logo1 { margin:0 auto; text-align:center; margin-top:15px; }

.search .inputwithicon { position:relative; }
.search .inputwithicon i { top:0; right:0; z-index:2; color:#FF8933; position:absolute; right:5px; font-size:20px; line-height:50px; }
.search .btn-common { width:8%; background: #0E8BF3;  top:0px; right:1px; padding:0; z-index:2; padding:0px 10px;  border-radius:0px 60px 60px 0px; cursor:pointer; line-height:52px; text-align:center; position:absolute; letter-spacing:0.5px; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;  }
.search .btn-common i { font-size:20px; color:#fff; line-height:50px; }
/*.search-button { background:#000000; padding-bottom:40px; }*/

.search .voice-btn-common { background:none; top:10px; right:60px; padding:0; z-index:2; padding:0px 10px;  border-radius:0px; cursor:pointer; line-height:40px; text-align:center; position:absolute; letter-spacing:0.5px; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;  }
.search .voice-btn-common i { font-size:16px; }
.search .voice-btn-common img { margin-top:-5px;}
/*search form css end*/

/*header css start*/
.header { padding:25px 0px 10px 0px; text-align:center; font-family:'Open Sans', sans-serif; border-bottom:1px solid #EFEAEA; overflow:hidden; }
.header .logo { margin:0 auto; text-align:center; margin-top:15px; }
.header .form { position:relative; margin:0px 0 15px 0; }
.header .form input { width:100%; height:45px; text-transform:capitalize; border:1px #CCC solid; border-radius:60px; background:#FFF; color:#353535; padding:0 53px 0 30px; }
.header .form input[type=text]:focus { box-shadow:0px 0px 5px #95A7FD; border:1px solid #95A7FD; outline:none; }
.header .form button { position:absolute; right:30px; padding:0; box-shadow:none; top:3px; line-height:33px; border-radius:30px; background:transparent; font-size:24px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease; }
.header .form button:hover { background:transparent; outline:none; }
.header .form:hover button { -webkit-transform:rotate(34deg); -moz-transform:rotate(34deg); transform:rotate(34deg); }
.header i { color:#0072CF; }
.header p { color:#777; font-size:14px; }
.sticky { position:fixed; top:0; width:100%; background:#FFF; padding:15px 0px 0px 0px; z-index:9999; }
.sticky + .content { padding-top:102px; }
/*header css end*/

/*listing css start*/
.listing_main { background:#FFF; padding:15px; overflow:hidden; margin-bottom:50px; }
.listing_main h1 { font-family:'Open Sans', sans-serif; font-size:20px; font-weight:500; color:#F11854; letter-spacing:.02em; margin-bottom:15px; }
.listing_main p { font-size:14px; font-weight:400; color:#333; }
.listing {font-family:'Roboto', serif; margin-top:30px; margin-bottom:25px; }
.list_right {}
.list_right h2 { font-family:'Roboto', serif; font-size:22px; font-weight:400; color:#1a0dab; letter-spacing:.02em; line-height:1.6em; text-decoration:none; }
.list_right h2 a:hover { text-decoration:underline; }
.list_right .name { font-family:'Roboto', serif; font-size:14px; font-weight:400; color:#333; letter-spacing:.02em; line-height:1.6em; }
.list_right .name a { color:#000; }
.list_right .name b { padding-right:10px;}
.list_right .detail { font-family:'Roboto', serif; font-size:14px; font-weight:400; color:#000; letter-spacing:.02em; line-height:1.6em; }
.list_right .verified { background:url(../images/verified.png) left 4px no-repeat; padding-left:30px; font-size:14px; font-weight:400; color:#13B800; letter-spacing:.02em; line-height:2em; }
.list_right .verified img { margin-bottom:4px; margin-right:5px; }
/*listing css end*/

/*webpages css start*/
.about { margin-top:30px; }
.about h1 { font-family:'Roboto', serif; font-size:24px; font-weight:500; color:#183EF1; letter-spacing:.02em; margin-bottom:15px; }
.about img { float:left; margin:5px 20px 10px 0; padding:5px; border:1px solid #CCC; -webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); }
.about .text {font-family:'Roboto', serif; font-size:14px; font-weight:400; color:#333; line-height:1.6em; text-align:justify; text-decoration:none; }
.about .text a { color:#333; text-decoration:none; }
.about .text a:hover { color:#333; text-decoration:none; }
/*webpages css end*/


/*footer css end*/
.footer { width:100%; background:#F2F2F2; margin:0px auto; padding:15px 0; bottom:0px; position:fixed; }
.footer_web { width:100%; background:#F2F2F2; margin:0px auto; padding:15px 0; margin-top:40px; }
.left { font-family:'PT Sans', sans-serif; font-size:16px; color:#70757A; }
.left a { color:#70757A; text-decoration:none; padding:0 10px; }
.left a:hover { color:#70757A; text-decoration:underline; } 

.right { text-align:right; font-family:'PT Sans', sans-serif; font-size:16px; color:#70757A; }
.right a { color:#70757A; text-decoration:none; padding:0 10px; }
.right a:hover { color:#70757A; text-decoration:underline; }
/*footer css end*/


/* voice search Popup overlay css start */
.popup1 {  display:none;   position:fixed;  top:0;  left:0;  width:100%;  height:100%; background:rgba(0, 0, 0, 0.7); justify-content:center;
align-items:center;  z-index:999999;}
/* Popup content styling */
.popup-content { background:white; padding:30px 20px 60px 20px;  border-radius:10px;  width:80%; max-width:500px; text-align:center;}
.popup-content  h2{ font-family:'Poppins', sans-serif;  text-align:center; font-size:22px; color:#ff8b33; font-weight:500; margin-bottom:20px;} 
.popup-content img { text-align:center; margin:0px auto;}
/* Output paragraph styling */
#voiceOutput { font-size:20px; margin-top:20px;}
#closePopupBtn { position:relative; top:-18px; right:0px; }
/* voice search Popup overlay css end */