@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');

*{padding:0; margin:0;}
body{background:#fff; padding:0; margin:0; font-size:15px; font-weight:400;font-family: 'Poppins', sans-serif;}

h1, h2, h3, h4, h5, h6{margin:0px; padding:0px}
p{margin:0px; padding:0px}
ul {margin:0px; padding:0px; list-style:none}
ul li{margin:0px; padding:0px}
a{text-decoration:none}
a, button{-webkit-transition-duration: 0.3s; 
  -webkit-transition-timing-function: linear; 
  box-shadow:0px 0 0 #966b29 inset; text-decoration:none;}




#banner_form{background:url(../images/bnnerbg-img.jpg) top center no-repeat;  overflow:hidden; padding:50px 0 100px; background-size:cover; width:100%;}
.bannr_logo{ text-align:left;}
.bnnr_right{ margin-top:40px;}
.bnnr_right h2{text-align:center; font-size:40px; color:#0ff;text-shadow: 0 2px 5px #00000059; font-weight:600; margin-bottom:0px;}
.bnnr_right p{text-align:center; font-size:20px; color:#fff; font-weight:400; margin:8px 0 0;}
.bnnr_right h3{ font-size:20px; color:#fff; text-align:center; margin:8px 0 20px; font-weight:500;}
.bnnr_right h4{ font-size:22px; color:#fff; text-align:center;}
.bnnr_right #clockdiv{color: #fff;font-weight: 400;text-align: center;border-radius:6px;font-size:22px; }
.bnnr_right #clockdiv > div{padding:15px 20px;border-radius: 3px;background:none;display: inline-block;}
.bnnr_right #clockdiv div > span{ height:65px; width:65px; line-height:65px; border-radius:100px; font-size:28px; font-weight:500; border:2px solid #fff; background: #23a9ef;display: inline-block; box-shadow:0px 0px 3px #3d3c38}
.bnnr_right #clockdiv .daynone{ display:none !important;}
.bnnr_right .smalltext{padding-top: 5px; font-size:22px; color:#fff; font-weight:300; text-transform:uppercase;}


#daynight_tapscn{ padding:60px 0;}
.daynithdng{ text-align:center; margin:0 0 40px;}
.daynithdng h3{ font-size:24px; color:#333333; font-weight:400; }
.daynithdng h2{ font-size:36px; color:#23a9ef; font-weight:500; margin:5px 0 20px;}
.daynithdng p{ font-size:18px; color:#333; font-weight:300; padding:0 0 10px;}
.videotap .listcentr{ text-align:center;}
.videotap .listcentr h2{ font-size:30px; color:#23a9ef; font-weight:600; margin-bottom:10px;}
.videotap .listcentr .nav-tabs{ border-bottom:none; display:inline-block;}
.videotap .listcentr ul li{ margin:10px !important; display:inline-block;}
.videotap .listcentr .nav-tabs .nav-link{border-radius: 5px; font-size:22px; text-transform:uppercase; padding:10px 50px; border:solid 1px #23a9ef; color:#23a9ef; font-weight:400;}
.videotap .listcentr .nav-tabs .nav-link .fas{ padding-right:8px;}
.videotap .listcentr .nav-tabs .nav-item.show .nav-link, .videotap .listcentr .nav-tabs .nav-link.active{ position:relative;color:#fff; background:#23a9ef; }
.videotap .listcentr .nav-tabs .nav-link.active:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;	width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #23a9ef;border-width: 15px;margin-left: -15px;}
.videotap .tab-content{ margin-top:40px;}
.videotap .tab-content .videohdng{ font-size:20px; text-align:center; color:#000; font-weight:400; margin-bottom:8px;}
.videotap .tab-content .nightvedos{ width:100%;}

#graymobile_scn{ display:none;}
.des-content-wrap .scroll-2 .googeplay li span{ font-size:15px; color:#000;}
.des-content-wrap .scroll-2 .googeplay li{ display:inline-block;}
.des-content-wrap .scroll-2 .googeplay li a .fab { padding:0 10px; font-size:20px; }
.des-content-wrap .scroll-2 .googeplay li a:hover .fab{ color:#006dc8;}

#twoimg_scn{ padding:50px 0; border-bottom:solid 1px #ddd;}
.twmglft{ text-align:center;}

#circleicon_scn{ padding:60px 0 40px;}
.ciricon_box{ margin:20px 0; text-align:center;}
.ciricon_box h3{ font-size:18px; color:#000; padding:15px 0; height:62px; font-weight:500; }

#fotrform_scn{ padding:40px 0; background:#f6f8f9;}
#fotrform_scn .bootmfotrfrm h2{ font-size:30px; color:#23a9ef;  font-weight:600; margin:0 0 25px; padding-bottom:15px; border-bottom:solid 1px #ddd; position:relative;}
#fotrform_scn .bootmfotrfrm h2 span{ color:#23a9ef; font-weight:600;}
#fotrform_scn .bootmfotrfrm h2:before{ position:absolute; right:0; top:46px; content:""; width:80px; border:solid 2.5px #23a9ef; }
#fotrform_scn .bootmfotrfrm .form-group .form-control {    background:#fff; border:solid 1px #e2e2e2;   border-radius:3px; height:46px; font-size: 16px; }
#fotrform_scn .bootmfotrfrm .form-group .textarea{ height:120px; }
#fotrform_scn .bootmfotrfrm button{  border:solid 1px #23a9ef; border-radius:4px;   text-align:center; padding:7px 15px 5px; color:#fff; font-size:20px; font-weight:500; text-transform:uppercase; width:100%; background:#23a9ef;}
#fotrform_scn .bootmfotrfrm button:hover{background:none; color:#23a9ef; border:solid 1px #23a9ef;}

#footer_scn{  background: linear-gradient(to left, #0cb3ec , #1246e8); padding:50px 0 0; position:relative;}
#footer_scn:before{ position:absolute; bottom:60px; left:0; width:100%; content:""; border:solid 1px #fff;    opacity: 0.2;}
.fotr_logo{ margin:30px 0 40px;}
.socialrgh_icn{ text-align:right; margin-top:30px;}
.socialrgh_icn ul li{ display:inline-block; margin:0 10px;}
.socialrgh_icn ul li a .fab{ font-size:20px; color:#fff;}
.socialrgh_icn ul li a:hover .fab{ color:#f6f8f9;}
.copyrgt{ padding:40px 0 15px;}
.copyrgt p{ font-size:16px; color:#fff; text-align:center;}

.modal-header{ background:#23a9ef;}
#reloadclck_popup #clockdiv2{color: #fff;font-weight: 400;text-align: center;border-radius:6px;font-size:22px; }
#reloadclck_popup #clockdiv2 > div{padding:15px 20px;border-radius: 3px;background:none;display: inline-block;}
#reloadclck_popup #clockdiv2 div > span{ height:54px; width:54px; line-height:54px; border-radius:100px; font-size:24px; font-weight:500; border:2px solid #fff; background: #23a9ef;display: inline-block; box-shadow:0px 0px 3px #3d3c38}
#reloadclck_popup button.close{ color:#fff;    opacity: 9;}
#reloadclck_popup #clockdiv2 .daynone{ display:none !important;}
#reloadclck_popup .smalltext{padding-top: 5px; font-size:18px; color:#333; font-weight:300; text-transform:uppercase;}
#reloadclck_popup .modal-title{ font-size:20px; color:#fff;  font-weight:600; }
#reloadclck_popup .modal-title span{ font-weight:600;}
#reloadclck_popup .bootmfotrfrm .form-group .form-control {    background:#fff; border:solid 1px #e2e2e2;   border-radius:3px; height:46px; font-size: 16px; }
#reloadclck_popup .bootmfotrfrm .form-group .textarea{ height:120px; }
#reloadclck_popup .bootmfotrfrm button{  border:solid 1px #23a9ef; border-radius:4px;   text-align:center; padding:7px 15px 5px; color:#fff; font-size:20px; font-weight:500; text-transform:uppercase; width:100%; background:#23a9ef;}
#reloadclck_popup .bootmfotrfrm button:hover{background:none; color:#23a9ef; border:solid 1px #23a9ef;}


@media (min-width:1200px){
	
#graymobile_scn{ display:none;}


}

@media (min-width:992px) and (max-width:1199px){
.scroll-phone .des-content .info div{ max-width:406px;}
.scroll-phone .phone-content{ width:380px;}
.scroll-phone .des-content-wrap { padding-left: 45vw;}
.scroll-phone .phone .dialog-img{ z-index:9;     right: -90px;  }
}


@media (min-width:768px) and (max-width:991px){
/*#banner_form .col-md-7, #banner_form .col-md-5{flex: inherit; max-width: 100%;}	*/
#banner_form { padding:50px 0;}
.reotopimg{ text-align:center;}
.reotopimg img{ width:380px;}
.bnnr_right #clockdiv div > span{ font-size:24px;}
.bnnr_right .smalltext{ font-size:18px;}
.bnnr_right .reotopform h2{ font-size:26px;}
.bnnr_right .reotopform h2:before{ top:43px;}
.bnnr_right .reotopform button{ font-size:18px;}
.bnnr_right h2{ font-size:32px;}
.bnnr_right p{ font-size:18px;}
#daynight_tapscn{ padding:40px 0;}
.daynithdng{ margin:0 0 30px;}
.daynithdng h3{ font-size:20px;}
.daynithdng h2{ font-size:28px;}
.daynithdng p{ font-size:16px;}
.videotap .listcentr .nav-tabs .nav-link{font-size: 20px; padding:8px 38px;}
.videotap .tab-content{ margin-top:30px;}
.videotap .tab-content .videohdng{ font-size:18px;}
.scroll-phone .des-content .info div{ max-width:340px;}
.scroll-phone .phone-content{ width:380px;}
.scroll-phone .phone-position {   left: 58%;}
.scroll-phone .des-content-wrap { padding-left: 50vw;}
.des-content .rl-h5{ font-size:17px; margin-bottom:5px;}
.scroll-phone .des-content h3{ font-size:24px;}
.scroll-phone .des-content .des{ font-size:15px;}
.scroll-phone .des-content .info .des-icon img{margin-right: 8px; width:32px;}
.scroll-phone .des-content .info .listsmlatxt{ font-size:15px;}
.scroll-phone .des-content .info strong{ font-size:18px;}
.scroll-phone .des-content .info div .microprgrf{ font-size:15px;}
.scroll-phone a{ font-size:15px;}
.scroll-phone .phone .dialog-img{ z-index:9;     right: -57px;   width: 170px;}
#circleicon_scn{ padding:30px 0 20px;}
.ciricon_box h3{ font-size:15px;}
#fotrform_scn .bootmfotrfrm h2{ font-size:26px;}
#fotrform_scn .bootmfotrfrm h2:before{ top:43px;}
#fotrform_scn .bootmfotrfrm .form-group .form-control{ height:42px;}
#fotrform_scn .bootmfotrfrm button{ font-size:17px;}
.copyrgt p{ font-size:15px;}
}




@media (max-width:767px){
#banner_form{ padding:40px 0 42px;}
.reotopimg{ text-align:center;}
.reotopimg img{ width:380px;}
.bnnr_right #clockdiv div > span{ font-size:21px;}
.bnnr_right .smalltext{ font-size:18px;}
.bnnr_right h2{ font-size:26px;}
.bnnr_right p{ font-size:16px;text-shadow: 0 2px 5px #000000ad;}
.bnnr_right h4{ font-size:20px;}
.bnnr_right h3{ font-size:18px;}
#daynight_tapscn{ padding:30px 0;}
.daynithdng{ margin:0 0 25px;}
.daynithdng h3{ font-size:17px;}
.daynithdng h2{ font-size:24px;}
.daynithdng p{ font-size:15px; padding:0;}
.videotap .listcentr ul li{ margin:5px !important}
.videotap .listcentr .nav-tabs .nav-link{font-size: 18px; padding:6px 22px;}
.videotap .tab-content{ margin-top:30px;}
.videotap .tab-content .videohdng{ font-size:18px;}
#scroll-phone-wrap{ display:none;}
#twoimg_scn{ padding:25px 0;}
.twmglft{ margin:15px 0;}
#circleicon_scn{ padding:20px 0 20px;}
.ciricon_box{ margin:10px 0 0;}
.ciricon_box h3{ font-size:15px;    height: auto;}
#fotrform_scn{ padding:30px 0;}
#fotrform_scn .bootmfotrfrm h2{ font-size:22px;padding-bottom: 10px;}
#fotrform_scn .bootmfotrfrm h2:before{ top:32px;}
#fotrform_scn .bootmfotrfrm .form-group .form-control{ height:42px;}
#fotrform_scn .bootmfotrfrm button{ font-size:17px;}
#footer_scn{ padding:30px 0 0;}
#footer_scn:before{ bottom:50px;}
.fotr_logo{ text-align:center; margin:10px 0 0;}
.socialrgh_icn{ text-align:center;}
.copyrgt { padding: 40px 0 10px;}
.copyrgt p{ font-size:12px;}

#graymobile_scn{ display:block; padding:35px 0; background:#f6f8f9;}
.phone_img { text-align:center; margin-bottom:25px;}
.iphone_left{}
.btmext h4{ font-size:17px; color:#000; font-weight:400;}
.btmext h2{ font-size:22px; color:#23a9ef; font-weight:400;}
.btmext p{ font-size:15px; margin:15px 0 20px; color:#333333; font-weight:400;}
.btmext ul li{ padding:0 0 15px 50px;}
.btmext ul li strong{ font-size:18px; color:#000; font-weight:500;}
.btmext ul li span{ display:block; font-size:15px; color:#000; font-weight:300;}
.btmext .firsicnonly li:nth-child(1){background:url(../images/iphncntnt-icn.png) top 4px left no-repeat;}
.btmext .firsicnonly li:nth-child(2){background:url(../images/iphncntnt-icn1.png) top 4px left no-repeat;}
.btmext .firsicnonly li:nth-child(3){background:url(../images/iphncntnt-icn2.png) top 4px left no-repeat;}
.btmext .firsicnonly li:nth-child(4){background:url(../images/iphncntnt-icn3.png) top 4px left no-repeat;}
.btmext .sdclowd li:nth-child(1){background:url(../images/sdcard.png) top 4px left no-repeat;}
.btmext .sdclowd li:nth-child(2){background:url(../images/clowd.png) top 4px left no-repeat;}
.btmext li span{ font-size:15px; color:#000;}
.btmext .googeplay li{ display:inline-block; padding-left:0;}
.btmext .googeplay li a .fab { color:#23a9ef; padding:0 10px; font-size:20px; }
.btmext .googeplay li a:hover .fab{ color:#006dc8;}
#reloadclck_popup #clockdiv2 > div{ padding:15px 7px;}
#reloadclck_popup .smalltext{ font-size:15px;}
#reloadclck_popup .modal-title{ font-size:18px;}
#reloadclck_popup .bootmfotrfrm button{ font-size:18px;}
#reloadclck_popup #exampleModal{ margin-right:0;}
}

@media (max-width: 480px) {
.bnnr_right #clockdiv > div{ padding:15px 4px;} 
#reloadclck_popup .modal-title{ font-size:16px;}
}

@media (max-width: 398px) {
#fotrform_scn .bootmfotrfrm h2:before {  top: 58px;}
}