body{
    padding:0;
    margin:0;
    width:100%;
    height:100%;
}

._dc11{
    font-family: "Avenir Next";
    font-size: 17px;
    width: 100%;
    text-align: right;
}
.down {
    transform: rotate(45deg);
    webkit-transform: rotate(45deg);
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    margin: 0px 10px 0px 10px;
}
.fixed3 {
    position: fixed;
}
._chooseadd {
    padding-bottom: 25px;
}
.head-top {
    background-color: #ffe700;
    letter-spacing: 0.5px;
    margin: 0px auto;
    z-index: 2;
    width: 100%;
    position: fixed;
    left: 0;
    padding: 0px;
    top: 0;
}

.downf {
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    margin: 0px 10px 0px 10px;
}

.fixed{
    top:0!important;
}
.fixed1{
    top: 100px!important;
    position: fixed!important;
    background-color: #4a4a4a;
    border: 1px solid #4a4a4a;
    z-index: 1;
    line-height: 48px!important;
}
.tot_his{
    font: 18px 'avenir-next-regular';
    color: red;
    margin: 0px 20px;
}
._avq2 > p{
    line-height: 11px;
}
.his_title{
    font-weight: 500;
}

#pass_reset_btn>span{
    margin: 10px 0px;
    color: #ED4F48;
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 500;
}
.cart-text-split {
    background-image: linear-gradient(to left, #a5a5a5 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 100px 2px;
    background-repeat: repeat-x;
    background-position-x: 100px;
    letter-spacing: 94px;
    padding: 19px 60px 4px;
    width: 100%;
    height: 40px;
    font-size: 20px;
    border: none;
    box-shadow: none;
    border-radius: 0
}
        .sold_out {
                	color: red;
                	position: absolute;
                	right: 40px;
                	text-align: left;
                	border: 2px solid red;
                	text-align: center;
                	border-radius: 3px;
                	padding: 5px 5px 5px 8px;
                	width: 100px;
                	text-transform: uppercase;
                	cursor: no-drop;
                }
        .user_account {
        	position: relative;
        	z-index: 123;
        	padding: 0px 25px;
        	margin: 10px;
        }
        ._wclose {
        	position: relative;
        	right: 0;
        	top: 0px
        }
        .user_account p {
        	    padding-top: 10px;
    padding-left: 13px;
    color: rgba(0, 0, 0, 0.8);
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    margin-bottom: 0;
    overflow: hidden;
        }
     
        .headfirstwhy {
        	text-align: center;
        	margin-bottom: 25px;
        	font-family: "Avenir Next";
    font-size: 24px;
        	font-weight: 600
        }
        .firstwhyretail {
        	margin-bottom: 30px;
        	text-align: center;
        	color: rgba(0, 0, 0, 0.8);
        	font-family: "Avenir Next";
         font-size: 18px;
        	font-weight: 500;
        	letter-spacing: 0.02px;
        
        }
        .sidearrow {}.sidearrow:after {
        	content: '';
        	background: url(img/whyarrow.png) no-repeat;
        	background-size: 50px;
        	display: block;
        	position: absolute;
        	right: -13px;
        	top: 32%;
        	width: 50px;
        	height: 50px
        }
        .head-img {
        	width: 90%
        }
        .name-whyretail {
        	text-align: center;
        	margin-top: 19px;
        	font-family: "Avenir Next";
    font-size: 16px;
        }
        .sectionwhyretail-second {
        	padding: 0px 0px;
        }
        .headretailcol {
        	color: rgba(0,0,0,0.8);
        	font-family: "Avenir Next";
            font-size: 23px;
            line-height:25px;
        	font-weight: 600;
        	letter-spacing: 0.3px;
        	text-align: justify;
        	margin: 0px 0px 15px 0px
        }
        .floatrightcol {
        	float: right !important;
        }
        .rightimgdsek {
        	text-align: right;
        }
        .pararetailcol {
        	color: rgba(0, 0, 0, 0.8);
        	font-family: "Avenir Next";
            font-size: 16px;
            line-height:35px;
        	text-align: justify;
        
        }
        .colretailstoryimg {
        	width: 95%
        }
        .storysidehead {
        	color: rgba(0,0,0,0.8);
        	font-family: "Avenir Next";
    font-size:23px;
        
        	letter-spacing: 0.3px;
        	line-height: 25px;
        	text-align: justify;
        	margin: 0px 0px 15px 0px;
        	padding-top: 150px;
        	padding-left: 25px
        }
        .storysidepara {
        	color: rgba(0, 0, 0, 0.8);
        	font-family: "Avenir Next";
    font-size:18px;
        	text-align: justify;
        	line-height: 35px;
        	padding-left: 25px
        }
        .padtextretail {
        	padding-top: 55px
        }
        .padtextretailbig {
        	padding-top: 70px
        }
        .centerimgdsek {
        	text-align: center
        }
        .textpadright {
        	padding-right: 90px
        }
        .line1 {
        	position: absolute;
        	top: -23px;
        	left: 0;
        	right: 0;
        	margin: 0 auto;
        	padding-right: 110px
        }
        .line2 {
        	position: absolute;
        	left: 0;
        	right: 0;
        	margin: 0 auto;
        	top: -40px
        }
        .line3 {
        	position: absolute;
        	top: -40px;
        	left: 0;
        	right: 0;
        	margin: 0 auto;
        	padding-right: 40px
        }
        .line4 {
        	position: absolute;
        	left: 0;
        	right: 0;
        	margin: 0 auto;
        	top: -40px;
        	padding-right: 70px
        }
        .line5 {
        	position: absolute;
        	top: -80px;
        	left: 0;
        	right: 0;
        	margin: 0 auto;
        	width: 50%;
        	padding-right: 60px
        }
        .rightimgdsek>img {
        	width: 85%
        }
        .story_page {
        	width: 70%
        }
        .story_page1 {
        	width: 100%
        }
        .royal_story {
        	text-align: center
        }
        @media only screen and (max-width: 1200px) {
        	.padtextretail {
        		padding-top: 5px
        	}
        	.padtextretailbig {
        		padding-top: 5px
        	}
        	.storysidehead {
        		padding-top: 120px
        	}
        }
        @media only screen and (max-width: 991px) {
        	.floatrightcol {
        		float: none;
        	}
        	.sectionwhyretail-second {
        		text-align: center
        	}
        	.colretailstoryimg {
        		width: 100%;
        		max-width: 320px
        	}
        	.sidearrow::after {
        		top: 25%;
        		width: 40px;
        		right: -11px;
        		background-size: 40px
        	}
        	.textpadright {
        		padding-right: 15px
        	}
        	.storysidehead {
        		padding-top: 10px
        	}
        	.padtextretail,
        	.padtextretailbig {
        		padding-top: 5px
        	}
        	.rightimgdsek {
        		text-align: center
        	}
        	.line1,
        	.line2,
        	.line3,
        	.line4,
        	.line5 {
        		display: none
        	}
        }
        @media only screen and (max-width: 767px) {
        	.sidearrow:after {
        		content: '';
        		background: none
        	}
        	.mobpadcontainer {
        		padding: 0 10px
        	}
        	.mobpadzero {
        		padding: 0
        	}
        }
        @media only screen and (max-width: 540px) {
        	.headfirstwhy {
        		font-size: 20px
        	}
        	.mobpadcontainer {
        		padding: 0 0
        	}
        }
        .car99 {
        	width: 200px
        }
        .autocomplete {
        	position: relative;
        	display: inline-block
        }
        .autocomplete-items {
        	position: absolute;
        	border: 1px solid #d4d4d4;
        	border-bottom: none;
        	border-top: none;
        	z-index: 2;
        	top: 92px;
        	left: 34px;
        	right: 0px;
        	width: 335px
        }
        .autocomplete-items div {
        	padding: 10px;
        	cursor: pointer;
        	background-color: #fff;
        	border-bottom: 1px solid #d4d4d4;
        	    letter-spacing: 1.3px;
        }
        .autocomplete-items div:hover {
        	background-color: #e9e9e9
        }
        .autocomplete-active {
        	background-color: DodgerBlue !important;
        	color: #fff
        }
        .carousel-inner>.item {
        	backface-visibility: hidden !important;
        	perspective: 1000px !important;
        	transition: transform 0.2s ease-in-out 0s !important
        }
        .dropdown {
        	position: relative;
        	display: inline-block
        }
        .validation {
        	color: red
        }
        .se-pre-con {
        	position: fixed;
        	left: 0px;
        	top: 0px;
        	width: 100%;
        	height: 100%;
        	z-index: 9999
        }
        .prod_count {
            width: 40px;
    text-align: center;
    border: none;
    color: #0f14b9;
        font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 500;
        }
        .prod_minus_plus {
        	display: none
        }

        .minus_img:hover,
        .plus_img:hover {}
        .cart_minus_img,
        .cart_plus_img {
        	cursor: pointer;
        	height: 20px;
        }
        .totalamt {
        	height: 30px;
        	margin: 10px 0px 20px
        }
        

         .iids{
        visibility: hidden;
        }
        #totalItems_fav {
        	visibility: hidden;
        	display:block;
        }
        .location_field input {
        	box-shadow: none;
        	border: none;
        	width: 350px;
        	height: 48px;
        	background: transparent;
        	margin: 0;
        	border-radius: 25px;
        	padding: 0 0 0 38px;
        	display: block;
        	overflow: hidden;
        	text-overflow: ellipsis;
        	outline: none
        }
        .location_field {
        	border: 1px solid #9b9b9b;
        	width: 380px;
        	margin: 40px auto;
        	border-radius: 25px;
        	overflow: hidden;
        	position: relative;
        	background: url(../img/search.png) no-repeat 15px center/20px
        }
        .locate_me {
        	position: absolute;
        	top: 7px;
        	color: #e41d36;
        	height: 34px;
        	right: 7px;
        	padding: 5px 10px 5px 35px;
        	background: url(img/locate.png) no-repeat 10px center/20px;
        	border-radius: 17px
        }
        .pac-container {
        	margin-left: 0 !important;
        	margin-top: 10px !important;
        	width: 380px !important;
        	background-color: #fff;
        	position: absolute !important;
        	z-index: 1000;
        	border-radius: 2px;
        	border: 1px solid #919294;
        	font-family: 'Source Sans Pro', sans-serif;
        	box-shadow: none !important;
        	box-sizing: border-box;
        	overflow: hidden
        }
        .pac-item {
        	padding: 10px !important
        }
        .pac-item {
        	cursor: default;
        	padding: 0 4px;
        	text-overflow: ellipsis;
        	overflow: hidden;
        	white-space: nowrap;
        	line-height: 30px;
        	text-align: left;
        	border-top: 1px dashed #e6e6e6;
        	font-size: 11px;
        	color: #999
        }
        #location_change {
            display: inline-block;
    text-overflow: ellipsis;
        }
        .dropbtn {
        	background-color: #4CAF50;
        	color: white;
        	padding: 16px;
        	font-size: 16px;
        	border: none;
        	cursor: pointer
        }
        .dropbtn:hover,
        .dropbtn:focus {
        	background-color: #3e8e41
        }
        .dropdown {
        	position: relative;
        	display: inline-block
        }
        /*#myDropdown1{*/
        /*      top: 40px;*/
        /*}*/
            .dropdown-content1 {
                display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 1;
    border-radius: 5px;
    width: 185px;
    right: 10px;
        bottom: -82px;
  
        }
        .dropdown-content {
        	display: none;
        	position: absolute;
        	background-color: #Fff;
        	width: 400px;
        	border: 1px solid #ddd;
        	z-index: 1;
        	left: -140px;
        	border-radius:5px;
        }
  
        .dropdown-content a:hover{
            color:#fff;
            background-color:#1000b9;
        }
    
        @media only screen and (max-width: 1000px) {}.dropdown-content a {
        	color:black;
        	padding:12px 16px;
        	text-decoration:none;
        	display:block;
        	letter-spacing: 0.5px;
            font-size: 15px;
             

        }
        .dropdown a:hover {
        	background-color: #ddd
        }
        .show {
        	display: block
        }
#_ospecial1 {
    padding-top: 70px;
}
        .m01{
    background: #4a4a4a;
    letter-spacing: 0.5px;
    margin: 0px auto;
    z-index: 2;
    width: 100%;
    position: fixed;
    left: 0;
    padding: 0px;
    top: 104px;
        height: 50px;
    line-height: 53px !important;
}
        li.profilenew {
    text-align: left !important ;
    left: 23px;
    position: relative !important;
}
      


      
        .m01 li{
           display: inline-block;
    list-style: none;
    width: 15.6%;
    border-right: 1px solid #3d3d3d;
    padding: 10px 10px;
    text-align: center;
        line-height: 18px;
        }
         .m01 li a{
    display: inline-block;
    color: #fff;
       font-family: "Avenir Next";
    font-size: 17px;

    white-space: nowrap;
        }

.storenew {
    display: inline-block;
    color: #fff;
        font-family: "Avenir Next";
    font-size: 18px;
    /*font-weight: 500;*/
    white-space: nowrap;
}
.anna {
    width: 100%;
    line-height: 20px !important;
    color: #000 !important;
    text-align: left;
    padding: 10px;
}
    
.anna:hover{
        color: #fff!important;
    text-decoration: none;
    background-color: #0e00b9;

}
  @media only screen and (max-width: 1000px) {
        	p._locationa1,
        	._aa1 h5,
        	#cssmenu ul li a,
        	#cssmenu ul ul li a {
        		text-align: left !important
        	}
        	#cssmenu .indent {
        		text-indent: 20px !important
        	}
        	.user_account div {
        		margin-left: 6.5px !important
        	}
        	.cart div {
        		margin-left: 10px !important
        	}
        	#totalItems {
        		visibility: hidden !important
        	}
        }
        .mobview,
        .item123 {
        	display: none
        }
        @media only screen and (max-width: 600px) {
        	.item123 {
        		display: block;
        		padding: 20px
        	}
        	.mobview {
        		display: block
        	}
        	.item12,
        	.webview {
        		display: none
        	}
        	.story_page1 {
        		margin-bottom: 10px
        	}
        	.storysidehead {
        		text-align: center
        	}
        	.storysidepara {
        		line-height: 25px;
        		text-align: center;
        		margin-left: -5px
        	}
        }
        @media only screen and (max-width: 764px) {
        	.mobview {
        		display: block
        	}
        	.webview {
        		display: none
        	}
        }
        @media only screen and (max-width: 400px) {
        	.storysidehead {
        		text-align: center;
        		width: 93%
        	}
        	.storysidepara {
        		line-height: 25px;
        		text-align: center;
        		width: 93%;
        		margin-left: -10px
        	}
        }


.smalliomg{
        width: 50px;
        height: 25px;
}
.min-btnm {
    width: 1290px !important;
}
.displayhideemp{
    display: none !important;
}

#cart_item{
          height: 35vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
.halals::before{
        content: "";
    height: 2px;
    position: absolute;
    background-color: #000;
    width: 11px;
    top: 11px;
    right: 110px;
}

.halals{
color: #000000;
font-family: Avenir Next;
font-size: 14px;
font-weight: 500;
    padding-left: 12px;
}


._a1 {
    display: block;
    flex-wrap: wrap;
    list-style: none;
    width: 100%;
    padding: 6px 0px 6px 0px;
    margin: 0;
    align-items: center;
    /* background-color: #ffe700; */
    /* position: fixed; */
    z-index: 100;
}
#cssmenu > ul > li > a:focus{
    outline: none;
}
.pricedevel-content{
    max-width: 400px;
    margin: 0px auto;
    float: none;
    text-align: center;
}
select{
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
select{
    outline: none;
}
.job-header {
    text-align: center;
    margin-bottom: 45px;
}
#formsnew {
    padding-top: 40px;
    padding-bottom: 90px;
}
.ccrd {
    width: 100%;
    font-family: "Avenir Next";
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    margin-bottom: 15px;
    padding: 8px 10px 5px;
}

textarea#input-message {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 20px 0px;
    outline: none;
    font-family: "Avenir Next";
    resize: none;
    height: 153px;
}
#image3 {
    border: 1px solid #ccc;
    height: 40px;
    padding: 8px 20px;
    border-radius: 5px;
    margin-top: 20px;
}
._a1 li{
    padding: 0px;
    text-align: center;
    color: #000000;
    font-family: "Avenir Next";
    font-size: 14px;
    white-space: nowrap;
}

.hire-bane-main {
    width: 100%;
        border-radius: 5px;
}

.cartlohgoss{
      position: relative;
    margin: 0px auto 30px;
    width: 230px!important;
    left: 80px;
    top: 18px;
}
._aae21{
    background: #1317b6;
}
    
.happyy{
margin-right: -2px;
    width: 30px;
    position: relative;
    top: -2px;
}
.hires{
        float: right;
    margin: 0;
    right: 20px;
    position: relative;
    padding: 15px 0px;
}
    
._avq3{
    height:0!important;
}
.labehire{
      border: 1px solid #f1eded;
    margin: 0;
        font-size: 15px;
    font-family: "Avenir Next";
    color: #2b2b2b;
    width:100%;
    font-weight: 500;
        position: absolute;
    bottom: 0;

}

.we_run{
    text-align: center;
    margin: 0;
    left: 20px;
    padding: 10px 0px;
        background-color: #fff;
  
}
#logout_dropdown {
    top: 47px;
}

.sweet-alert p {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 25px !important;
    letter-spacing: 0.5px;
    font-family: "Avenir Next";
}
   ._rupees {
       font-size: 18px;
    color: red;
    font-weight: 400;
    float: right;
    }
   .bewrr{
       top:30px;
       
   }
  
    ._osmv2 {
    height: calc(88vh - 60px) !important;
   }
   
   .orrwc-ActivateButton{

    }

.cart p{
        padding-top: 10px;
    padding-left: 13px;
        color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 600
}
._a1 li img{
     margin: 0px 0px 0px 5px;
}
/*.fixed{*/
/*    top:0!important;*/
/*}*/
.logo img{
    width:200px;
}
._aa1{
    cursor:pointer;
    /*top:-10px;*/
}
#getFixed {
float: right;
display: flex;
right: 0px;
letter-spacing: 0px;
left: 50px;
}
._aa1 h5{
    margin: 0;
    text-align: left;
    letter-spacing: 1px;
    line-height: 20px;
    padding-left: 32px;
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 12px;
     letter-spacing: 0.02px;
}
p._locationa1 {
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02px;
}
._locationa1 img {
    margin-right: 10px;
}
/*.cart span{*/
/*         line-height: 8px;*/
/*    padding: 8px;*/
/*    background: #4A90E2;*/
/*    border-radius: 20px;*/
/*    margin: 7px 7px;*/
/*    font-size: 14px;*/
/*    color: #fff;*/
/*    font-family: Avenir Next;*/
/*}*/


._ppnames{
    color: rgba(0,0,0,0.8)!important;	
    font-family: "Avenir Next"!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 34px!important;
}
.tabbtncart{
    position: absolute;
    top: -3px;
    right: -7px;
    background: red;
    color: #fff;
    width: 25px;
    border-radius: 25px;
    height: 25px;
    line-height: 25px;
    display: none;
}
#totalItems {
    position: relative;
    top: 0px;
    right: -6px;
    width: 22px;
    height: 22px;
    padding: 5px 0px 2px 0px;
    text-align: center;
    background: #1317b6;
    border-radius: 20px;
    margin: 7px 7px;
    font-size: 14px;
    color: #fff;
    font-family: Avenir Next;
    visibility:hidden;
}
._srch input[type="text"]{
       border: none;
    padding-left: 30px;
    font-size: 14px;
    color: #000;
    font-family: Avenir Next;
    background: url(../img/search.svg) no-repeat;
    background-size:20px 20px; 
    width:100px;
}
.why_royal{
        text-align: left!important;
    padding-left: 70px!important;
}
.continue_shopping:hover{
        color: #1317b6;
    background: #fff;
    box-shadow: none;
    border: 1px solid #1317b6;
    text-decoration: none;
}

._srch {
    width: 100px;
    margin: 25px auto;
}
._srch input[type="text"]:focus{
    color:#000;
     outline:none;
}


.glyphicon-chevron-left:before {
    content: "\e079";
    display:none;
}
.glyphicon-chevron-right:before {
    content: "\e080";
        display:none;
}
a.left.carousel-control {
    background-color: transparent!important;
}
a.right.carousel-control {
     background-color: transparent!important;
}
.left-che{
    /*display:none;*/
       position: absolute;
    top: 250px;
    left: 20px;
        height: 40px;
    width: 50px;
}
span._aaw.sweeps {
    position: absolute;
    right: 40px;
}
.ryt-che {
    /*display:none;*/
       position: absolute;
    top: 250px;
    right: 20px;
        height: 40px;
    width: 50px;
}
p._nsa {
    font-size: 40px;
    text-align: center;
    padding-top: 180px;
}
#secondss {
    padding-top:125px;
}
._vppc2{
   
    width: 100%;
        top: 40px;
    position: relative;
}

.carousel-indicators-numbers li {
  text-indent: 0;
  margin: 0 2px;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 100%;
  line-height: 30px;
  color: #fff;
  background-color: rgba(0,0,0,0.8)!important;
  transition: all 0.25s ease;
}
.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
  margin: 0 2px;
  width: 14px;
  height: 14px;
  background-color: red;
}

._aa9{
    text-align: center;
      /*margin-top: 650px;*/
    padding-bottom: 40px;
        background: #fff;
}

img._chemicalss {
    /* width: 40px; */
    height: 50px;
}
.noc3{
text-align:left;
padding:0;
    width: 20%;
}
.noc2{
    
}
#nochemicals {
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #1000b9;
}
.preservaties p{
    padding-left: 10px;
    line-height: 24px;
    color:#fff;
    font-size:14px;
        letter-spacing: 0.5px;
    white-space: nowrap;
}
.preservaties {
   display:inline-flex;
}
.llrsd{
     color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 600;   
}
#ord_his {
    overflow: scroll;
    height: 85vh;
}
.backs button{
        color: #000;
    font-family: "Avenir Next";
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    border: 2px solid #1317b6;
    border-radius: 3px;
    padding: 5px 5px 5px 8px;
    width:100%;
    max-width: 100px;
    outline: none;
    background: #fff;
        letter-spacing: 0.4px;
        margin-bottom:20px;
}
#accountlate {
    padding-top: 90px;
    padding-bottom: 140px;
}
.minus_img, .plus_img {
    height: 24px;
    cursor: pointer;
}
._aa9 img {
    height: 145px;
}
._aa9 p {

    color: #0e00b9;
    font-family: "Avenir Next";
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap;
}

._aa9 h4{

    text-align: center;
    background: white;
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 30px 0px;
    color: #1317b6;
    font-family: "Avenir Next";
    font-size: 30px;
    font-weight: 600;
}
._learnmore{
    position: absolute;
    top: 190px;
    right: 44%;
    padding: 6px 30px;
    border: 1px solid #1000b9;
    border-radius: 5px;
    outline: none;
    color: #fff;
    background: #1000b9;
    display:none;
}
._whatweoffers{
    /*border: 1px solid #1317b6;*/
    padding-top: 5px;
    border-radius: 5px;
}
    
.tabs-container{
	max-width:100%;
	margin:30px auto;
	overflow:hidden;
}

.tab-content>div{ display:none; }

.tab-content div.active{ display:block; }

.tabs-nav{
	margin:0;
	padding:20px;
	font-weight:bold;
	text-align:center;
	list-style:none;
	overflow:hidden;
}

.tabs-nav li{
	margin:0 20px;
	display:inline-block;
	vertical-align:top;
}
.tabs-nav a:hover{
      text-decoration: none;
          color: #0e00b9;
}
.tabs-nav a{
	    text-decoration: none;
    color: #A9A9A9;
    font-family: "Avenir Next";
    font-size: 20px;
    font-weight: 500;
}

.tabs-nav li.active a{     
    border-bottom: 3px solid #ffe900;
    padding-bottom: 2px;
    color:#1317b6;
    font-family: "Avenir Next";
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.tab-content{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
/*	background:#2d9daa;*/
	overflow:hidden;
}

._aatab {
    text-align: center;
    padding-top: 55px;
    padding-bottom: 40px;
  background-color: #F8F8F8;
}

._aatab h5{
    color: #1317b6;
    font-family: "Avenir Next";
    font-size: 30px;
    font-weight: bold;
}




.rec-img-content {
    position: relative;
}
.rec-comp-img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    height: 220px;
    object-fit: cover;
}
/*.rec-img-content > p {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    color: #fff;*/
/*    left: 0;*/
/*    text-align: left;*/
/*    letter-spacing: 0.7px;*/
/*    margin: 0;*/
/*   background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    border-radius: 5px 5px 0 0;*/
/*    opacity: 0.4;*/
/*}*/
.rec-img-content > span {
    position: absolute;
    bottom: 5px;
    left: 15px;
    max-height: 45px;
    overflow: hidden;
    	color: #FFFFFF;	
    font-family: "Avenir Next";
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.73px;
}

.mods12 {
    margin-bottom: 30px;
    text-align: left;
    padding: 0px 15px;
        border-radius: 0px 0px 14px 14px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    margin: 0px auto 30px;
    max-width: 350px;
}

.mods12 h4{
         padding: 10px 0px 0px 0px;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#ship_address {
    overflow-y: scroll;
    height: 370px;
    padding: 0px 10px 20px;
    border-radius: 7px;
    border: 2px solid #d7d7d730;
}
.totalamt h3{
    color: red;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
        width: 50%;
}
.store01{
    padding-top:10px;
        text-align: center;
    background: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.15);
    border-radius: 5px;
        padding-bottom: 4px;
         font-family: "Avenir Next";
             margin: 0px 0px 30px;
}
.store01 h1{
            text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
     font-family: "Avenir Next";
}
.store01 h1::after{
    content: "";
    position: absolute;
    left: 0px;
    background: #ccc;
    right: 0;
    height: 2px;
    width: 100px;
    text-align: center;
    margin: 0px auto;
    top: 51px;
}
.store02 h1::after{
    content: "";
    position: absolute;
    left: 0px;
    background: #ccc;
    right: 0;
    height: 2px;
    width: 80px;
    text-align: center;
    margin: 0px auto;
    top: 51px;
}
.store01 p{
    letter-spacing: 0.3px;
    line-height: 25px;
    margin-bottom: 20px;
    font-family: "Avenir Next";
    font-weight: 500;
}
.store01 h6 {
    font-size: 15px;
    font-family: "Avenir Next";
    font-weight: 500;
        margin-bottom: 25px;
}

.mobile-no-store {
    width: 20px;
    position: relative;
    top: 0px;
    right: 4px;
    height: 20px;
}
.store01 a{
        color: #0f14b9;
}

.totalamt {
    display: inline-flex;
    width: 100%;
    margin: 10px 0px;
}

._aaw button {
    color: #000;
    font-family: "Avenir Next";
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    border: 2px solid #1317b6;
    border-radius: 3px;
    padding: 5px 5px 5px 8px;
    width: 100px;
        outline: none;
        background:#fff;
}

.totalamt h3 span{
color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-weight: 600;
        color: red;
}

.::before {
    content: "";
    height: 2px;
    position: absolute;
    background-color: #000;
    width: 11px;
    top: 12px;
    right: 50px;
}
footer {
    padding-top: 39px;
    color: #FFF;
    background-color: #F8F8F8;
    font-size: 14px;
    text-align: center;
    position: relative;
    text-align: -moz-center;
    text-align: -webkit-center;
  
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
p.ecart {
    font-size: 2em;
}

footer a, footer a:visited {
 color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";	
   line-height: 30px;
    font-weight: 500;	
    letter-spacing: 0.02px;
}

footer .copyright {
       margin: 0;
    padding: 15px 0px;
    margin-top: 20px;
    list-style: none;
    border-top: 1px solid #E3E3E3;
        width: 99%;
}

footer .copyright li {
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-weight: 500;	
    letter-spacing: 0.02px;	
    line-height: 25px;
    font-size:18px;
}

.cart_mutton {
    height: 90vh!important;
    width: 100%;
}
._itmcar1v{
    position: relative;
    background-color: #fff;
    padding-top: 154px;
   
}
.why_royal a:hover{
    text-decoration:none;
}
.royal_2{
    word-spacing:2px;
    margin-left: -15px;
}
.royal_2 a:hover{
       text-decoration:none; 
}
._dd2{
      color: #000;
    font-size: 14px;
    margin: 20px 0px 10px;
}

.opaque {
    background-color: rgb(255, 255, 255) !important;
       top:0!important;
    border-bottom: 1px solid #e4e4e4 !important;
}

.item.banner-picq {
/*    position: relative;*/
/*    padding: 80px 0px 0px 0px;*/
}

/*
.carousel-control.left {
    background-color: #F3F3F1;
}
.carousel-control.right {
    background-color: #F3F3F1;
}*/


._nvs1m h1{
    color: rgba(95,99,104,0.8);	
    font-family: "Avenir Next";	
    font-size: 12px;	
    font-weight: 500;
        margin: 0;
    text-transform: uppercase;

}

._aa3{
    position: relative;
    height:60px;
    width:100%;
}
._inita ul{
padding-left:15px;
}

#_aas22 {
    margin: 0px auto;
    width: 100%;
    text-align: center;
    background-color: #F8F8F8;
    background-image: url(../img/Bitmap.jpeg);
    background-size: cover;
    padding: 40px;

}
._inita {
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.11);
     padding: 10px 0px;
        width: 330px;
    margin: 10px auto;
}
._inita h2 { 
color: rgba(0,0,0,0.8);	
    font-family: "Avenir Next";	
    font-size: 17px;
    font-weight: 600;
        text-align: left;
    padding-left: 20px;
    line-height: 25px;
}

._inita ul li{
    list-style: none;
    text-align: left;
    line-height: 30px;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.2px;
   margin-bottom: 5px;
}
._inita ul li img{
    margin-right: 15px;
}
.freshproduct {
    padding-top: 100px;
}
.freshproduct h3{
    color: #FFFFFF;
font-family: Merriweather;
        margin-bottom: 20px;
        letter-spacing: 1px;
    font-size: 30px;
    font-weight: 100;

}
.freshproduct h6{
    	color: #FFFFFF;
    font-family: Merriweather;
        margin-bottom: 20px;
    font-size: 20px;
    font-style: italic;
}
.freshproduct p{
        display: flex;
    text-align: center;
    margin: 0px auto;
    width: 50%;
}
.freshproduct p img{
width: 100px;
    height: 60px;
}
._inita h2 span{
       border-bottom: 3px solid #F5BA4C;
    padding-bottom: 4px;
}
#_ablog{
    text-align: center;
    padding: 60px 0px 0px;
    background-color: #F8F8F8;
}

#_ablog h2{
        color: #000000;
    font-family: "Avenir Next";
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 30px;
    padding-top: 40px;
}
section.banner-hiring {
    padding-top: 154px;
}
#_ablog hr{
    border-bottom: 2px solid #E3E3E3;
    width: 97%;
    margin: 40px auto 0px;
}

/*.sweeps{*/
/*       float: right;*/
/*    right: 0;*/
/*    position: relative;*/
/*    left: 50px;*/
/*}*/

/* -------popup-modal--------- */

.modal-dialog {
    float: right!important;
    padding: 0!important;
    margin: 0!important;
    height:100%;
}



modal {
    display: none;
    position: fixed; 
    z-index: 1; 
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}


.modal-content {
    background-color: #fff;
    border: 1px solid #888;
    margin: 0px auto;
    float: right;
    height: 100%;
    right: 0;

}
._a1modal{
       background-image: url(../img/popbanner.jpg);
    min-height:450px;
        background-size: cover; 
        background-color: rgba(0,0,0,0.44);
}

.close {
       color: #000;
    float: right;
    font-size: 36px;
    font-weight: 200;
}

.modal-backdrop.in {
    display:none;
}

._aae2 img{
    width:280px;
}
.containerdd {
      display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Avenir Next";
    font-size: 17px;
    font-weight: 500;
       margin: 30px 0px 30px 0px;
           white-space: nowrap;
}

.containerdd input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.checkmarkdd {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.containerdd:hover input ~ .checkmarkdd {
    background-color: #ccc;
}

.containerdd input:checked ~ .checkmarkdd {
    background-color: #2196F3;
}


.checkmarkdd:after {
    content: "";
    position: absolute;
    display: none;
}


.containerdd input:checked ~ .checkmarkdd:after {
    display: block;
}


.containerdd .checkmarkdd:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

._aae2 button{
font-size: 30px;
    font-weight: 300;
    position: relative;
    top: 0px;
    color: #000;
        outline: none;
}
._a1vr{
       width: 100%; 
}
._a1vr label{
        width: 100%;
}
._a1vr label input[type="number"]{
         border: none;
    width: 100%;
    border-bottom: 2px solid #D7D7D7;
    padding-bottom: 8px;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 17px;
    font-weight: 400;
    padding: 24px 5px 4px;
    width: 100%;
    height: 50px;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid #a5a5a5;
    
}
#allscreen12{
    text-align:center;
        padding: 15px 10px 40px 15px;
            background: #fff;
                border: 1px solid #ccc;
}
select:focus{
    outline:none;
}
._hddn{
      white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding-left: 10px;
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
    font-family: "Avenir Next";
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.3px;
        width: 100%;

}

#allscreen12 h6{
color: rgba(0,0,0,0.8);
font-family: "Avenir Next";
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 30px;
        text-align: left;
}
.processbtn button{
    width: 99%;
    padding: 10px 5px;
    margin: 15px 0px 0px;
    color: #FFFFFF;
    font-family: "Avenir Next";
    font-size: 16px;
    border-radius: 4px;
    background-color: #1317b6;
    letter-spacing: 0.2px;  
    outline: none;
    border:2px solid transparent;
    font-weight: 500;
}
/*new*/
.processbtn button:hover{
    border:2px solid #1317b6;
    background-color: #fff;
    color: #1317b6;
}
/*new*/
#allscreen12 p span{
        color: #ED4F48;
    font-family: "Avenir Next";
    font-size: 18px;
}
#allscreen12 p {
font-family: "Avenir Next";
    font-size: 18px;
    text-align: center;
    color: rgba(95,99,104,0.8);
    /*    border-bottom: 4px solid #E3E3E3;*/
    /*padding-bottom: 25px;*/
}

.ccrd1:focus{
  outline: none!Important;
}

#allscreen12 ul {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}
/*#allscreen12 ul a:nth-child(1) {*/
/*          padding: 15px 30px;*/
/*    border-radius: 4px;*/
/*    background-color: #3C4DB3;*/
/*    color: #fff;*/
/*    float: left;*/
/*    width: 49%;*/
/*    margin: 0px 5px 0px 0px;*/
/*        letter-spacing: 1px;*/
/*            font-size: 18px;*/
/*    font-weight: 300;*/
/*    text-decoration: none;*/
/*white-space: nowrap;*/
/*}*/
/*#allscreen12 ul a:nth-child(2) {*/
/*    background-color: #E2402A;*/
/*      padding: 15px 30px;*/
/*    border-radius: 4px;*/
/*    color: #fff;*/
/*    position: relative;*/
/*    float: left;*/
/*    width: 49%;*/
/*        font-size: 18px;*/
/*    font-weight: 300;*/
/*white-space: nowrap;*/
/*        letter-spacing: 1px;*/
/*}*/
#allscreen12 h3{
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 18px;
        margin-bottom: 30px;
    font-weight: 500;
   
}
.row {
    margin-right: 0!important;
    margin-left: 0!important;
}
._ooc{
color: #000000;
font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 600;
}

._av1d h5{
        border-radius: 2px;
    background-color: #E1FFEB;
    line-height: 40px;
    padding-left: 10px;
    color: #459460;
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.modal-body._acv2 {
   padding:0px 20px;
   /*height:94vh;*/
}
._avq2 {
    padding: 10px 0px 20px;
    display: flex;
        border-bottom: 1px solid #D7D7D7;
}
._ccp1{
        position: absolute;
    bottom: 0;
    color: #fff;
    left: 0;
    text-align: left;
    letter-spacing: 0.7px;
    margin: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    height: 100%;
    width: 100%;
    border-radius: 5px 5px 0 0;
    opacity: 0.4;
}
._proimga{
    width: 100%;
    height: 311px;
    object-fit: cover;
    border-radius: 12px 12px 0px 0px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px #fffdfd;

}

.mini-pp {
     align-items: center;
    padding: 0px;
    width: 50%;
    text-align: center;
    right: 10px;
    position: relative;
}
.yourcartnum {
      width: 100%;
    display: flex;
    font-size: 18px;
    line-height: 20px;
    color:red;
}
._osmv1{
      width: 400px;
    float: right;
    overflow:hidden;
    right:15px;

    
}
.type-rate p{
     color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    font-size: 16px;
}
.type-rate h4{
   	color: rgba(95,99,104,0.8);
   	font-family: "Avenir Next";
   	    font-size: 17px;
    font-weight: 500;
}
.yourcartnum h2{
        margin: 0;
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 600;
    color:red;
}

._llp2{
    width: 100%;
    text-align: center;
    position: relative;
    left: 35px;
    letter-spacing: 2px;
}
._llp2 img{
    width:20px;
}
.type-rate {
    width:100%;
} 
.cartvalue{
    color: #00B676;	
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 500;
}
._dc {
    display: flex;
    width: 100%;
    padding: 10px 0px 10px;
}
._dc1 {
    display: flex;
    width: 100%;
    padding: 10px 0px 10px;
}
._dc p{
        margin: 0;
    float: left;
    width: 50%;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 400;
}
._dc1 p{
        margin: 0;
    float: left;
    width: 50%;
    color: rgba(95,99,104,0.8);
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-weight: 600;
    font-size: 18px;
}
._dc h2{
       margin: 0;
    text-align: right;
    width: 40%;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 14px; 
}
._dc1 h2{
      margin: 0;
    text-align: right;
    width: 23%;
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
}

._yay{
        color: #000000;
    font-family: "Avenir Next";
    font-weight: 600;
}

._cax1{
    padding:20px 20px;
background-color: #F8F8F8;
}

.detail-group {
    margin: 11px auto 20px;
    position: relative;
    width: 100%;
    padding: 0;
}
.cart-text:focus {
    outline: none;
}
.cart-text:focus ~ .cart-label {
    top: -15px!important;
    z-index: 1;
    color:#E2402A;
    font-size: 20px;

}
.cart-label {
font-size:16px;
    letter-spacing: 0.5px;
    position: absolute;
    top: 6px;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-weight: 500;
    left: 1px;
    pointer-events: none;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

._proimga2 {
    width: 85px;
}
.col-md-12._ry1vdf.row {
    padding: 0;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px 3px !important;
        border: 1px solid #000;
        background:transparent !important;
        height:12px !important;
        width:12px !important;
}

  ._avn11 {
    display: flex;
    padding: 0px 10px 3px 4px;
}
._ry1vdf {
    padding: 5px 5px;
}

._vimgg2{
    height: 340px;
    width: 90%;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    object-fit: cover;
    }
    
._bonecck {
        position: relative;
    width: 30px;
    top: -2px;
    height: 30px;
}
._nvs1m {
    position: relative;
    left: 15px;
}
._nvs1m p{
    
}
._nvs1m h5{
        color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 13px;
    font-weight: 600;
}
.chgprice {
    margin: 0;
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 600;
}

._ddkr{
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 14px;
    font-weight: 300;
}
._rs{
    margin: 0;
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 600;
}
._aacs2 {
border-top: 4px solid #E3E3E3;
    width: 96%;
    padding: 20px 3px 40px 0px;
}
._rv3p{
        padding: 0px 10px;
}

._rybcc h6{
    font-family: "Avenir Next";
    font-size: 20px;
    font-weight: 600;
}
._rybcc h3{
        color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 16px;
        margin: 15px 0px 20px;
} 

._rybcc p{
     color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    padding: 5px 0px;
    letter-spacing: 0px;
}
._2meat {
     width: 100%;
    position: relative;
    /*margin-top: -200px;*/
}
.wwf3{
        box-shadow: none;
        max-width: 100%;
        	background-color: #F8F8F8;
}
.what02{
    padding-bottom:30px;
}
#_whatweget{
     background-color: #F8F8F8;
    padding: 60px 0px 0px;
    /* margin-bottom: 30px; */
    border-bottom: 1px solid #e6e6e6;
}
._2meat2 {
     width: 100%;
    position: relative;
    margin-bottom: -90px;
    height: 410px;
}
.entp{ 
    margin: 0;
    padding-left: 10px;
    
}
.entp h2{
    padding: 0;
}
.entp ul {
    padding: 0;
}
.entp ul li{
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
}
._22{
        padding: 12px 10px 12px 0px;
    margin-bottom: 25px;
    border-bottom: 2px solid #D7D7D7 !important;
    border-radius: 3px;
    width: 85%;
    border: none;
    text-align: left;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 500;
}
._22:focus{
    outline:none;}

#receiptss{
    background-color:#ffffff;
     padding: 100px 0px;
         text-align: center;
}

._rrcbps{
     font-weight: 600;
    margin-bottom: 40px;
    color: #000000;
    font-family: "Avenir Next";
    font-size: 30px;
    margin-bottom:40px;
}
.mdl4{
    display: flex;
    position:relative;
    width:100%;
    /*background-color: #F8F8F8;*/
    border-bottom: 1px solid #D7D7D7;
    /*border-top: 1px solid #D7D7D7;*/
        padding: 20px 10px 30px 0px;
}
._butter hr{
     margin: 10px 10px;
    width: 290px;
    border-bottom: dashed;
    border-bottom-width: 2px;
    border-top: none;
}
.mdl4 p{
       padding-left: 20px;
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 16px;
    font-weight: 500; 
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
._menuimg1{
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 5px;
}
.nnc h1{
       color: rgba(255,255,255,0.8) !important;
    font-family: "Helvetica Neue" !important;
    font-size: 12px !important;
    font-weight: 500 !important; 
    letter-spacing: 1px;
}
.nnc h5{
    color: #FFFFFF !important;
    font-family: "Helvetica Neue" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
._menulist7 h1{
    color: #FFFFFF;
    font-family: "Avenir Next";
    font-size: 16px;
}
._menulist7 p{
        opacity: 0.9;
    color: #FFFFFF;
    font-family: "Avenir Next";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 40px;
}

._menulist7 {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: left;
    height: auto;
    padding: 0px 10px 0px;
}
._menulists {
position:relative;
margin-top:50px;
    
}
._butter {
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    color: #555555;
    padding: 20px 0px;
    width: 100%;
    position: relative;
    z-index: 1;

}
._fll{
    display: inline-block;
    padding: 0 10px 0 10px;
    position: relative;
    background: #fff;
    float: left;
    z-index: -1;
}
._butter::before {
     border-bottom: dashed;
    border-bottom-width: 2px;
    border-top-width: 2px;
    margin: 0px auto;
    content: '';
    vertical-align: middle;
    position: absolute;
    width: 100%;
    top: 30px;
    z-index: -1;
}
    
    ._Aap{
           right: 0;
    float: right;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
        
    }
    .pricedevel-content p{
            white-space: nowrap;
    color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 14px;
    font-weight: 600;
    }
        ._straighline1:after{
       
        content: "";
    position: absolute;
    height: 2px;
    width: 122px;
    background: #D4D6DB;
    top: 25px;
    right: -60px;
    z-index: -1;
    }

    ._straighline:after{
       
        content: "";
    position: absolute;
    height: 2px;
    width: 122px;
    background: #468ee5;
    top: 25px;
    right: -60px;
    z-index: -1;
    }
#integrations {
    padding: 180px 0px 60px;
    margin-bottom: 30px;
}
.choose_add {
    display: flex;
    width: 100%;
    list-style: none;
}
.choose_add li{
    text-align:center;
}

.minicon {
    width: 50px;
}
.choose_add li _minc::after{
height: 2px;
    left: 0;
    position: absolute;
    top: 60px;
    width: 150px;
    
}
.iff{
    border-bottom: 2px solid rgb(0, 89, 198);
}

.group input {
    font: 18px/19px'avenirnextLTpro-regular', sans-serif;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 95%;
    border: none;
    border-bottom: 1px solid #EDEDF5;
}
 .errst {
    color: #D92222!important;
    min-height: 45px;
    line-height: 45px!important;
    margin: 0;
    outline: none;
    width: 95%;
    border-radius: 3px;
    padding-left: 10px;
    font: 17px/30px 'avenirnextLTpro-regular',sans-serif;
}
.group .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: .5;
}

.group .bar {
    position: relative;
    display: block;
    width: 300px;
}
.group label {
    font: 15px/25px'avenirnextLTpro-regular', sans-serif;
    color: #39393E;
    position: absolute;
    pointer-events: none;

    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    font-weight: 100;
}

._aanw{
    text-align: center;
    font-size: 22px;
    font-family: "Avenir Next";
    font-weight: 600;
    letter-spacing: 0.6px;
}


#integrations input[type="text"] {
    padding: 12px 10px 12px 0px;
    margin-bottom: 25px;
    border-bottom: 2px solid #D7D7D7 !important;
    border-radius: 0px;
    width: 85%;
    border: none;
    text-align: left;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 500;
}
/*#ship_deliver{*/
/*    min-height: 550px;*/
/*    border: 2px solid #ccc;*/
/*    line-height: 30px;*/
/*    border-radius: 5px;*/
/*}*/

._3items {
    text-align: center;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 500;
    margin: 0 auto 20px;
}
._dangrred {
      text-align: right;
    color: #ED4F48;
    font-family: "Avenir Next";
    font-size: 14px;
    font-weight: 500;
}

._avq21 {
     padding: 10px 0px 20px;
    display: flex;
    width: 100%;
}
._fillupcart{
         margin: 10px auto;
    width: 100%;
}


.uskfg {
         position: relative;
    border: 1px solid #D4D6DB;
    width: 125px;
    margin: 0px auto;
    left: 84px;
    top: -28px;

}
._dc12{
   display: flex;
    width: 100%;
    padding: 10px 35px 50px;
}

._adddept li{
      text-align: left;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;
}
._dc12 p{
       color: #ED4F48;
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    width: 86%;
}
._dc12 h2{
       color: #ED4F48;
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 600; 
        margin: 0;

}
._next{
    font-family: "Avenir Next";
    font-size: 15px;
    border: 1.6px solid #1317b6;
    border-radius: 4px;
    padding: 10px 200px;
    background: #1317b6;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 30px auto;
    white-space: nowrap;
        outline: none;
        /*width:100%;*/
}
.continuebtn{
    font-family: "Avenir Next";
    font-size: 15px;
    border-radius: 4px;
    padding: 10px 200px;
    background: #b4b4b6;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 30px auto;
    white-space: nowrap;
    border: none;
    outline: none;
}
.backbtn{
    font-family: "Avenir Next";
    font-size: 15px;
    border-radius: 4px;
    padding: 10px 200px;
    background: #b4b4b6;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 30px auto;
    white-space: nowrap;
    border: none;
    outline: none;
}
._totolrod{
  display: flex;
flex-wrap: wrap;
}
.subber{
        border-radius: 2px;
    background-color: #00B676;
    color: #fff;
    padding: 5px 30px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
        margin-right: 40px;
}
._fflq3{
        display: flex;
        float:right;
}
.cncler{
    border-radius: 2px;
    background-color: #fff;
    color: rgba(0,0,0,0.5);
    padding: 5px 30px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
    margin-left: 4px;
    border: 1px solid #ccc;
}
.ssds{
    height:215px;
}
.job-submitt {
    text-align: center;
    padding-top: 20px;
}
#input-submit {
    width: 100%;
    padding: 10px;
    color: #fff;
    background: #0f14b9;
    border-radius: 5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-family: "Avenir Next";
    outline:none;
}
.werhire {
    text-align: center;
    margin-bottom: 40px;
    font-size: 4em;
}
.hars {
    width: 440px;
}

.cf01 {
    margin: 0px auto;
    width: 440px;
}
.ccrd1{
        width: 100%;
    cursor: pointer;
    outline:none;
}
.job_name {
    letter-spacing: 0.4px;
}

#formsnew {
    padding-top: 55px;
    padding-bottom: 90px;
}
._fflq{
    display: flex;
}
.continuebtn:hover{
    border: 1px solid #b4b4b6;
    color: #b4b4b6;
    background: transparent;
}
.backbtn:hover{
    border: 1px solid #b4b4b6;
    color: #b4b4b6;
    background: transparent;
}
._adddept {
      margin: 0;
    padding: 10px 35px 0px;
    
    list-style: none;
}

._fulcr {
    padding: 20px 0px 30px;
    text-align:center;
}
._addnew{
    font-family: "Avenir Next";
    font-size: 15px;
    border: 1.6px solid #00B676;
    border-radius: 4px;
    padding: 10px 150px;
    color: #00B676;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 30px auto 0px;
    white-space: nowrap;
}
#integrations input:focus{
        border-bottom: 2px solid #E2402A!important;
}

.t-navbs {
      display: flex;
    list-style: none;
    text-align: center;
        margin: 30px 0px 50px;
}

.t-navbs li{
    position:relative;
    margin-left: 42px;
    margin-right: 0px;
}


.cart-text {
    letter-spacing: 0.5px;
    padding: 19px 5px 4px;
    width: 100%;
    height: 40px;
    font-size:20px;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid #a5a5a5;
        border-radius: 0;
}

.closes {
    position: absolute;
    width: 13px;
    height: 13px;
    top: -22px;
    left: 120px;
}

.youproducts{
        padding: 0px;
}

.cart-text:focus{
    border-bottom: 2px solid #E2402A!important;
}
._netwt{
        color: #535353;
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.odrctr h1{
        color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 17px;
    font-weight: 500;
    
}
._dc._st {
    padding: 4px 0px;
}

    ._rrps {
    width: 40%!important;
}
button.close {
    opacity: 1;
}
.payuh {
    border: 1px solid #D7D7D7;
        margin: 10px 0px 30px;
}

._aaw button:hover{
background: #1317b6;
    color: #fff;
}

._ipp{
        position: absolute!important;
    left: -30px;
    top: 10px;
    margin-left:0!important;
}
.miller {
    margin-bottom: 25px;
    border-bottom: 2px solid #D7D7D7 !important;
    border-radius: 3px;
    width: 100%;
    border: none;
    text-align: left;
    color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 18px;
    font-weight: 500;
}
.miller:focus{
        border-bottom: 2px solid #E2402A!important;
            outline: none;
}
._wclose {
    width: 17px!important;
    position: absolute;
    right: 20px;
    top: 25px;
        opacity: 1;
}
/*._adddept li span{*/
/*            color: rgba(0,0,0,0.8);*/
/*    font-family: "Avenir Next";*/
/*    font-size: 20px;*/
/*    font-weight: 500;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    white-space: nowrap;*/
/*}*/
._next:hover{
        color: #1317b6;
        background:#fff;
}

._addnew:hover{
        background:#00B676;
         color:#fff;
}

#profilemd{
        padding: 200px 0px 70px;
    background-color: #fff;
    text-align:center;
}
#integrations input:focus{
    outline:none;
}
.footer-content {
        color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    line-height: 23px;
    font-weight: 500;
    letter-spacing: 0.02px;
}
.footbanner2{
        width: 190px;
}

._royalmdr{
    
}
._royalmdr h1{
        color: #000000;
    font-family: "Avenir Next";
    font-size: 35px;
    font-weight: 600;
    margin: 30px 0px 10px 0px;
}
._royalmdr h2{
        color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.2px;
    margin: 0px;
}
._royalmdr p{
        color: rgba(95,99,104,0.8);
    font-family: "Avenir Next";
    font-size: 24px;
    font-weight: 500;
    margin: 10px 0px 0px 0px;
}

.ttc{
color: #000000;
font-family:Avenir Next;
    font-size: 14px;
}

._royalmdr img{
    width:70%;
}

._royaldetails p{
        color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    text-align: justify;
     letter-spacing: 0.3px;
}
._royaldetails h2{
        color: #000000;
    font-family: "Avenir Next";
    font-size: 27px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px;
        letter-spacing: 0.3px;
}

._royaldetails p:nth-child(3) {
    text-indent: 60px;
}

._aaw button:focus{
    outline:none;
}

.logtext{
    font-family: "Avenir Next";
    font-size: 16px;
    color: #333;
}
.logtext:hover{
    color: #333;
    text-decoration: none;
}
.yourproduct{
    max-width: 600px;
    margin: 0 auto;
    position: relative;
}
.img-productcart{
           text-align: left;
    top: 18px;
    position: relative;
    padding:0;
}
.img-productcart > img{
  width: 100%;
    border: 1px solid #ccc;
}
.price-description{
    margin: 0 auto 20px auto;
    margin: 0px 0px 10px 0px;
    border-bottom: 2px solid #dadadaa6;
    padding: 0;
}
._menulist8 {
    text-align: left;
    margin:35px 0px;
}
#image3 {
    height: 43px;
    outline:none;
}
._vreceipt{
    width: 100%;
    border: 2px solid #1317b6;
    padding: 8px 30px 8px;
    text-align: center;
    border-radius: 5px;
    font-size: 17px;
    font-family: "Avenir Next";
    color: #000000;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor:pointer;
        max-width: 200px;
        outline:none;
            background-color: #fff;
}
#location_store h2{
        text-align: center;
    background: white;
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 30px 0px;
    color: #1317b6;
    font-family: "Avenir Next";
    font-size: 30px;
    font-weight: 600;
}
#location_store {
    position: relative;
    padding: 180px 0px 0px;
}
.store_add_new{
    text-align: left;
    margin: 60px auto;
    width: 50%;
}

.anna_nagar1{
        width: 55%;
}
.add-store-1{
    margin-bottom: 40px;
     text-align: center;
}
.store_add_new p{
        line-height: 25px;
       color: rgba(0,0,0,0.8);
    font-family: "Avenir Next";
    font-weight: 500;
    font-size:18px;
    letter-spacing: 0.02px;
}
.store_add_new a{
        font-size: 17px;
    letter-spacing: 0.2px;
}
.price-productname p{
    font-family: "Avenir Next";
    font-size: 17px;
    font-weight: 500;
    margin: 10px 0px 10px 0px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.price-productname h4{
    font-family: "Avenir Next";
    font-size: 14px;
    margin: 3px auto 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #9c9c9c;
}
.chargeprice{
    font-family: "Avenir Next";
    font-size: 19px;
    margin: 15px 0px 0px 0px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.price-closes{
    position: absolute;
    width: 20px;
    top: 20px;
    right: 0;
    cursor: pointer;
}
.price-viewhead{
    font-family: "Avenir Next";
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.5px;
    white-space: nowrap;
    padding:0;
}
.pricedropdown > button > .arrowside:after{
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: '';
    display: inline-block;
    height: 12px;
    left: 5px;
    position: relative;
    top: 5px;
    transform: rotate(135deg);
    vertical-align: top;
    width: 12px;
}
.pricedropdown.open > button > .arrowside:after{
    top: 10px;
	transform: rotate(-45deg);
}
.pricedropdown{
    position: absolute;
    bottom: -40px;
    right: 40px;
    z-index: 99;
}
.btnorder-price{
    background: #fff;
    border: none;
    font-family: "Avenir Next";
    font-size: 18px;
    color: #d82e2e;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.btnorder-price:focus,.btnorder-price:hover{
    outline: none;
}
.pricemenu-dropdown{
    right: 0;
    left: auto;
    min-width: 380px;
}
/*::-webkit-scrollbar {*/
/*    background:#fff;*/
/*}*/
.today_class{
    font-family: "Avenir Next";
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    letter-spacing: 0.4px;
    padding: 0 10px;
    display: block;
}
.pricemenu-dropdown li{
    display: inline-block;
    padding: 0 5px 0 0;
}
.pricemenu-dropdown li a{
    padding: 3px 10px;
}
.btn-droporder:after {
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 12px;
    position: relative;
    vertical-align: top;
    width: 12px;
    top: 4px;
    transform: rotate(135deg);
    left: 10px;
    color:#000;
}
button.btn-droporder {
    color: #DF5A52;
    border: none;
    font-size: 17px;
    white-space: nowrap;
    padding:0px 10px;
        outline: none;
        /*display:none;*/
}
.opendrop .btn-droporder:after{
    top: 9px;
    transform: rotate(315deg);
}
.lotter{
        padding: 0 0 0 9px;
    position: absolute;
    width: 390px;
    background: #1317b6;
    z-index: 9;
    color:#FFF;
    text-align: left;
    border-radius: 5px;
    box-shadow: inset -1px 0 1px 0 rgba(16, 0, 185, 0.56), 0 2px 10px 0 #3f51b5;
}
.minss{
        font-size: 18px;
    font-family: "Avenir Next";
    font-weight: 600;
}




.pricecheck {
    display:inline-block;
    position: relative;
    padding: 0 6px 0 12px;
    border-left: 2px solid #ffe700;
    margin: 8px 3px;
    line-height: 22px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.prevtiming{
    color: #fff;
}
.pricecheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    opacity: 0;
}

.pricecheck input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
}

.pricecheck input:checked ~ .checkmark:after {
    display: block;
}

.pricecheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
ul.head3 {
    position: relative;
    left: 12px;
}

.checkaddress {
    display: block;
    position: relative;
    padding-left: 35px;
    margin: 0;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkaddress input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmarkspan {
    position: absolute;
    top: 6px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

.checkaddress input:checked ~ .checkmarkspan {
    background-color: #fff;
    border: 1px solid #2196F3;
}

.checkmarkspan:after {
    content: "";
    position: absolute;
    display: none;
}

.checkaddress input:checked ~ .checkmarkspan:after {
    display: block;
}

.checkaddress .checkmarkspan:after{
 	top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
	border-radius: 50%;
	background: #2196F3;
}


._otplog {
    position: relative!important;
    padding: 0!important;
    margin: 20px 0px 30px!important;
}

.detail-group .cart-text:focus ~ .cart-label, .detail-group .cart-text:valid ~ .cart-label {
    top:-13px;
 
}
._ootps:active{
        background-color: #E2402A!important;
    color: #fff!important;
    /*    background-color: #ccc!important;*/
    /*color: #000!important;*/
    font-weight: 400!important;
    letter-spacing: 0px!important;
}

._ootps,._passlog:hover{
    text-decoration: none;
}

.resend-otp1{

    color: #e41d36;
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    right: 45px;
    padding: 15px 0;
    cursor: pointer;
}
._passlog{
    padding: 15px 30px;
    border-radius: 4px;
    margin: 0px 5px 0px 0px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 0px;
    color: #000;
    background-color: #ccc;
    cursor: pointer;
    
    float: right;
}
.lognew{
    background-color: #ED4F48 !important;
    color: #fff !important;
}
._ootps{
    padding: 15px 30px;
    border-radius: 4px;
    margin: 0px 5px 0px 0px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 0px;
    color: #000;
    background-color: #ccc;
    cursor: pointer;
    
    float: left;
    width: 49%;
}
._ootps:hover{
        text-decoration: none;
}


#account1{
        padding-top: 130px;
    padding-bottom: 130px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../img/account_banner.jpg);
}

.resumes{
    margin-bottom:15px;
    padding:0;
}

.containerrr {
   display: block;
    display: block;
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Avenir Next";
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.5px;
}

.containerrr input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000 !important;
}

.checkmarkrr {
        position: absolute;
       top: 9px;
    left: -12px;
    height: 18px;
    width: 18px;
    border: 1px solid #1317b6;
    border-radius: 50%;
}


.containerrr:hover input ~ .checkmarkrr {
    background-color: #1317b6;
}


.containerrr input:checked ~ .checkmarkrr {
    background-color: #1317b6;
}


.checkmarkrr:after {
    content: "";
    position: absolute;
    display: none;
}


.containerrr input:checked ~ .checkmarkrr:after {
    display: block;
}

.containerrr .checkmarkrr:after {
     top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}


.carousel-inner>.item {
    -webkit-transition: -webkit-transform .2s ease-in-out !important;
    -o-transition: -o-transform .2s ease-in-out !important;
    transition: transform .2s ease-in-out !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-perspective: 1000 !important;
    perspective: 1000 !important;
    }
    
    
    .carousel-indicators .active {
    background-color: #000!important;
}

.carousel-indicators li {
    border: 1px solid #000!important;
   
}

.carousel-indicators {
    bottom: -55px!important;
}


 .round {
        	position: absolute;
        	margin: auto;
        	top: 0;
        	right: 0;
        	bottom: 0;
        	left: 0;
        	height: 400px;
        	width: 400px;
        	border-radius: 100%;
        	animation-duration: 1.5s;
        	animation-delay: 1s;
        	animation-name: wave;
        	animation-iteration-count: infinite
        }
        .box {
        	position: absolute;
        	margin: auto;
        	top: 0;
        	right: 0;
        	bottom: 0;
        	left: 0;
        	height: 100px;
        	width: 100px;
        	animation-duration: 1.5s;
        	animation-name: jump;
        	animation-iteration-count: infinite
        }
        .box i {
        	font-size: 90px;
        	margin: auto;
        	color: #34495e
        }
        .wrapper {
        	width: 100%;
        	height: 100vh
        }
        .img-logo {
        	width: 100%
        }
        @keyframes wave {
        	0% {
        		transform: scale(0);
        		opacity: 1
        	}
        	100% {
        		transform: scale(1);
        		opacity: 0
        	}
        }
        @keyframes jump {
        	0% {
        		transform: scale(1)
        	}
        	50% {
        		transform: scale(1.4)
        	}
        	100% {
        		transform: scale(1)
        	}
        }