body{overflow-x:hidden;    }
.top_menu{position: absolute;z-index:50;}
.alllayo{background: #169ece url("../images/base-header.jpg") repeat scroll center top;height:860px;}
.banners{margin-top:-5.2%;margin-bottom:3%;}


.why-people-choose-us{text-align: left;} 
.why-people-choose-us ul{float: left;width: 48%;list-style: none;margin: 5px 15px 25px 0;}
.why-people-choose-us ul li img{float: left;margin-right: 10px;border-radius: 50%;}
.why-people-choose-us ul li img:hover{float: left;margin-right: 10px; border-radius: 50%;}
.why-people-choose-us ul li{clear: both;border-bottom: #ccc dotted 1px;padding: 15px;line-height:25px;}


.cur{padding-left:1%;}
.cur li{margin-top:-0.5%;}
.log_men{margin-top:4.5%;}
.main_menu{width:40.453%!important;margin-left:21%!important;margin-top:23px;position:absolute;z-index:10;}

.img_text{position:absolute;z-index:1500;margin-top:-25%;color:white;width:40%;text-align: left;font-weight:300!important;font-size:50px}
.button{margin-top:10%;margin-left:1%;}

.img_btn{padding:2%;border:2px solid white;color:white;font-size:20px;font-weight:bold!important;background:none;}
.img_btn:hover{background-color:white;color:#2ecc71}
/*.img_btn:hover{background-image: linear-gradient(90deg, #2ecc71, #f1c40f);}*/

.img_img{margin-top:-31%;position:absolute;z-index:5;float:right;margin-left:41.7%;}

.phone_img{max-width:75%!important;}

.language:hover li{color:white!important}

.cart_det{width:380px;}

.navbar-fixed-top{background:#169ece;}


.pe_icon{
	  padding:2%;
      border: 3px solid transparent;
      -moz-border-image: -moz-linear-gradient(90deg, #2ecc71, #f1c40f);
	  -webkit-border-image: -webkit-linear-gradient(90deg, #2ecc71, #f1c40f);
	  border-image: linear-gradient(90deg, #2ecc71, #f1c40f);
      border-image-slice: 1;
	}


.head_text{margin-top:-16%;}
.icon_head{font-size:20px!important;margin-left:19.1%;font-weight:bold;}
.icon_h_detail{margin-top:3%;width:90%;margin-left:19%;}

.icon_hover:hover .icon_head{color:#2ecc71;}
.icon_hover:hover .pe_icon{background:linear-gradient(90deg, #2ecc71, #f1c40f);color:white;}

.index_content{width:855px!important;}

.para2{background:url("../images/videobg.jpg");background-attachment: fixed;height:40vh;margin-bottom: 2%;}
.bg_color{background-color: #1e1e1e;height:40vh;opacity: 0.9;position: absolute;z-index:1;width:100%;}
.video_play{color:white;border:2px solid white;border-radius:100%;padding:1.5%;margin-top:8%;padding-left:2%;}
.video_play:hover{background-color:white;color:#2ecc71;transition:all 0.5s;cursor:pointer;}       
.video_text{font-size:25px;font-weight:700;color:white;margin-top:7%;}

.icon_1{z-index:10;margin-top:6.5%;width:30%;margin-left:15%;}
.p_icon1{float: left;margin-left: 8%;margin-top:3.5%;position: absolute;z-index:10;color:red;border:1px solid white;border-radius: 100%;padding:0.4%;}
.p_icon1:hover{background-color: white;color:#2ecc71;transform: rotate(360deg);transition: 2s all;}
.arrow1{opacity:0;margin-top:2%;margin-left:2.5%;}
.icon_1:hover .arrow1{opacity:1;transition:1s all;}
.data_text{opacity:0;float:left;margin-left:-40%;margin-top:-2%;font-size:22px;text-align:center;}
.icon_1:hover .data_text{opacity:1;transition:2s all;}
.data_fulltext{opacity:0;margin-top:10%;font-size:15px;float:left;width:60%;margin-left:-62%;}
.icon_1:hover .data_fulltext{opacity:1;transition:1s all;}

.icon_2{z-index:10;margin-top:6.5%;width:30%;margin-left:15%;}
.p_icon2{margin-left:7.5%!important;position:absolute;z-index:10;margin-top:2%;color:red;border:1px solid white;border-radius: 100%;padding:0.4%;}
.p_icon2:hover{background-color: white;color:#2ecc71;transform: rotate(360deg);transition: 2s all;}
.arrow2{opacity:0;margin-top:18%;margin-left:-14.5%;}
.icon_2:hover .arrow2{opacity:1;transition:1s all;}
.data_text2{opacity:0;float:left;margin-left:-30%;margin-top:16%;font-size:22px;}
.icon_2:hover .data_text2{opacity:1;transition:2s all;}
.data_fulltext2{opacity:0;margin-top:30%;font-size:15px;float:left;width:70%;margin-left:-52%;}
.icon_2:hover .data_fulltext2{opacity:1;transition:1s all;}

.icon_3{z-index:10;margin-top:6.5%;width:30%;margin-left:15%;}
.p_icon3{margin-left:7.5%!important;position:absolute;z-index:10;margin-top:2%;color:red;border:1px solid white;border-radius: 100%;padding:0.4%;}
.p_icon3:hover{background-color: white;color:#2ecc71;transform: rotate(360deg);transition: 2s all;}
.arrow3{opacity:0;margin-top:-5%;margin-left:-1%;}
.icon_3:hover .arrow3{opacity:1;transition:1s all;}
.data_text3{opacity:0;float:left;margin-left:-64%;margin-top:-8%;font-size:22px;}
.icon_3:hover .data_text3{opacity:1;transition:2s all;}
.data_fulltext3{opacity:0;margin-top:-16%;font-size:15px;float:left;width:80%;margin-left:-38%;}
.icon_3:hover .data_fulltext3{opacity:1;transition:1s all;}

.icon_4{z-index:10;margin-top:-8.4%;width:40%;margin-left:-15%;margin-right:16%;}
.p_icon4{position:absolute;z-index:10;margin-top:3.6%;margin-left:-3%;color:red;border:1px solid white;border-radius: 100%;padding:0.4%;}
.p_icon4:hover{background-color: white;color:#2ecc71;transform: rotate(360deg);transition: 2s all;}
.arrow4{opacity:0;margin-top:3%;margin-left:-0%;}
.icon_4:hover .arrow4{opacity:1;transition:1s all;}
.data_text4{opacity:0;float:left;margin-left:65%;margin-top:-22%;font-size:22px;}
.icon_4:hover .data_text4{opacity:1;transition:2s all;}
.data_fulltext4{opacity:0;margin-top:0%;font-size:15px;float:left;width:60%;margin-left:50%;}
.icon_4:hover .data_fulltext4{opacity:1;transition:1s all;}
.texti{font-family: "Josefin Sans",Arial,sans-serif;}
.icon_5{z-index:10;margin-top:-8.4%;width:30%;margin-left:-15%;margin-right:16%;}
.p_icon5{position:absolute;z-index:10;margin-top:3%;margin-left:-6.6%;color:red;border:1px solid white;border-radius: 100%;padding:0.4%;}
.p_icon5:hover{background-color: white;color:#2ecc71;transform: rotate(360deg);transition: 2s all;}
.arrow5{opacity:0;margin-top:23%;margin-left:-20%;}
.icon_5:hover .arrow5{opacity:1;transition:1s all;}
.data_text5{opacity:0;float:left;margin-left:65%;margin-top:-8%;font-size:22px;}
.icon_5:hover .data_text5{opacity:1;transition:2s all;}
.data_fulltext5{opacity:0;margin-top:12%;font-size:15px;float:left;width:80%;margin-left:30%;}
.icon_5:hover .data_fulltext5{opacity:1;transition:1s all;}
h1.page-title{color:#4DBDCB;padding:10px 0;text-align:left;text-shadow:0 1px 0 rgba(255,255,255,0.75);font-family: "Josefin Sans",Arial,sans-serif!important; }
.icon_6{z-index:10;margin-top:-8.4%;width:30%;margin-left:0%;margin-right:16%;}
.p_icon6{position:absolute;z-index:10;margin-top:2.7%;margin-left:-9%;color:red;border:1px solid white;border-radius: 100%;padding:0.4%;}
.p_icon6:hover{background-color: white;color:#2ecc71;transform: rotate(360deg);transition: 2s all;}
.arrow6{opacity:0;margin-top:-2%;margin-left:-33%;}
.icon_6:hover .arrow6{opacity:1;transition:1s all;}
.data_text6{opacity:0;float:left;margin-left:50%;margin-top:-29.5%;font-size:22px;width:50%;}
.icon_6:hover .data_text6{opacity:1;transition:2s all;}
.data_fulltext6{opacity:0;margin-top:3%;font-size:15px;float:left;width:80%;margin-left:30%;}
.icon_6:hover .data_fulltext6{opacity:1;transition:1s all;}

.center_mobile{margin-top: -22%; position: absolute; z-index:-5;margin-left:-6.2%;}


.item_desc{text-align:center;padding-bottom:12px;padding-top:3%;}
.item_price{background-color:#c5ecf9;padding:2%;float:right;position:absolute;margin-left:-4%;margin-top: 12%;}

.cart_icons{margin-top:12%; float: right; width:100px;}

.pe-7s-more{background-color:#39b54a;color:white;padding:1%;border-radius:100%;margin-top:16%;position:absolute;z-index:1;font-size:28px!important;padding:3%;}
.pe-7s-more:hover{transform: rotate(270deg);transition: 1s all;cursor:pointer;}

.pe-7s-look{background-color:#169ece;color:white;float: left;border-radius: 100%;padding:4%;font-size:28px!important;}
.pe-7s-like{background-color:#169ece;color:white;float: right;border-radius: 100%;padding:4%;font-size:28px!important;margin-right:13%;}
.pe-7s-cart{background-color:#169ece;color:white;border-radius: 100%;padding:3%;font-size:28px!important;margin-left: 15px;}

input{padding:1%;}
.accordion-inner{margin:0;padding:0;}

.btn{background:none;color:black;}
      
.btn:hover{
    color:#fff!important;}

/*.nav .current{border-bottom:1px solid white;margin-top:-0.9%;}*/

.nav-header{background-color:rgba(0,0,0,0.4);color:white!important;}
.ast{color:red;}

.date_month{margin-top:-9%;float:right;}
.blog_cat{color:#c1392b;font-weight: 600;}
.aut_name{color:#c1392b;font-weight: 600;}
.date_month{color:#D78C1C}
.read{color:black;}
.blog_con{display:none;margin-top:1%;}
.blog_con a{color:white;}

.blog_arr{border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 40px solid black;
    margin-top:-0.2%;margin-left:11%;transform: rotate(145deg);margin-bottom:2%;display:none;}
    
    
.date_month{padding:2%;border-radius: 5px;margin-right:-12px!important;border-bottom:1px solid blue;margin-top:-16%;border-right:1px solid red;}
.blog_i:hover .blog_con{display:block;position:absolute;z-index:1;width:20%;background-color:black;color:white;padding:1%;}

.blog_i:hover .blog_arr{display:block;position:absolute;}

.pe-7s-info{color:red;margin-right:25%;float:right;margin-top:-10%;font-size:20px;}

.pe-7s-back{transform: rotate(-120deg);margin-top:-2%;margin-left:-4%;}    

.blog_con:hover .pe-7s-back{transform: rotate(55deg);transition:1s all;}




.test{text-align:left!important;}
.test_detail{display:none;margin-top:-15%;width:90%;margin-left:10%;}
.test:hover .test_detail{display:block;position:absolute;background: rgba(0,0,0,0.8);color:white;padding:1%;}


.vip_test{background-color:#eee;}

.sidebar{margin-top:1%;margin-left:1%!important;}

.navbar-fixed-top .menu_back{background-color:rgba(0,0,0,0)!important;}
.navbar-fixed-top .last{background-color:rgba(0,0,0,0)!important;}

.tab-content{margin-left: -0.8%;width: 99.9%;margin-top:-1.1%;}

@media (min-width:320px) and (max-width:640px)
{
    .banners{margin-top:-80%;}
    .para1{height:50vh;}
    .img_text{display:none;}
    .img_img{display:none;}
    .se_box{width:100%!important;margin-top:-4%;}
    .langu{padding:0%!important;margin:0%;}
    .logo_img{margin-top:40%;}
    .main_menu{margin-top:47%;margin-left:40%!important;}  
    .menu_back,.login,.macc{background-color:#eee!important;}
    .head_text{margin-left:4%;}
    .icon_h_detail{margin-left:20%;}
    .m_img{display: none;}
    .m2_hover{display:none!important;}
    
    .display-block {height: 278px!important;width:270px!important;}
    .item_price{margin-left:0%;}
    
    .sidebar{width:100%!important;}
    header{height:220px!important;}
    .span9{width:100%!important;}
    .maincategory{width:100%!important;}
    .blog_display{width:100%!important;}
    .blog_con{width:65%!important;}
    
    #service_id_chzn{width:230px!important;}
    .chzn-drop{width:250px!important;}
    #serviceDetails{width:50%;}
    
    .cart_det{width:200px;margin-right:5%;}
    
    .db{height:352px!important;}
}

@media (min-width:600px) and (max-width:1024px)
{
    header{height:150px!important;}
    .banners{margin-top:-80%;}
    .para1{height:110vh;}
    .se_box{width:100%!important;margin-top:-11.7%;}
    .cart_mini{margin-top:-20%;}
    .logo_img{margin-top:8%;} 
    .main_menu{margin-top:12%;margin-left:50%!important;}  
    
    .imgmain_text{margin-top:-70%;}
    .img_text{display:block;}
    .img_img{display:block;}
    
    .app_feat{margin-top:70%;}
    .app_feat_part_2{margin-top:10%;} 
    .head_text{margin-top:-12%;margin-left:-4%;}
    .icon_h_detail{margin-left:15%;}
    .para2{height:23vh;}
    .bg_color{height:23vh;}
    
    .pe-7s-info{margin-top:-6%;}
    .date_month{margin-top:-9%;}
    
    .cur{width:50%;}
    
    .m_img{display: none;}
    .m2_hover{display:none!important;}
    
}



@media (min-width:768px) and (max-width:1440px)
{
    .banners{margin-top:-12%;}
    .para1{height:110vh;}
    .main_menu{margin-top:8%;margin-left:30%!important;}  
    .langu{margin-right:15%!important;width:40%!important;margin-top:-3.5%!important;}
    .se_box{width:100%!important;margin-top:-7%;margin-top:-3%;}
    
    .span11{margin-left: 18% !important;margin-top: 2%;width: 60% !important;}
    
    .imgmain_text{margin-top:-10%;}
    .img_img{margin-left:44%;}
    
    .app_feat{margin-top:15%;}
    
    .para2{height:50vh;}
    .bg_color{height:50vh;}
    
    .center_mobile{margin-left:-9.1%;margin-top:-32%;max-height:62%;}
    .p_icon1{margin-left: 12%;margin-top: 5%;}
    .p_icon2{margin-left: 11%!important}
    .arrow2{margin-top: 15%;}
    .p_icon3{margin-left: 11%!important}
    .p_icon4{margin-left: -5.4%;margin-top: 5%;}
    .p_icon5{margin-left: -10.8%;margin-top: 5%;}
    .p_icon6{margin-left: -14.7%;margin-top: 3%;}

    .blog_arr{margin-left: 15%;}
}
    
@media (min-width:768px) and (max-width:1024px)
{
        .banners{margin-top:-20%!important;}
        .span11 {margin-left: 14% !important;width: 80% !important;}  
        .langu{width:62%!important;margin-right:20% !important;margin-top: -4.7% !important;}
        .cart_mini{margin-top: 0;}
        .se_box{margin-top: -4%;}
        .logo_img {margin-top: 4%;}
        .main_menu{margin-top:6%;} 
        
        .app_feat{margin-top:25%;}
        .app_fi{margin-top:10%;}
        .app_w{margin-top:-10%;}
        .icon_head {margin-left: 24.1%;}
        .icon_h_detail {margin-left: 21%;width: 85%;}
}

