:root{ --bluecolor:#1b75bc; --dbluecolor:#1669aa;--grey:#272727;--lightgrey:#3a3a3a}
a,img{transition: ease all 0.4s;}
.container{ max-width: 1190px;}
.topheader{ background: #272727; color: #fff;    padding: 6px 0px;}
.topheader span{display: inline-block; margin-right: 5px; font-size: 12px;}
.topheader span .fa{color: var(--dbluecolor);display: inline-block; margin-right: 4px;}
.mid_head{ padding: 10px 0px; position:relative}
body{ font-family: "Arimo", sans-serif;font-size: 14px;}
.middle__{ justify-content: space-between; display: flex;  align-items: center;}
.account_nav{display: flex; justify-content: end;  margin: 0; list-style: none;}
.account_nav li a{display: inline-block; color: #fff; padding: 0px 6px;text-decoration: none; margin: 0 2px; transition: ease all 0.4s;
    border-left: 1px solid #606060;}
.account_nav li a:hover{color:var(--bluecolor);}
.input-text{width: 100%; background: #fffefe; padding: 16px; height: 50px; border: 1px solid #c9c9c9; border-radius: 30px; box-shadow: 0px 0px 7px 0px #dfdfdf; font-weight: 600;}
.input-text:focus{ outline:none;}
.logo img{ width: 150px;}
.action_search{ position: absolute; right: 2px; background: var(--bluecolor); color: #fff; border: 0; width: 46px;
    height: 46px;  cursor: pointer; border-radius: 100%; top: 2px;}
.cart_data a{color: #353535;font-size: 15px;text-decoration: none;position: relative;}  
.cart_data a span{position: absolute;color: #fff;background: var(--bluecolor);font-size: 12px;width: 18px;text-align: center;height: 18px;border-radius: 100%;
 top: -6px;}
 .menu_nav{ background: var(--dbluecolor);}       
 .menu_nav ul{ display: flex; list-style: none; padding: 0; margin: 0;} 
 .menu_nav ul li{ position: relative;}
 .menu_nav ul>li>a{    color: #fff;
    display: block;
    padding: 13px 35px 13px 0;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;}
.product_items{ text-align: center; }
.product_items h3{     font-size: 17px;
    color: #000000;
    font-weight: 600;}

.menu_nav ul>li > ul{    position: absolute;
    left: 0;
    top: 49px;
    background: #fff;
    width: 220px;
    box-shadow: 0px 0px 4px 0px #e7e7e7;
    display: block;z-index: 2456;  transform-origin: 50% 0; transform: scaleY(0) translateZ(0);
    opacity: 0;  transition: transform .3s, opacity .3s;}
    .menu_nav ul>li:hover> ul{opacity: 1;transform: scaleY(1) translateZ(0);}
    .menu_nav ul>li> ul>li{ width: 100%;}
    
    .menu_nav ul>li > ul ul{ width:780px;}
    .menu_nav ul>li > ul ul li{width: 24%;display: inline-block;}
    
    .menu_nav ul>li> ul>li a{color: #5f9fd1;
    display: block;
    padding: 6px 10px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #f2f2f2;
    }
.menu_nav ul>li> ul>li> ul{left: 192px; opacity: 0;  position: absolute; top: 0;}
.menu_nav ul>li> ul>li a:hover{ color: var(--dbluecolor); padding-left: 12px;}
.slides_banner .carousel-item{ padding:0px 0px 0 0; }
.slides_banner .carousel-item{ background:#eeeeec}

.banner_info {  padding: 10px 0 80px; max-width: 530px;  margin: 0 auto;min-height: 450px;}
.banner_info h2{font-size: 46px; font-weight: 700; margin-bottom: 21px; text-transform: uppercase; color: var(--bluecolor);}
.banner_info h3{ font-size:30px; font-weight:500;    margin-bottom: 21px;}
.banner_info p{ font-size:22px}
.more_{ margin-top:30px}
.more_ a{ border: 1px solid #ccc;
    display: inline-block;
    padding: 16px 49px;
    color: var(--dbluecolor);
    background: #fff;
    text-decoration: none;
    font-size: 20px;
    border-radius: 30px;    border: 2px solid var(--bluecolor);
    font-weight: 500;
    box-shadow: 0px 0px 5px -2px #847e7e;
    margin-right: 12px;}
    img{ max-width: 100%;}
	.more_ a:hover,.more_ a.act{ background:var(--dbluecolor); color:#fff}
    .appbox{padding: 30px 0;}
    .appbox h2{ font-size: 32px;    margin-bottom: 19px; font-weight: 700;}
    .appbox h2 span{ font-weight: 100; color: var(--dbluecolor);}
    .product_items{box-shadow: 0px 0px 17px 0px #efeaea91;
        margin: 15px 0px;
        position: relative;
        transition: ease all 0.4s;
        padding: 30px 9px;
        border: 1px solid #efeaea;}
        .product_items:hover {
            transform: translateY(-11px);
            border-top: 5px solid var(--bluecolor);
        }
    .product_items figure img{ max-width: 100%;height: 300px;}
    .product_items figure{padding: 19px; }
    .product_inf h4{font-size: 14px; font-weight: 500;  color: var(--bluecolor); margin-bottom: 17px;}
   .product_inf h4 a {
    text-decoration: none; 
    color: #111;
    font-weight: 600;
}
    ._btnss{display: flex;justify-content: space-between;    align-items: center;}
    ._btns_btn{background: var(--dbluecolor);color: #fff;padding: 8px 13px;text-decoration: none;border-radius: 4px;}
    ._btns_btn:hover{ background: #f2462e; color: #fff;}
    .cmpr{font-size: 20px;color: var(--dbluecolor);}
    .cmpr:hover{ color: #f2462e;}
.app_blue_box{ background: url(../images/bg2.jpg) center top no-repeat; background-size: 100% 100%; color: #fff;padding: 30px 0px;
    text-align: center;}
    .app_blue_box strong{font-weight: 600; text-decoration: underline; font-style: italic;}
.viewall{
    background: var(--bluecolor);
    color: #fff;
    padding: 7px 20px;
    text-decoration: none;
    font-size: 16px;
    border-radius:3px;
    position: absolute;
    right: 0;
    top: 0px;
    font-weight: 600;
    border: 1px solid  var(--bluecolor);
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
}
.product_inf .btn { padding:3px 4px;}
.viewall:hover{background:#fff; color: var(--bluecolor);}

.appbox.single_product h1 { font-size: 37px; margin-bottom: 19px; font-weight: 700; color: #1669aa;}
.appbox.single_product h2 { font-size: 27px; margin-bottom: 19px; font-weight: 700; color: #1669aa;}
.appbox.single_product ul,.appbox.single_product ol {    padding: 0;
    list-style: none;}
.appbox.single_product ul li,.appbox.single_product ol li{    padding: 4px 0px;
    background: url(../images/tickmark.jpg) no-repeat 0px 3px;
    padding-left: 28px;
    background-size: 20px; }
._hiwbw .col-lg-4{ position:relative;}
#bookmarks { color:var(--bluecolor);}
#bookmarks a{ color:#111; text-decoration:none}
#details h3{ font-size: 23px; margin-bottom: 20px;}
    .product_items .product-label {
        position: absolute;
        top:0px;
        right:0px;
        z-index: 9;
        font-size: 12px;
        color: #fff;
        background-color: #00909e;
        text-transform: uppercase;
        padding: 3px 10px;
        font-weight: 700;
    }
    .product_items .product-label:before {
        content: '';
        display: block;
        height: 100%;
        width: 7px;
        background: url(../images/labe.png);
        position: absolute;
        left: -7px;
        top: 0;
    }
    .company_brand{     background: #f6fbff;
        padding:24px 0;
        border-top: 1px solid #f3f1f1;
        border-bottom: 1px solid #f3f1f1;}
    .company_brand ul{     list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;}
 .company_brand ul li img{  
    width: 159px;
    background: #fff;
    height: 66px;
    margin: 3px;
    border: 1px solid #ebebeb;
    padding: 4px;
    border-radius: 5px;
}
     .company_brand ul li a{ display:inline-block;}
    .adrsss_service_wrap{ padding: 35px 0px;}
    .serv h3{    font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;}
    .serv h3 a{ color: #111; text-decoration: none;}
    .serv{ padding-left: 62px; position: relative;}
    .serv .fa{position: absolute;left: 0;font-size: 40px;color: var(--bluecolor);}
 .newsletter{background: var(--dbluecolor);padding: 30px 0px;justify-content: center;align-items: center;display: flex; color: #fff;} 
 .newsletter h2{ font-size: 32px;color: #fff;font-weight: 700;}  
 .newsletter p{ margin: 0;}
 .input_fields:focus{ outline: none;}
.input_fields{    width: 100%; height: 59px; padding: 10px 120px 10px 24px; border-radius: 30px; border: 0;}
.emails_{ position: relative;margin-top: 30px;    margin-right: 97px;}
.emails_ button{ position: absolute;  right: 3px;background: var(--dbluecolor);  color: #fff; border: 0; height: 55px; border-radius: 30px;
    padding: 10px 20px;  top: 2px; text-transform: uppercase;}
.footerapp{ padding: 30px 0px;}
.footerapp h3{    font-size: 16px; font-weight: 700; margin-bottom: 12px; color: var(--bluecolor);}
.footerapp ul { list-style: none; padding: 0; margin: 0;}
.footerapp ul li a{     display: inline-block; padding: 4px 0;color: #2e2c2c; text-decoration: none;}
.footerapp ul li a:hover{ color: var(--dbluecolor); padding-left: 6px;}
.ftfrs img{width: 106px;}
.ftfrs{padding-right: 40px; border-right: 1px solid #f2f2f2;}
.copyright{ background: #333; color: #ababab; padding: 12px 0px;}

.bloglist{box-shadow:13px 15px 22px 5px #d9d9d9; height:96%;   background: #fff;  margin:10px  0px; transition: ease all 0.4s;   position: relative;border: 1px solid #efecec;}




.bloglist figure {    margin: 0;
    height: 270px;
    overflow: hidden;}
.bloglist figure img {    width: 100%;
    margin: 0;
    height: 100%;
    object-fit: cover;}
.blog_info{ padding: 20px;}
.blog_info h3{     font-size: 21px; font-weight: 600; margin-bottom: 17px;}
.viewmore{  color: var(--bluecolor); text-decoration: none; font-weight: 600; border: 1px solid; padding: 5px 10px;  display: inline-block;
    border-radius: 4px;}
.viewmore:hover{ background: var(--bluecolor); color: #fff;}


.innovative_features{padding-top: 27px; border-top:1px solid #f2f2f2 ;}
.features_list{ list-style: none; padding: 0; margin: 0;}
.features_list li{ position: relative ; margin:22px 0px;}
.features_list li:hover img{ scale:1.2}
.features_list.left_  li{ padding-right:10px;}
.features_list.right_  li{ padding-left: 10px;}
.features_list.left_ figure{    margin: 0; position: absolute; right: 0;}
.features_list.right_ figure{    margin: 0; position: absolute; left: 0;}
.features_list li h3{ font-size: 19px; color: var(--bluecolor); font-weight: 700; border-bottom: 1px solid; display: inline-block;
    padding-bottom: 10px; margin-bottom: 8px;}
.translucent img{ width: 190px; margin: 10px 0px;}
.ftfrs p{ margin: 0 0 9px 0;}
.ftfrs p a{ color: #111; text-decoration: none;}
.ftfrs p a:hover{ color: var(--bluecolor);}
.social-icons a{ background: var(--bluecolor); width: 40px;  height: 40px;  color: #fff; font-size: 20px;  display: flex; justify-content: center;
    align-items: center; text-decoration: none; margin-right: 3px;}
.social-icons{ display: flex; margin-top:20px;}
.social-icons a:hover{ background: #333;}

.section_head  h2{ font-size: 34px; font-weight: 600; margin-bottom: 30px;}
.review_app{ background: #eaeff5; padding: 30px 0px;}
.rating_bx{ background: #f8f9fb; padding: 20px;}
.rating_bx h3{ font-size: 16px;}
.rating_bx img{ margin-bottom: 20px;}
.slick-slide >div{ margin: 0 7px;}
.review_arrow{ display: flex; justify-content: center; margin-top: 30px;}
.review_arrow .slick-arrow {width: 35px; height: 35px;  padding: 7px;
    cursor: pointer;
    border-radius: 30px;
    background: #fff;
    margin: 0 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bluecolor);
    transition: ease all 0.4s;
}
.review_arrow .slick-arrow:hover{ background-color: var(--bluecolor);}
.review_arrow .slick-arrow:hover svg{stroke:#fff!important;}
.btn__ svg {
    stroke:var(--bluecolor);
    height: 10px;
    width: 10px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    fill: none;
}
.btn_bext svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.mid_ft{ background: #eaeff5; padding: 20px 0px;}
.mid_ft .translucent{display: flex; justify-content: left; align-items: center; gap: 13px;}
.mid_ft .translucent a.log1 img{ background: #1669aa;    padding: 10px; border-radius: 4px;}
.mid_ft .row{justify-content: center;  align-items: center;}
.mid_ft h4{font-size: 26px; text-transform: uppercase; font-weight: 800;  margin: 0;}

.iphone_wrap{padding: 24px 0px 35px}
.iphone_bx{padding: 32px;
    border-radius: 7px;
    position: relative;
    color: #fff;
    background: var(--bluecolor);
    box-shadow: -10px 6px 29px 0px rgb(76 76 76 / 55%);
    min-height: 275px;
    border: 1px solid #ccc;
    text-align: center;} 
.iphone_bx h3{
    font-size: 24px;
    margin-bottom: 17px;
    font-weight: 600;
}
._btn a{background: #fff;  padding: 7px 11px;   border-radius: 5px;  text-decoration: none;  font-weight: 600;  display: inline-block;}

.iphone_bx figure{    position: absolute;
    right: 18px;
    width: 131px;
    bottom: 26px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0;}

._btn a:hover{background: var(--bluecolor);  color:#fff;}







.homemore_{width: auto;    float: right;} 
.homemore_ a {    display: inline-block;
    padding: 9px 29px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    border-radius: 30px;
    border: 1px solid #aaaaaa;
    box-shadow: 2px 7px 14px 3px #8d8888;
    margin-right: 2px;
    margin-bottom: 4px;
    background: linear-gradient(45deg, #1669aa, black);
    font-weight: 600;
    text-transform: uppercase;
}
.homemore_ a:hover{ background: var(--bluecolor);  color:#fff;}
  ._tt_btn{ display:none;}


@media screen and (max-width:989px){
	.mb__{ display:none}
	.logo img {width: 103px;}
	.minisearch{ margin-top:8px}
	.banner_info h2 {font-size: 26px;}
	.banner_info h3 { font-size: 23px; margin-bottom: 14px;}
	.banner_info p {  font-size: 14px;}
	.more_ a { padding: 6px 30px; font-size: 16px; margin-right: 1px;}
	.viewall { position: relative;}
	.slick-dots{ display:none!important}
	.serv { padding: 29px 0 15px 50px; position: relative;  border-top: 1px dashed #ccc;}
	.adrsss_service_wrap {  padding: 0;}
	.emails_ { position: relative;  margin-right: 0;}
	.emails_ button {  position: relative;  right: 0;  background: #000000;  color: #fff; padding: 10px 20px;  top: 7px;  width: 100%;}
	.footerapp h3 {        padding: 16px 0;
        position: relative;
        margin: 0;
        border-top: 1px solid #e1e1e1;}
        ._tt_btn{
    position: absolute;
    right: 0;
    top: 13px; display:inline-block;
    background: #fff;
    border: 1px solid var(--bluecolor);
    border-radius: 100%;
    color: var(--th);
}
      .social-icons {
    display: flex;
    margin-top: 20px;
    margin-bottom: 30px;
}  
.ftfrs {
    padding-right: 00;
    border-right: 0;
    border-top: 0;
}
.review_css_custome{
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.copyright {text-align: center;}
.payment{margin-top:12px;}
.list2{ display:none; margin-bottom:20px!important;}
	.homemore_{margin-top:14px;}
	.homemore_ a {padding: 7px 17px;  font-size: 13px;   margin-right: 5px;}
	.cart_data{    position: absolute; top: 20px; right: 100px;}
	.logo{ margin-bottom:5px;}
	.footerapp {
    padding: 0 0 30px 0px;
}
	}
	
	
	
	
.iphone_wrap ._btn{
    text-align:center;
}

.iphone_wrap {background: #f5f2f2;}
.iphone_wrap_background{background: white;}
.iphone_wrap_background_gray {background: #f5f2f2;}




@media screen and (max-width:767px){
  .mobile__ .row { display: -webkit-flex;  flex-wrap: nowrap;  align-items: stretch;  white-space: nowrap !important;
    overflow-x: auto !important;  overflow-y: hidden !important;  -webkit-overflow-scrolling: touch !important;  padding: 0;}
   .mobile__ .row .col-md-4{    white-space: initial;  overflow: hidden;   flex-wrap: nowrap;  flex-shrink: 0;    padding: 0;
      width: 304px;   margin: 0 20px 0 0px;  display: inline-block !important;}
      .mobile__{ padding:0 15px;}
.iphone_bx h3{font-size:20px;}
.iphone_bx {padding: 25px 14px;}
.section_head h2 { font-size: 27px;  margin-bottom: 19px;}
.bloglist {  margin: 30px 0px 0;}
.banner_info { padding: 10px 0 28px;max-width: 530px;   margin: 0 auto;   min-height: 100%;}
.mid_ft .translucent {display: block; TEXT-ALIGN: CENTER;}
.homemore_ {width: 100%;text-align: center;}
    
}