@font-face {
font-family: 'Proxima Nova Regular';
font-style: normal;
font-weight: normal;
src: local('Proxima Nova Regular'), url('../fonts/ProximaNova-Regular.woff') format('woff');
}


@font-face {
font-family: 'Proxima Nova Thin';
font-style: normal;
font-weight: normal;
src: local('Proxima Nova Thin'), url('../fonts/ProximaNovaT-Thin.woff') format('woff');
}


@font-face {
font-family: 'Proxima Nova Light';
font-style: normal;
font-weight: normal;
src: local('Proxima Nova Light'), url('../fonts/ProximaNova-Light.woff') format('woff');
}


@font-face {
font-family: 'Proxima Nova Semibold';
font-style: normal;
font-weight: normal;
src: local('Proxima Nova Semibold'), url('../fonts/ProximaNova-Semibold.woff') format('woff');
}


@font-face {
font-family: 'Proxima Nova Bold';
font-style: normal;
font-weight: normal;
src: local('Proxima Nova Bold'), url('../fonts/ProximaNova-Bold.woff') format('woff');
}


@font-face {
font-family: 'Proxima Nova Extrabold';
font-style: normal;
font-weight: normal;
src: local('Proxima Nova Extrabold'), url('../fonts/ProximaNova-Extrabld.woff') format('woff');
}


@font-face {
font-family: 'Proxima Nova Black';
font-style: normal;
font-weight: normal;
src: local('Proxima Nova Black'), url('../fonts/ProximaNova-Black.woff') format('woff');
}

@font-face {
    font-family: 'playfair_displaybold';
    src: url('../fonts/playfairdisplay-bold-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'playfair_displayregular';
    src: url('../fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




.font1{font-family:'Proxima Nova Regular';}
.font2{font-family:'Proxima Nova Thin';}
.font3{font-family:'Proxima Nova Light';}
.font4{font-family:'Proxima Nova Semibold';}
.font5{font-family:'Proxima Nova Bold';}
.font6{font-family:'Proxima Nova Extrabold';}
.font7{font-family:'Proxima Nova Black';}
.font8{font-family: 'playfair_displayregular';}
.font9{font-family: 'playfair_displaybold';}


body {margin:0;padding:0; font-family:'Proxima Nova Regular' !important; font-size:16px;}
.responsive-img{ width:100%;}

.dtls-qty{display:inline-block!important; width:40px!important; padding:0 0 0 5px!important;}
.dtls-price-title{ padding:5px 10px; position:relative; background-color:#000; color:#fff; display:inline-block; font-size:12px; margin-bottom:10px;}
.dtls-price-title:before, .dtls-price-title:after{ content:''; display:block; position:absolute; left:100%; border-left:10px solid #000; border-right:0;}
.dtls-price-title:before{border-bottom:14px solid transparent; top:0;}
.dtls-price-title:after{ border-top:14px solid transparent; bottom:0;}
.price1{ margin-top:10px !important; display:inline-block; float:left;}
.price1 span{ vertical-align:top;}
.price1 select{ margin-top:-7px; margin-left:3px; vertical-align:top;}
.qty-label{ font-size:14px; font-weight:normal; vertical-align:middle; margin-left:15px; margin-top:-3px;}
.padd-l-0{ padding-left:0!important;}
.app-f-price{ display:inline-block; text-align:center; margin-left:10px;}
.app-f-price label{ font-size:12px; font-weight:500; vertical-align:top; margin-top:-20px;}
.app-f-price .price_new{ font-size:22px; float:none !important; vertical-align:top; margin-top:-20px;}
.price1 .price_new{ vertical-align:top;}
.table_h5para span {color: #0898c3!important;}
.shad-d{ border: 1px solid #e5e5e5!important;}
a { text-decoration:none !important; cursor:pointer!important;}
.error{ color:#FF0000; font-size: 12px; line-height: 25px;}
.overlay{
    display:none;
    background:rgba(0, 0, 0, 0.3); position:fixed; height:100%; width:100%;z-index:200000; top:0; left:0; 
}
.regi-phone{ margin-bottom:15px;}
.login_wrapr .regi-phone input.form{ margin-bottom:0;}
.return-request .buynw_buton{ margin-right:0 !important; float:none; display:inline-block; margin-top:5px;}
.CheckP{ width:30px; height:30px; border:1px solid #ccc; border-radius:50% ; font-size:20px !important; padding-top:3px; color:#093;  }
.OverlayC{ background-color:#333; top:150px; position:fixed; z-index:200000;  display:none; padding:20px; text-align:center;}
.OverlayC h1{ color:#fff; font-size:30px; text-transform:uppercase; font-weight:bold;}
.OverlayC p{ font-size:16px; color:#fff;}
.cat-p{display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; width:100%;}
.menu-ul{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; margin-bottom:0px; height:auto;padding: 0 15px;font-family: 'Poppins', sans-serif; margin-bottom:20px; border-bottom:1px solid #f1f1f1; padding-bottom:20px;}
.menu-ul ul{ padding-left:0;}
.menu-ul ul li{ list-style-type:none;}
.no-cat{ font-weight:bold; color:#000; text-transform:uppercase; margin-bottom:5px;}
.main-cat{ font-weight:bold; color:#000;text-transform:uppercase; margin-bottom:5px;}
.sub-cat{ color:#999; margin-bottom:5px;}
.no-cat a {display:block; width:100%; color: #3F3F3F; padding: 10px 0; text-shadow: 0 0 1px #FFC107; position:relative; color:#333;}
.no-cat a:hover {color: #000;text-decoration: none;}
.no-cat a:focus {color: #000;text-decoration: none;}
.no-cat a:before{ content:''; display:block; position:absolute; width:75px; bottom:0; left:0; background-color:#F60; height:1px;}
.sub-cat a{font-weight:600; text-decoration:none; display: block; font-size: 11px; padding: 4px 0; border-bottom: 1px #D5E1E4 dashed; text-transform: uppercase;
color: #131313; letter-spacing: 0.9px;    line-height: 20px;}
.sub-cat a:focus,.sub-cat a:hover{color:#0898c3;text-decoration:none}
.main-cat a{ display:block; width:100%; color: #3F3F3F; padding: 10px 0; text-shadow: 0 0 1px #FFC107; position:relative;}
.main-cat a:hover{ text-decoration:none !important;}
.main-cat a:before{ content:''; display:block; position:absolute; width:75px; bottom:0; left:0; background-color:#F60; height:1px;}
.dropdown-menu1{ width:100%; background-color:#fff; max-height: 470px; overflow-y: scroll; position:absolute; z-index:2000; display:none;}
.dropdown1:hover .dropdown-menu1{ display:block; }
.sbnavbar_wrapper {float: left;width: 100%;background-color: #0898c3;}
.head_social {float: left;}
.head_social .btn{color:#fff;width:36px;font-size:13px;height:36px;padding:0;text-align:center;line-height:34px}
.head_social .btn:hover{color:#fff;width:36px;font-size:13px;height:36px;padding:0;text-align:center;line-height:34px}
.short-cat li a{font-weight:600 !important; text-decoration:none; display: block; font-size: 12px !important; padding: 5px 0; border-bottom: 1px #D5E1E4 dashed; text-transform: uppercase;
color: #131313; letter-spacing: 0.9px;}

/* =============================== cart and login =============================== */

.cartmenu{  left: auto !important;right:-150px; max-height: 400px; overflow-y:scroll;}
.cartmenu::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.cartmenu::-webkit-scrollbar-track {
  background: #e2e2e2; 
}

/* Handle */
.cartmenu::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.cartmenu::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.cart_list ul.dropdown-cart{min-width:250px;padding: 10px !important;}
.total_cart{background-color:#0898c3;border:none;border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;color:#fff;font-size:11px;padding:0;position:absolute;right:auto;width:20px;height:20px;line-height:20px;z-index:9;top:22px;text-align:center;font-weight:600;left: 4px;    padding-left: 3px;}
.cart_list ul.dropdown-cart li .item{display:block;padding:3px 10px;margin:3px 0}
.cart_list ul.dropdown-cart li .item:hover{background-color:#f1f1f1;}
.cart_list ul.dropdown-cart li .item:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.cart_list ul.dropdown-cart li .item-left, 
.cart_list ul.dropdown-cart li .item-left span.item-info{float:left} 
.cart_list ul.dropdown-cart li .item-left img{float:left;max-width:60px}
.cart_list ul.dropdown-cart li .item-left span.item-info{margin-left:10px;    padding: 0 10px;}
.cart_list ul.dropdown-cart li .item-left span.item-info span{display:block;    font-size: 12px;}
.cart_list ul.dropdown-cart li .item-right{float:right}
.cart_list ul.dropdown-cart li .item-right button{margin-top:0}
.cart_list .nav>li>a{position:relative;display:block;padding:35px 15px 10px;color:#fff}


.cart-pop-indi { position:relative; padding-left:60px; width: 100%; margin-bottom:10px;}
.cart_list ul.dropdown-cart li.cart-pop-indi-p .item{ padding:0;}
.cart-pop-indi img{ position:absolute; left:0; top:0; }
.updat-email .btn-danger{ border-radius:0;}
.updat-email .form-control{border-radius:0;}
/* ============== sub ============ */
.login_sec {padding: 0 0;margin:0;list-style: none;float: right;}
.login_sec li {color:#fff;text-align:left;display: inline-block;padding:8px 0;margin-right: 4px;font-size:15px;font-weight:400;text-transform: capitalize;}
.login_sec li a {color:#fff;text-align:left;display: inline-block;margin:0 0px;font-size:15px;font-weight:400;text-transform: capitalize;}
.login_sec li a i {margin-right: 5px;}
.login_sec li i {margin-right: 5px;}
.distance {margin:0 5px;}
.login_sec li a:hover {color:#ccc;text-decoration: none;}
.login_sec li:last-child {margin-right: 0;}
/* ============== sub ============ */
.sbnavbar_wrapper .login_sec li .dropdown .profile{color:#fff;text-align:left;display:inline-block;margin-right:4px;font-size:13px;font-weight:400;text-transform:capitalize;background-color:transparent;border:0}
.sbnavbar_wrapper .login_sec li ul{border-radius:0;margin-top:8px;left:auto;right:0;min-width:180px;padding:5px 5px 10px; width: 205px;}
.sbnavbar_wrapper .login_sec li ul li{color:#fff;text-align:left;display:block;padding:2px 0;margin-right:0;text-transform:capitalize;}
.sbnavbar_wrapper .login_sec li ul li a{display:block;padding:8px 15px 5px 30px;clear:both;font-size:13px;font-weight:400;line-height:1.42857143;color:#555;position:relative;border-top: 1px solid #f9f9f9;}
.sbnavbar_wrapper .login_sec li ul li:first-child a{border-top: 0 solid #f9f9f9;}
.sbnavbar_wrapper .login_sec li ul li:last-child a{}
.sbnavbar_wrapper .login_sec li ul li a:focus,.sbnavbar_wrapper .login_sec li ul li a:hover{background-color:transparent;color:#0898c3}
.sbnavbar_wrapper .login_sec li ul li a i{position:absolute;left:3px;margin-top:-2px;border:1px solid #999;width:22px;height:22px;text-align:center;line-height:22px;border-radius:100%;font-size:11px}

@media (min-width:992px){
.sbnavbar_wrapper .login_sec li:hover .profile_sec {display:block !important;}
}

/* =============================== default =============================== */

.menu_colm_thee {float:left;width:16.666666667%;}
.menu_colm_thee {float:left;width:16.666666667%;}

/* =============================== default =============================== */

.menu_wrapper{float:left;width:100%;background-color:#fff;position:relative;padding:0;border-bottom:2px solid #f5f5f5}
.menu_wrapper .navbar-default{border:0;background-color:#fff!important;}
.menu_wrapper .navbar-brand{margin:0 auto!important;float:none;height:auto;padding:0px 20px 5px 0;font-size:18px;line-height:20px;display:block;transition-duration:0.40s;min-height:95px;position:relative;width:310px;}
.mxw_logo{width:100%;max-width:300px;display:block;margin:auto;max-height:88px;position:absolute;top:50%;transform:translateY(-50%);transition-duration:0.40s;}
.menu_wrapper .mega_menu{background:#fff!important;padding:10px 0;width:900px!important;padding:25px!important;background:rgba(0,0,0,.5);max-height:470px;overflow-y:scroll;left: -212px !important;}
.mega_menu{ display:none;}
.menu_four{float:left;padding:10px 5px;width:100%;background:#fff}
.menu_fourw{float:left;padding:0;width:100%;background:#f5f5f5}
.product_head{color:#0898c3;font-size:14px;font-weight:600;padding:6px 6px 9px;margin:0 0 10px;float:left;width:100%}
.menu_wrapper .mega_menu .menu_four li a{color:#333;padding:7px 0 7px 10px;font-size:13px;display:block;font-weight:500;text-shadow:none}
.menu_wrapper .mega_menu .menu_four li a:hover{color:#F3B300;text-decoration:none}
.rder_righ{border-right:0px solid #222}
.menu_wrapper .cart_men{left: auto !important;right: 0 !important;width: 300px !important;}
.all_pro a span{color:#F3B300}
.all_pro a span i{margin-right:10px;font-size:16px}
.cart_prod{padding:0 5px!important}
.cart_prod img{position:relative;top:-1px;max-width:13px;margin-right:5px}
.cart-search{padding:40px 10px 28px!important}
.mlr{margin-left:20px}
.menu_wrapper .navbar_center{float:none;margin:auto;display:table}

/* ==================================== search ==================================== */
.menu_wrapper nav.navbar .cart_menu_s{position:absolute;top:0;right:0;max-width:250px}
.menu_wrapper nav.navbar .cart_menu_s li.dropdown ul.dropdown-menu{border-radius:0;padding:8px 20px}
.menu_wrapper nav.navbar .cart_menu_s li.dropdown ul.dropdown-menu>li a{color:#000;font-weight:600;background:#f1f1f1;padding:11px 0}
.menu_wrapper .container.pos_relative {position:relative;}
/* ==================================== search ==================================== */

.contact_form .form{width:100%;padding:10px 43px 10px 10px;background:#fff;border:1px solid rgba(0,0,0,.3);margin-bottom:0;color:#727272!important;font-size:13px;}
.contact_form .form:focus,.contact_form .form:hover{border:1px solid #FFD04E}
.cart-search .form:focus{color:#fff;outline:0}
.contact_form {width:100%;padding:5px 0;    margin: 0 -15px;}
.contact_form .search_btns{position:absolute;right:5px;padding:8px 12px;top:5px;background:#FFD04E;border:2px solid #FFD04E}
.cart_2men{left:auto!important;right:0!important}
/* ============== sub ============ */
.dsply_nn{display: block !important;}
.dsply_blc{display:none !important;}

/* =============================== default =============================== */

.affix{top:0;width:100%;z-index:999 !important;background-color:#fff!important;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);transition-duration:.1s!important}
.menu_wrapper .affix .navbar-brand{margin:0 auto!important;float:none;height:auto;padding:5px 0;min-height:66px;}
.affix .mxw_logo {max-width:260px;max-height:58px;}
.menu_wrapper nav.navbar.affix ul.nav>li>a{padding:26px 18px 20px;}
.affix .cart-search{padding:22px 10px 20px!important}
.affix .total_cart{top:6px}
.affix+.container-fluid{padding-top:70px}

/* =============================== default =============================== */

.banner_three {float: left;width: 100%;}
.banner_three {float: left;width: 33.33333337%;}
.banner_1stsc {float: left;width: 100%;padding: 5px;}
.banner_1stscw {float: left;width: 100%;position: relative;background-color: #000;overflow: hidden;}
.banner_1stscw img,.collection_figcaption,.read_btn{transition-duration:1s}
.collection_figcaption{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:0;width:100%;z-index:10;bottom:0;color:#fff;padding:2rem;text-align:center;text-transform:uppercase}
.read_btn{background-color:#0898c3;border:1px solid #0898c3;font-size:18px;font-size:1.8rem;position:relative;display:inline-block;max-width:100%;font-weight:700;padding:.8rem 3rem .6rem;background-color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.9);color:#222;letter-spacing:.2em;font-family:"Cormorant Garamond",sans-serif}
.banner_1stscw:hover .collection_figcaption{bottom:10%}
.banner_1stscw:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.1);-o-transform:scale(1.1);opacity:.7}
.banner_1stscw:hover .read_btn{background-color:#0898c3;border:1px solid #0898c3;color:#fff}
.banner_1stscw .read_btn:hover{color:#fff}

/* =============================== default =============================== */

.prod_wrapper {float: left;width: 100%;padding: 60px 0 40px;}
.sub_head{font-size:1.6rem;display:table;margin:0 auto .4em;color:#888;text-align:center;font-weight:400;letter-spacing:.1em;line-height:1.4em;position:relative}
.sub_head:before{left:-33px}
.sub_head:after{right:-30px}
.sub_head:after,.sub_head:before{content:'';display:block;position:absolute;top:12px;width:15px;height:1px;background-color:#222;opacity:.6}
.main_head{font-size:3.2rem;position:relative;margin:0;letter-spacing:.2em;    /*font-family: 'Cinzel Decorative', cursive; */text-align:center;font-weight:500;}
/* ==================================== */
.tab_content {float: left;width: 100%;padding: 20px 0 0;}
.prodct_three {float: left;width: 25%;padding: 10px;}
.prodct_threew {float: left;width: 100%;padding: 0px;background: #fff;position: relative;    border: 1px solid #F3F3F3;    overflow: hidden; box-shadow: 0 0 4px 0 rgba(0,0,0,.2);}

.wish_btn{transition:all .2s ease 0s}
.prodct_img{float:left;width:100%;position:relative;overflow:hidden;}
.sale{color:#fff;display:inline-block;position:absolute;top:15px;right:0;padding:4px 8px;font-size:12px;font-size:.8em;font-weight:600;text-transform:uppercase;line-height:1;letter-spacing:1px;background-color:#3b0049;z-index:10}
.prodct_content{border-top:0px solid #ebebeb;}
.prodct_content{float:left;width:100%;    padding: 0 14px 10px;position:relative}
.prodct_content .prod_head{color:#0898c3;font-size:13px;margin:0;float:left;width:100%;text-align:left;line-height:24px;letter-spacing: 0;}
.prodct_name{text-align:center;color:#555;display: inline-block;float: left;}
.price_new{font-weight:600; display: inline-block;text-align: center;float: right;}
.price_old{color:#808080;text-decoration:line-through;font-weight:400;    margin-left: 10px;}
/* ============== sub ============ */
.prodct_2content{float:left;width:100%;padding:10px;position:absolute;top:0;left:0;transition:all .4s ease 0s;}
.prodct_btnw{display:block;margin: 0;float: right;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);}
.wish_btn{transition:all .2s ease 0s}
.wish_btn{background:#fff;border:1px solid #fff;height:40px;line-height:40px;padding:0;text-align:center;color:#000;margin:auto 0;width:40px}
.wish_btn {font-size: 18px;color:#777;}
.wish_btn:hover {color:#0898c3;outline:none;}
.wish_btn:focus {outline:none;}
.highlight {color: #0898c3;}

/* =============================== default =============================== */

.baner_wrapper{float:left;width:100%;}
.baner_wrapper .item img{ position:relative;max-height:570px;}
figure.item{ position:relative;}
figure.item img{ position:relative; z-index:1;}
figure.item:before{ content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.4); z-index:2; }
figure.item figcaption{ padding-left:15px; position:absolute; width:45%; left:5%; color:#fff; top:25%; z-index:3;}
figure.item figcaption h1{ font-family:'Proxima Nova Bold'; font-size:50px; line-height:60px; color:#fff;}
figure.item figcaption p{ font-size:24px; font-family:'Proxima Nova Light'; line-height:32px;}
figure.item figcaption a.btn{ margin:16px 16px 16px 0; border-radius:0; padding:10px 20px; background-color:#0898c3; text-transform:uppercase;}
/* =============================== default =============================== */

.banner-imp-p{float:left;width:100%; padding:50px 0; background-color:#E0E8EC;}

/* =============================== default =============================== */
.sub-itms{padding:15px!important}
.teamImage{cursor:default;overflow:hidden;position:relative;text-align:center}
.teamImage img{transform:scale(1);transition:all .7s ease-in-out 0s}
.teamImage .teamName{background-color:rgba(8,152,195,.6);opacity:0;transition:all .5s linear 0s;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;text-align:center;-webkit-user-select:none;padding-top:20%}
.touch-device .teamImage .teamName{display:none;transition:none}
.ie8 .teamImage .teamName{display:none}
.teamImage h2{font-family:'Cinzel Decorative',cursive;margin-top:80px;opacity:0;transform:scale(0);color:#fff;transition:all .5s linear 0s;font-size:46px;font-weight:400}
.teamName p{opacity:0;transform:scale(0);color:#fff;transition:all .7s linear 0s;width:60%;margin:auto;font-size:16px}
.teamImage h3{opacity:0;transform:scale(0);color:#fff;transition:all .7s linear 0s}
.teamImage a{opacity:0;transform:scale(0);color:#fff;margin-top:15px;border-radius:0;background-color:transparent;border:1px solid #fff}
.teamImage:hover img{opacity:1;transform:scale(2)}
.teamImage:hover .teamName{opacity:1}
.touch-device .teamImage:hover .teamName{display:block}
.touch-device .teamImage:hover img{opacity:1;transform:none}
.ie8 .teamImage:hover .teamName{display:block}
.teamImage:hover a,.teamImage:hover h2,
.teamImage:hover h3,.teamImage:hover p{opacity:1;transform:scale(1)}
.teamImage:hover .socialLinksTeam{opacity:1;transform:scale(1)}
/* =============================== default =============================== */
.adbnr_wrapper {float: left;width: 100%;padding: 0;position: relative;background-color:#0898c3;overflow:hidden;}
.adbnr_wrapper img{width:100%;}
.hero,.hero_head,.hero_shead{text-align:center}
.hero{position:absolute;top:50%;left:50%;z-index:9;color:#fff;text-transform:initial;text-shadow:1px 1px 0 rgba(0,0,0,.75);-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.explre_btn{text-transform:uppercase}.hero_head{font-size:45px;margin:0 0 10px;letter-spacing:.2em;font-family: 'Cinzel Decorative', cursive;font-weight:700}
.hero_shead{font-size:15px;display:table;margin:0 auto 18px;color:#fff;font-weight:400;line-height:1.6em;font-family:Poppins,sans-serif}
.explre_btn{color:#fff;background:#0898c3;border:1px solid #0898c3;padding:10px 20px}
.adbnr_wrapper img {transition-duration:1s;opacity:.7;}
.adbnr_wrapper:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.1);-o-transform:scale(1.1);opacity:0.9;}

/* =============================== default =============================== */

.about_wrapper {float: left;width: 100%;padding: 60px 0;position: relative;background-color:#f9f9f9;}
.pos_reltv {position: relative;float: left;width: 100%;padding-top: 9%;}
.pos_reltv .main_head {text-align:left;margin: 0 0 10px;}
.prod_pra{color:#333;font-size:14px;margin:0;float:left;width:100%;text-align:left;font-weight:400;font-family:Poppins,sans-serif;line-height:24px;letter-spacing:0}

/* ========================== default ========================== */

.footer_wrapper{float:left;width:100%;padding:60px 0 50px;background-color:#202c2f;}
.bordr_btm{margin-bottom:50px;padding-bottom:40px;border-bottom:1px solid #f3f3f3}
.fetur_para{color:#f1f1f1;font-size:14px;margin-top:15px;margin-bottom:10px;text-transform:inherit;font-weight:400;line-height:29px}
.footer_subhes{font-size: 16px;letter-spacing: .30px;margin:0 0 10px;font-weight:700;text-transform:uppercase;color: #f1f1f1;text-align:left;}
.foter2_nav {padding: 0 0 0 20px;margin: 0px;list-style: none;position:relative;}
.foter2_nav li a {color: #ccc;text-align:left;font-size: 15px;margin-top: 2px;margin-bottom: 5px;text-transform: capitalize;font-weight: 600;line-height: 25px;display: block;font-family: 'Cormorant Garamond', serif;}
.foter2_nav li a:hover {color: #fff;text-decoration: none;}
.foter2_nav li a i{font-size: 14px;text-align: center;line-height: 24px;position: absolute;left: 0px;margin-top: 1px;}
.foter2_nav li a:hover {text-decoration: none;}
.accept_mxwt {max-width:180px;}

.foter2_cate {padding: 0;margin: 0px;list-style: none;position:relative;}
.foter2_cate li {padding:0 0 0 20px;display:block;position:relative;float:left;width:50%;}
.foter2_cate li a {color: #ccc;text-align:left;font-size: 15px;margin-top: 2px;margin-bottom: 5px;text-transform: capitalize;font-weight: 600;line-height: 25px;display: block;font-family: 'Cormorant Garamond', serif;}
.foter2_cate li a:hover {color: #fff;text-decoration: none;}
.foter2_cate li a i{font-size: 14px;text-align: center;line-height: 24px;position: absolute;left: 0px;margin-top: 1px;}
.foter2_cate li a:hover {text-decoration: none;}

/* ========================== default ========================== */

.coyp_prodct {float: left;width: 100%;padding: 10px 0;background:#192427;}
.foter_para {color: #ccc;font-size: 13px;margin: 0px;text-transform: capitalize;font-weight: 500;line-height: 29px;text-align: left;font-family: 'Cormorant Garamond', serif;}
.foter_para a {text-decoration:none;color: #fff;}
.foter_para a:hover {text-decoration:none;color: #fff;}
.foter_para a:focus {text-decoration:none;color: #fff;}
.payment_cms {padding:0px;margin:0;list-style:none;float:right;}
.payment_cms li {   display: inline-block;    padding: 10px 0 0;}
.payment_cms li a {color: #f1f1f1;font-size: 12px;margin-top: 2px;margin:0; text-transform: capitalize;font-weight: 400;line-height: 10px;display: block;position: relative;border-right: 1px solid #333;margin-right: 10px;padding-right:10px;font-family: 'Cormorant Garamond', serif;}
.payment_cms li a:hover {color: #fff;text-decoration: none;}
.payment_cms li:last-child a{ margin-right: 0px;padding-right:0px;border-right: 0px solid #333;}

/* ========================== default ========================== */

.prodct_wrapr {float: left;width: 100%;}
.prodct_setn {float: left;width: 100%;padding: 20px 0 20px;}
.prodct_setn .tab_content{float:left;width:100%;padding:10px 0 0}
.prodct_catgy {float: left;width: 100%;background-color:/*#0898c3*/transparent;padding:0 10px;border:0px solid #f1f1f1;}
.prodct_catgy .navbar{position:relative;min-height:auto}
.prodct_catgy .navbar-collapse{padding-right:0;padding-left:0}
.prodct_catgy .navbar-default{background-color:transparent;padding:0;border:0px solid #f1f1f1;}
/* ============== sub ============ */
.prodct_catgy .affix{position:fixed;top:66px;z-index:99!important;background:#F3F4F7!important;left:0}
/* ============== sub ============ */
.prodct_catgy_bg{background-color:#F3F4F7;padding:0 10px;border:0px solid #f1f1f1;float: left;width: 100%;}
.prodct_catgy nav.navbar li.dropdown ul.dropdown-menu{padding:5px 15px;width:250px}
.prodct_catgy .activia{color:#0898c3!important}
.prodct_catgy nav.navbar ul.nav>li,.prodct_catgy nav.navbar ul.nav>li>a{font-size:1.3rem;color:#111;letter-spacing:0;line-height:20px;position:relative;font-weight:400}
.prodct_catgy nav.navbar li.dropdown ul.dropdown-menu>li:last-child a{border-bottom:0 solid #f5f5f5}.prodct_catgy nav.navbar ul.nav>li{padding:10px 0;margin-right:15px}
.prodct_catgy nav.navbar ul.nav>li:last-child{margin-right:0}.prodct_catgy nav.navbar ul.nav>li>a{padding:12px 25px 10px;text-transform:uppercase;background-color:#fff}
.prodct_catgy nav.navbar li.dropdown ul.dropdown-menu>li a:hover,.prodct_catgy nav.navbar ul.nav>li>a:hover{color:#0898c3}
.prodct_catgy nav.navbar li.dropdown ul.dropdown-menu>li a{padding:10px 0;font-size:13px;border-bottom:1px solid #f5f5f5}
.prodct_catgy nav.navbar ul.nav>li>a i{position:relative;font-size:11px;bottom:1px;margin-left:3px}
.chiller_cb span:after,.chiller_cb span:before,.span_pseudo{content:"";display:inline-block;background:#fff;width:0;height:.2rem;position:absolute;transform-origin:0 0}
.chiller_cb{position:relative;height:2rem;display:flex;align-items:center;margin:12px 0;}
.chiller_cb input{ position:absolute; top: -1px; width: 1.75rem; opacity:0;    z-index: 2;}
.flter_text{color:#0898c3;text-transform:uppercase;font-weight:600;padding:12px 0 0;float:left}
.flter_2text{color:#0898c3;text-transform:uppercase;font-weight:600;padding:0 0 0 10px;float:left;margin:0;font-size:20px;display:none;}
.chiller_cb input:checked~span{background:#0898c3;border-color:#0898c3}
.chiller_cb input:checked~span:before{width:1rem;height:.15rem;transition:width .1s;transition-delay:.3s;}
.chiller_cb input:checked~span:after{width:.5rem;height:.15rem;transition:width .1s;transition-delay:.2s}
.chiller_cb input:disabled~span{background:#ececec;border-color:#dcdcdc}
.chiller_cb input:disabled~label{color:#dcdcdc}
.chiller_cb input:disabled~label:hover{cursor:default}
.chiller_cb label{padding-left:2rem;position:relative;z-index:2;font-weight:400;font-size:13px;cursor:pointer;margin-bottom:0}
.chiller_cb span{display:inline-block;width:1.2rem;top:1px;height:1.2rem;border:2px solid #ccc;position:absolute;left:0;transition:all .2s;z-index:1;box-sizing:content-box}
.chiller_cb span:before{transform:rotate(-55deg);top:1rem;left:.37rem}
.chiller_cb span:after{transform:rotate(35deg);bottom:.35rem;left:.2rem}
/* ============== sub ============ */
.cntct_2form{float:left;width:100%;margin:0;padding:10px 7px}
.prodct_catgy nav.navbar li.dropdown ul.dropdown-menu.pdngnn_frm{padding-left:0!important;padding-right:0!important}
.col_forma{width:39%;float:left;padding:0 5px}
.col_formc{width:3%;float:left;}
.col_formc span{padding:7px 0;text-align:center; display: block;}
.col_formb{width:18%;float:left}
.cntct_2form .form,.go_btn{width:100%;height:35px;font-size:13px}
.cntct_2form .form:focus,.cntct_2form .form:hover{border:1px solid #333}
.cntct_2form .form{padding:6px 10px;background:#fff;border:1px solid rgba(0,0,0,.3);margin-bottom:0;color:#727272!important;font-weight:400}
.go_btn{padding:5px 0;border:0;background:#0898c3;color:#fff}

/* =============================== default =============================== */

.value{position:absolute;top:30px;left:50%;margin:0 0 -20px;width:40px;text-align:center;display:block;font-weight:400;font-size:14px;color:#333}
.price-range-both,.price-range-max,.price-range-min{display:none}
.price-range-both.value{width:100px;margin:0 0 0 -50px;top:26px}
.value i{font-style:normal}

/* =============================== default =============================== */

.login_modal .modal-content{border-radius:0}
.login_modal .modal-body{position:relative;padding:0}
.col_fullw{width:100%;display:inline-flex}
.col_md6a,.col_md6b{width:50%;float:left}
.col_md6a{background:url(../images/login-img.jpg) center no-repeat;background-size:cover;}
.col_md6b{padding:30px}
.col_md6b .close{width:35px;height:35px;line-height:30px;position:absolute;right:0;color:#0898c3;opacity:.7;top:0;text-align:center;font-size:20px;z-index:1046;display:block;outline:0;padding:0;border:0}
.col_md6b .close:hover{color:#0898c3;opacity:1}
@media (min-width:992px){.login_modal .modal-dialog{width:700px;margin:30px auto}}

/* =============================== default =============================== */

.login_form {float:left;width:100%}
.form-btn,.login_header{text-transform:uppercase}
.login_header {font-size:22px;margin-top:0;margin-bottom:20px;line-height:1.2em;font-weight:700;color:#3b0049;font-family:"Cormorant Garamond",sans-serif}
.login_form .form{width:100%;padding:15px;background:#fff;border:1px solid rgba(0,0,0,.4);margin-bottom:15px;color:#727272!important;font-size:13px;transition-duration: 0.40s;}
.login_form .form-btn,.login_form .form:focus,.login_form .form:hover{border:1px solid #3b0049}
.login_form .form:focus{color:#fff;outline:0}
.login_form .form-btn{display:inline-block;height:40px;padding:0 30px;background-color:#3b0049;color:#fff;font-weight:600;margin-bottom:2rem;letter-spacing:.1em;font-size:13px}
.login_form .form-btn:hover{background:#111;color:#fff}
.login_form .form-btn:active{opacity:.9}
/* ============== sub ============ */
.col_md6b .nav-tabs {float: left;width: 100%;border-bottom: 0 solid #ddd;}
.col_md6b .nav-tabs li{float:left;margin-bottom:-1px;display:block;width:100%}
.col_md6b .nav-tabs>li.active>a,
.col_md6b .nav-tabs>li.active>a:focus,
.col_md6b .nav-tabs>li.active>a:hover{color:#FF8D00;cursor:default;background-color:transparent;border:0 solid #ddd;border-bottom-color:transparent}
.col_md6b .nav-tabs>li.active>a{display:none}
.col_md6b .nav-tabs>li>a{margin-right:2px;padding:0;line-height:1.42857143;border:0 solid transparent;display:inline-block;border-radius:0;color:#FF8D00;font-size: 13px;}
.col_md6b .nav-tabs li a span{color:#111}
.col_md6b .nav-tabs>li>a:hover{border:0}
.col_md6b .nav>li>a:focus,
.col_md6b .nav>li>a:hover{text-decoration:none;color:#3b0049;background-color:transparent}
.col_md6b .nav-tabs li a:hover span{color:#3b0049}

/* =============================== default =============================== */

.login_wrapr {float:left;width:100%;padding: 40px 0;background:url(../images/login-bg.png) center no-repeat;background-size:cover;height: 80vh;position:relative;}
.login_pgsec{width:400px;float:left;padding:30px;background-color:#fff;position:absolute;top:50%;left:22%;z-index:3;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);text-shadow:0;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.login_wrapr {float:left;width:100%}
.login_wrapr .form-btn,.login_wrapr .login_header{text-transform:uppercase}
.login_wrapr .login_header {font-size:22px;margin-top:0;margin-bottom:20px;line-height:1.2em;font-weight:700;color:#3b0049;font-family:"Cormorant Garamond",sans-serif}
.login_wrapr .form{width:100%;padding:15px;background:#fff;border:1px solid rgba(0,0,0,.4);margin-bottom:15px;color:#727272!important;font-size:13px;transition-duration: 0.40s;}
.login_wrapr .form-btn,.login_wrapr .form:focus,.login_wrapr .form:hover{border:1px solid #3b0049}
.login_wrapr .form:focus{color:#fff;outline:0}
.login_wrapr .form-btn{display:inline-block;height:40px;padding:0 30px;background-color:#3b0049;color:#fff;font-weight:600;margin-bottom:0px;letter-spacing:.1em;font-size:13px}
.login_wrapr .form-btn:hover{background:#111;color:#fff}
.login_wrapr .form-btn:active{opacity:.9}
/* ============== sub ============ */

.login_2form{float:left;width:100%;}
.login_2form label.customradio {cursor:pointer;margin-bottom:10px;}
.login_2form label.customradio .radiotextsty{margin-left:10px;position:relative;bottom:2px;}


/* ============== sub ============ */

.login_pgsec .nav-tabs {float: left;width: 100%;border-bottom: 0 solid #ddd;}
.login_pgsec .nav-tabs li{float:left;margin-bottom:-1px;display:block;width:100%}
.login_pgsec .nav-tabs>li.active>a,
.login_pgsec .nav-tabs>li.active>a:focus,
.login_pgsec .nav-tabs>li.active>a:hover{color:#FF8D00;cursor:default;background-color:transparent;border:0 solid #ddd;border-bottom-color:transparent}
.login_pgsec .nav-tabs>li.active>a{display:none}
.login_pgsec .nav-tabs>li>a{margin-right:2px;padding:10px 0 0;line-height:1.42857143;border:0 solid transparent;display:inline-block;border-radius:0;color:#111;font-size: 13px;}
.login_pgsec .nav-tabs li a span{color:#111}
.login_pgsec .nav-tabs>li>a:hover{border:0}
.login_pgsec .nav>li>a:focus,
.login_pgsec .nav>li>a:hover{text-decoration:none;color:#3b0049;background-color:transparent}
.login_pgsec .nav-tabs li a:hover span{color:#3b0049}
/* ============== sub ============ */
.login_pgsec .forget_form .nav-tabs li{float:left;margin-right:5px;display:inline-block;width:auto}
.login_pgsec .forget_form .nav-tabs li.active a{color:#3b0049}
.login_pgsec .forget_form .nav-tabs li a .forget_or{color:#FF8D00}
.login_pgsec .forget_form .nav-tabs>li>a{margin-right:2px;padding:0 0 10px;border:0 solid transparent;display:inline-block;border-radius:0;color:#555;font-size:13px}
.forget_form input[type=checkbox],.forget_form input[type=radio]{margin:3px 0 0}

/* =============================== default =============================== */

.prdctd_wrapr {float:left;width:100%;background:#fff;}

/* ============== sub ============ */
nav.navbar ul.nav.cart_menu_s>li>a{padding:40px 18px 35px!important}
.menu_wrapper nav.navbar.affix ul.nav.cart_menu_s>li>a{padding:23px 18px 20px!important}
.menu_wrapper nav.navbar ul.nav.cart_menu_s li .contact_form .search_btns {top:13px;}
/* ============== sub ============ */
.prdctd_wrapr .carousel-inner{position:relative;width:100%;overflow:hidden;background:#fff;border:2px solid #ccc}
.carousel-control.left,.carousel-control.right{background-image:none!important;background-repeat:repeat-x}
.prdctd_wrapr .carousel-control{top:50%;width:50px;font-size:20px;color:#fff;text-align:center;background:#fff;height:50px;margin-top:-25px;border:1px solid #ccc;border-radius:50%}
.prdctd_wrapr .carousel-control .glyphicon-chevron-left,
.prdctd_wrapr .carousel-control .glyphicon-chevron-right{width:30px;height:30px;font-size:22px;margin-top:-12px;color:#ccc;left:50%;margin-left:-15px}
.prdctd_wrapr .carousel-control.right{right:0;left:auto}
.prdctd_wrapr .carousel-control.left{left:0;right:auto}
#carousel-example-generic{margin:20px auto;width:100%}
#carousel-custom{margin:0;width:100%}
#carousel-custom .carousel-indicators{margin:5px 0 0;position:static;text-align:left;white-space:nowrap;width:100%;overflow:hidden}
#carousel-custom .carousel-indicators li{background-color:transparent;-webkit-border-radius:0;border-radius:0;display:inline-block;height:auto;margin:0!important;width:24%}
#carousel-custom .carousel-indicators li img{display:block;padding:10px;opacity:.5}
#carousel-custom .carousel-indicators li.active img{opacity:1;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2)}
#carousel-custom .carousel-indicators li:hover img{opacity:.75}
#carousel-custom .carousel-outer{position:relative}
.prdctd_wrapr .carousel-indicators li img{max-width:100%}
/* ============== sub ============ */
/*.zoom{position:relative}
.zoom:after{content:'';display:block;width:33px;height:33px;position:absolute;top:0;right:0;background:url(icon.png)}
.zoom img{display:block;max-width:100%}
.zoom img::selection{background-color:transparent}
#ex2 img:hover{cursor:url(grab.cur),default}
#ex2 img:active{cursor:url(grabbed.cur),default}*/
/* ============== sub ============ */
.prdctd_contnt {float:left;width:100%;padding:0 0;}
.prdctd_contnt .login_header{text-transform:capitalize;font-size:26px;margin-top:0;margin-bottom:0px;line-height:1.2em;font-weight:700;color:#3b0049;}
.sub_proheed{text-align:left;color:#333;margin:0;font-weight:400;font-family:'Playfair Display',serif;font-size:13px;line-height:24px;letter-spacing:0}
.prdctd_sprtr {float:left;width:100%;padding:13px 0;position:relative;}
.prdctd_sprtr:after,.prdctd_sprtr:before{content:"";position:absolute;left:0;z-index:9;margin-top:0;border:0;height:1px;width:100%;float:left}
.prdctd_sprtr:before{top:0;background:#CB356B;background:-webkit-linear-gradient(to right,#0898c3,#fff);background:linear-gradient(to right,#0898c3,#fff)}
.prdctd_sprtr:after{bottom:0;background:#CB356B;background:-webkit-linear-gradient(to right,#0898c3,#fff);background:linear-gradient(to right,#0898c3,#fff)}
.prdctd_sprtr h4{margin:0}
.prdctd_sprtr .price_new{font-weight:600;display:inline-block;text-align:center;float:left;color:#0898c3}
.prdctd_sprtr .price_old{font-size:14px}	
/* ============== sub ============ */
.prdctd_2sprtr {float:left;width:100%;padding:5px 0 0;position:relative;}
.respn_btn {}
.prdctd_2sprtr:after{content:"";position:absolute;left:0;bottom:0;z-index:9;border:0;height:1px;width:100%;float:leftbackground:#CB356B;background:-webkit-linear-gradient(to right,#0898c3,#fff);background:linear-gradient(to right,#0898c3,#fff)}
.prdctd_2sprtr .sub_proheed {color:#333;margin-bottom:5px;font-size:13px;font-family: 'Poppins', sans-serif;font-weight:500;}
.prdctd_2sprtr .sub_proheed .spn_colr {color:#0898c3;}
.prdctd_2sprtr .tabbable-panel{float:left;width:100%;padding:10px 0 0;position:relative}
.prdctd_2sprtr .nav-tabs{border-bottom:1px solid #0898c3;padding:5px 5px 0;background:#f5f5f5}
.prdctd_2sprtr .nav-tabs>li>a{border:0;font-weight:500;font-size:14px;border-radius:0;font-family: 'Poppins', sans-serif;margin-right:0;color:#000;padding:13px 15px 10px;}
.prdctd_2sprtr .nav>li>a:hover{text-decoration:none;background-color:#E0E0E0}
.prdctd_2sprtr .nav-tabs>li.active>a,
.prdctd_2sprtr .nav-tabs>li.active>a:focus,
.prdctd_2sprtr .nav-tabs>li.active>a:hover{color:#0898c3;cursor:default;background-color:#fff;border:1px solid #0898c3;border-bottom-color:transparent;}
.prdctd_2sprtr .tab-content{float:left;width:100%;padding:20px 0 10px;position:relative}
.prdctd_2sprtr .tab-content .sub_proheed{ margin: 0;float:left;}
.prdctd_2sprtr .tab-content .sub_proheed span{padding:10px 0 0;float:left;margin-right:10px}
.dropdwm_syl{padding:10px;font-size:13px;    min-width: 180px;}
.custm_table .dropdwm_syl{min-width:100%;width:100%}
.colmd_seven {float:left;width:65%;}
.colmd_five {float:left;width:35%;}
.dalivery_bt{ padding: 8px 0px 8px 15px; margin: 0; background:#0898c3; border: 1px solid #0898c3; color: #fff; font-weight: 500; }
.dalivery_bt span { background: #000; padding: 7px 6px 7px;  position: relative; right: -6px; }


.responsive-img{ width:100%;}
#pop-login-wishlist .modal-body, #pop-login-cart .modal-body{ line-height:0;}
/* ============== sub ============ */
.buynw_buton{padding:10px 25px;border:0;float:left;margin-right:15px;background:#0898c3;color:#fff;margin-top:0}
.buynw_buton img{position:relative;bottom:2px;margin-left:5px}
.prdctd_2sprtr .sub2_proheed{color:#333;font-size:13px;font-family:Poppins,sans-serif;font-weight:500;line-height:24px;margin:9px 0 0;letter-spacing:0}
.prdctd_2sprtr .sub2_proheed .spn2_colr{color:#0898c3;margin-left:5px}
.prdctd_2sprtr .sub2_proheed .spn2_colr i{font-size:13px;padding:0;bottom:1px;text-align:center;position:relative;margin-right:6px}
/* ============== sub ============ */
.karet_select {float:left; width: auto; padding:0 0;}
.prdctd_2sprtr .karet_select .nav-tabs{border-bottom:0 solid #0898c3;padding:0;background:0 0}
.prdctd_2sprtr .karet_select .nav-tabs>li>a{transition:all .2s ease 0s;background:#fff;padding:10px 0;text-align:center;margin:auto 10px 0 0;font-size:18px;color:#333;border:2px solid #999;width:60px;height:60px;line-height:20px;border-radius:100%}
.prdctd_2sprtr .karet_select .nav-tabs>li>a:hover{border:2px solid #0898c3}
.prdctd_2sprtr .karet_select .nav-tabs>li>a:hover i{color:#0898c3}
.prdctd_2sprtr .karet_select .nav-tabs>li>a:hover .karet_text{color:#222}
.prdctd_2sprtr .karet_select .nav-tabs>li.active>a,
.prdctd_2sprtr .karet_select .nav-tabs>li.active>a:focus,
.prdctd_2sprtr .karet_select .nav-tabs>li.active>a:hover{color:#0898c3;cursor:default;background-color:transparent;border:2px solid #0898c3;border-bottom-color:#0898c3}
.prdctd_2sprtr .karet_select .nav-tabs>li.active>a i,
.prdctd_2sprtr .karet_select .nav-tabs>li.active>a:focus i,
.prdctd_2sprtr .karet_select .nav-tabs>li.active>a:hover i{color:#0898c3}
.karet_select .karet_text{font-size:12px;color:#777}
.prdctd_2sprtr .karet_select .nav-tabs>li.active>a .karet_text,
.prdctd_2sprtr .karet_select .nav-tabs>li.active>a:focus .karet_text,
.prdctd_2sprtr .karet_select .nav-tabs>li.active>a:hover .karet_text{color:#222}

.n-dtl-p{ padding-top:5px; padding-bottom:5px;}
.prdctd_2sprtr .tab-content .n-dtl-p h4.sub_proheed span{    padding: 20px 0 0;}
.dia-list li label{ margin-bottom:0; padding-top:10px;}
.dtls-btns{padding: 5px 0 5px !important;}
#spanApproAmt h6{ margin-bottom:0;}
.prdctd_2sprtr-n .tab-content{    padding: 10px 0 10px;}
.prdctd_2sprtr.prdctd_2sprtr-n .tabbable-panel{ padding:0;}

.badge { padding: 5px 10px !important;font-size: 11px !important; background-color: #0898c3 !important; }
/* ============== sub ============ */
.karet_sec {float:left;width:40%;color: #0898c3;    line-height: 22px;}
.plus_sec{float:left;width:20%;display:block;padding:12px 0}
.plus_sec p{text-align:center;margin:0;color: #222;    font-size: 15px;}
.size_sec{float:left;width:40%}
.size_text{font-size:14px;color:#0898c3}
.aply_butn{background:#000;font-size:12px;width:100%;border:0;padding:6px 0 7px;color:#fff;margin-top:7px}
.aply_butn:hover{background:#0898c3}
.aply_butna {background:#0898c3 !important;}
/* ============== sub ============ */
.karet_sider{transition:all .2s ease 0s;background:#fff;padding:10px 5px 5px;text-align:center;margin:auto 10px 10px 0;font-size:18px;color:#333;border:2px solid #999;width:100%;height:auto;line-height:20px;border-radius:0;float:left;}
.karet_sider:hover{border:2px solid #0898c3}
.karet_sider:hover i{color:#0898c3}
.karet_sider:hover .karet_text{color:#222}
.karet2_select .karet_text{font-size:12px;color:#777}
/* ============== sub ============ */
.prdctd_3sprtr {float:left;width:100%;padding:13px 0;position:relative;}
.prdctd_3sprtr .main_head{text-align:left;    font-size: 25px;letter-spacing: 0;}
/* ============== sub ============ */
.prdctd_3sprtr .panel-group{padding-top:20px}
.prdctd_3sprtr .panel-default{border-radius:0;border:none;background:0 0;margin-bottom:0;padding-bottom:0}
.prdctd_3sprtr .panel-default>.panel-heading{border:0;border-bottom:transparent;background:0 0;padding:0}
.prdctd_3sprtr .panel-default>.panel-heading+.panel-collapse .panel-body{border:1px solid rgba(0,0,0,.125);border-top:transparent;padding:20px}
.prdctd_3sprtr .panel-default h5{font-size:14px;font-weight:400;padding:0;margin:0}
.prdctd_3sprtr .panel-group .panel+.panel{margin-top:10px}
.prdctd_3sprtr .panel-default .accordion-toggle:before{content:"";width:21px;height:21px;float:right;display:inline-block;background:url(../images/toggle-icons.png) 6px 10px no-repeat #0898c3;border-radius:50%;margin-left:10px;position:relative;top:-2px}
.prdctd_3sprtr .panel-default .collapsed:before{background:url(../images/toggle-icons.png) 6px -148px no-repeat #444}
.prdctd_3sprtr .panel-default .panel-title:hover .collapsed:before{background-color:#0898c3}
.prdctd_3sprtr .panel-default .accordion-toggle,
.prdctd_3sprtr .panel-default .accordion-toggle:active,
.prdctd_3sprtr .panel-default .accordion-toggle:focus,
.prdctd_3sprtr .panel-default .accordion-toggle:hover{color:#0898c3;display:block;text-decoration:none;border:1px solid rgba(0,0,0,.125);background:rgba(0,0,0,.03);padding: 10px;}
.prdctd_3sprtr .panel-default .collapsed{color:#444}
/* ============== sub ============ */
.karet_2three,.karet_three{float:left;text-align:center}
.karet_2three,.karet_2three span,.karet_three{text-align:center}
.karet_three{margin-left:3px;margin-right:3px;margin-top:7px;width:auto;border:2px solid #0898c3;padding:7px 15px}
.karet_2three{font-size:20px;padding:0 3px;font-weight:600;line-height:74px}
.karet_1dtal,.karet_2dtal{font-size:12px;display:block;color:#777}
.n-p-dtl-method{ display:inline-block !important;}
.karet_1dtal{padding-bottom:6px;border-bottom:1px solid #ccc;margin-bottom:6px}
.prdctd_3sprtr .panel-body .sub_proheed{color:#333;margin-bottom:5px;font-size:13px;font-family:Poppins,sans-serif;font-weight:500}
.prdctd_3sprtr .panel-body .sub_proheed .spn_colr{color:#0898c3}
.prdctd_3sprtr .panel-body .table{width:100%;max-width:100%;margin-bottom:5px}
.prdctd_3sprtr .table-bordered>tbody>tr>td, .prdctd_3sprtr .table-bordered>thead>tr>th {font-size:13px;}
.pdngnn {padding-left:0 !important;padding-right:0px !important;}
/* ============== sub ============ */
.recnp_wrapr {float:left;width:100%;padding: 10px 0 40px;}
.renctp_three {float: left;width: 100%;padding: 15px;}

/* =============================== owl-carousel =============================== */

.shpng_wrapr {float:left;width:100%;padding: 30px 0;}
.colmn_ten {width: 88%;display: block; margin: auto;}
.img_align {width: 65px;}
.thmbnl_sect {padding:10px 0;}
.thmbnl_cstm{float:left;display:block;padding:4px;margin-right:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
.table_pname { margin-top:0;font-size: 18px;color:#0898c3;    letter-spacing: -1px;}
.table_h5para {font-size:12px;color:#222;    font-family: Poppins,sans-serif;line-height: 18px;}
.enq-id{ margin-top:0;}
.table_h52p {font-size:13px;color:#222;text-align:right;}
.table_h5pspan {color:#0898c3;}
.qry_syl{padding:7px 0;font-size:13px;max-width:70px}
.remove_btn{color:#ff0000ba;background-color:transparent;padding:0;font-size:20px;cursor:pointer;border:0;border-radius:4px;float:right;outline:none;}
.check_btn,.cntus_btn{padding:9px 8px;margin-bottom:0;font-size:13px;font-weight:400;cursor:pointer}
.remove_btn:hover{color:#0898c3}
.remove_btn span{position:relative;top:2px}
.check_btn{color:#fff;background-color:#0898c3;border:1px solid #0898c3;border-radius:4px;min-width:105px;float:right;}
.cntus_btn{color:#222;background-color:#fff;border:1px solid #222;border-radius:4px;min-width:180px;display:inline-block;float:right;margin-right:10px}
.cntus_btn:hover {color: #fff;background-color: #0898c3;border: 1px solid #0898c3;}
.colm_wdth {min-width: 160px;}
/* ============== sub ============ */
.cart_heder{float:left;width:100%;border-bottom:2px solid #DDD;border-top:2px solid #DDD;padding:12px 0}
.cart_prdt,.cart_tatal{border-bottom:1px solid #ddd;float:left;width:100%}
.cart_header{font-size:15px;margin:0;font-weight:600;line-height:21px;}
.cart_2header{font-size:15px;margin:0;font-weight:600;text-align:right;}
.cart_prdtw{float:left;width:100%}
.cart_prdt{padding:10px 0}
.cart_tatal{padding:12px 0}
.table_atoatl{font-size:13px;color:#222;text-align:left;margin:0;}
.table_btoatl{font-size:13px;color:#222;text-align:right;margin:0;}
.cart_total{font-size:24px;text-align:left;margin:0}
.cart_btotal{font-size:24px;text-align:right;margin:0}
.cart_button{float:left;width:100%;padding:10px 0}
/* ============== sub ============ */
.stepwizard{display:table;width:100%;position:relative;margin:25px 0}
.stepwizard-step p{margin-top:10px}
.stepwizard-row{display:table-row}
.stepwizard-step button[disabled]{opacity:1!important;filter:alpha(opacity=100)!important}
.stepwizard-row:before{top:31px;bottom:0;position:absolute;content:" ";width:100%;height:2px;background-color:#ccc;z-order:0}
.btn_circle,.btn_success{width:56px;height:56px;opacity:1!important;padding:6px 12px;margin-bottom:0;font-weight:400}
.stepwizard-step{display:table-cell;text-align:center;position:relative}
.btn_success{color:#fff;background-color:#5cb85c;display:inline-table;font-size:14px;margin-top:0;border-radius:35px;border:2px solid #ccc!important;box-shadow:inset 0 0 0 3px #fff!important}
.btn_success span{font-size:22px;display:table-cell;vertical-align:middle}
.btn_circle{text-align:center;background:#fff;display:inline-table;border-radius:35px;border:2px solid #ccc !important;font-size:14px}
.btn_circle span{font-size:22px;display:table-cell;color:#333;vertical-align:middle}
/* =============================== default =============================== */

.shipng_wrapr,.shpngc_wrapi,.shpngc_wrapr{float:left;width:100%}
.shipng_wrapr{padding:30px 0;background-color:#f5f5f5}
.shpngc_wrapr{padding:0;position:relative}
.shpngc_wrapi{padding:25px 20px 20px;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.shpngc_wrapr .main_head{text-align:left;font-size:25px;letter-spacing:0}

/* ============== sub ============ */
.shpngc_wrapr .panel-group{padding-top:0}
.shpngc_wrapr .panel-default{border-radius:0;border:none;background:0 0;margin-bottom:0;padding-bottom:0}
.shpngc_wrapr .panel-default>.panel-heading{border:0;border-bottom:transparent;background:0 0;padding:0}
.shpngc_wrapr .panel-default>.panel-heading+.panel-collapse .panel-body{border:1px solid rgba(0,0,0,.125);border-top:transparent;padding:20px;background:#fff;}
.shpngc_wrapr .panel-default h5{font-size:14px;font-weight:400;padding:0;margin:0}
.shpngc_wrapr .panel-group .panel+.panel{margin-top:10px}
.shpngc_wrapr .panel-default .accordion-toggle:before{content:"";width:21px;height:21px;float:right;display:inline-block;background:url(../images/toggle-icons.png) 6px 10px no-repeat #0898c3;border-radius:50%;margin-left:10px;position:relative;top:-2px}
.shpngc_wrapr .panel-default .collapsed:before{background:url(../images/toggle-icons.png) 6px -148px no-repeat #000}
.shpngc_wrapr .panel-default .panel-title:hover .collapsed:before{background-color:#0898c3}
.shpngc_wrapr .panel-default .accordion-toggle,
.shpngc_wrapr .panel-default .accordion-toggle:active,
.shpngc_wrapr .panel-default .accordion-toggle:focus,
.shpngc_wrapr .panel-default .accordion-toggle:hover{color:#fff;display:block;text-decoration:none;border:1px solid rgba(0,0,0,.125);background:#0898c3;padding:13px 10px;font-weight:600;font-family:Poppins,sans-serif}
.shpngc_wrapr .panel-default .collapsed{    color: #0898c3; background: #fff;}
/* ============== sub ============ */
.spng_adrs {float:left;width:100%;padding:0;}
.spng_adrs .slds-form-element__control{float:left;width:100%;border:1px solid #e5e5e5;padding:13px 6px;    position: relative;}
.spng_adrs .slds-radio{float:left;width:100%;padding:13px 35px 0px 30px;position: relative;cursor:pointer;}
.spng_adrs .slds-form-element__label{float:left;width:100%;}
/* ============== sub ============ */
.shpng_name,.shpng_para{text-align:left;font-family:Poppins,sans-serif}
.shping-form .form,.shpng_name,.shpng_para{font-family:Poppins,sans-serif}
.shpng_name{font-size:14px;color:#222;margin:0 0 10px}
.shpng_para{font-size:13px;color:#555;margin:0;font-weight:400;line-height:22px}
.edit2_Adres,.edit_Adres{color:#198BEC!important;cursor:pointer}
.adrs_nmbrer{margin-left:15px}
.span_rdio_mb{margin-bottom:10px}
.spng_adrs input[type=radio]{margin:2px 0 0;margin-top:1px\9;line-height:normal;position:absolute;left:9px}
.adress_nine{width:85%;float:left}
.adress_three{width:15%;float:left}
.edit_Adres{float:right;display:none;    position: absolute;right: 0;z-index:99;}
.edit2_Adres{float:left;margin-left:20px;padding:10px 0}
.collapse_florm{float:left;width:100%;padding:15px;background-color:#F5F5F5; display:none;}
.deliver-here:hover {text-decoration: none; color: #fff;}
.shping-form{float:left}
.shping-form .form{width:100%;padding:12px 10px 9px;background:#fff;font-weight:500;border:1px solid rgba(0,0,0,.4);margin-bottom:15px;color:#727272!important;font-size:12px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;border-radius:0}
::-webkit-input-placeholder{color:#555}
::-moz-placeholder{color:#555}
:-ms-input-placeholder{color:#555}
:-moz-placeholder{color:#555}
.shping-form .form:hover{border:1px solid #222}
.shping-form .form:focus{color:#fff;outline:0;border:1px solid #222}
.shping-form .textarea{height:120px;max-height:120px;max-width:100%}
.shping-form .form-btn{display:block;height:auto;padding:11px 25px 12px;color:#fff;background:#0898c3;border:none;border-radius:3px;outline:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;margin:auto;box-shadow:0 1px 4px rgba(0,0,0,.1);-moz-box-shadow:0 1px 4px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);float:left;font-size:13px}
.spng_adrs .form-btn:hover{background:#111;color:#fff;border:none}
.spng_adrs .form-btn:active{opacity:.9}
.spng_adrs [type=radio]:checked,
.spng_adrs [type=radio]:not(:checked){position:absolute;left:-9999px}
.spng_adrs [type=radio]:checked+label,
.spng_adrs [type=radio]:not(:checked)+label{position:relative;padding-left:5px;cursor:pointer;line-height:20px;display:inline-block;color:#666}
.spng_adrs [type=radio]:checked+label:before,
.spng_adrs [type=radio]:not(:checked)+label:before{content:'';position:absolute;left:-24px;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff}
.spng_adrs [type=radio]:checked+label:after,
.spng_adrs [type=radio]:not(:checked)+label:after{content:'';width:12px;height:12px;background:#0898c3;position:absolute;top:3px;left:-21px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}
.spng_adrs [type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.spng_adrs [type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.ctnshpg_btn {}

.cnfrm_prdtw [type=radio]:checked,
.cnfrm_prdtw [type=radio]:not(:checked){position:absolute;left:-9999px}
.cnfrm_prdtw [type=radio]:checked+label,
.cnfrm_prdtw [type=radio]:not(:checked)+label{position:relative;padding-left:5px;cursor:pointer;line-height:20px;display:inline-block;color:#666}
.cnfrm_prdtw [type=radio]:checked+label:before,
.cnfrm_prdtw [type=radio]:not(:checked)+label:before{content:'';position:absolute;left:-24px;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff}
.cnfrm_prdtw [type=radio]:checked+label:after,
.cnfrm_prdtw [type=radio]:not(:checked)+label:after{content:'';width:12px;height:12px;background:#0898c3;position:absolute;top:3px;left:-21px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}
.cnfrm_prdtw [type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.cnfrm_prdtw [type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

/* =============================== default =============================== */

.amps_align {width:100%;height:428px;}

/* =============================== default =============================== */

.shpng_prdctw{float:left;width:100%;background-color:#fff;position:relative;padding:25px 20px;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.shpng_prdctw .clode_btn{color:#0898c3;font-size:12px;margin-top:4px;display:inline-block}
.shpngc_prdct {float:left;width:100%;padding:0;border:1px solid #e5e5e5}
.shpngc_image {float:left;width:30%;padding:10px}
.shpngc_cntnt {float:left;width:70%;padding:10px 10px 12px;border-left:1px solid #e5e5e5}
.shpngc_imglg {width:100%}
.shpngc_cntnt .login_header{text-transform:capitalize;font-size:22px;margin:0 0 5px;line-height:1.2em;font-weight:700;color:#3b0049}
.shpngc_cntnt h4{margin:0 0 10px;font-size:16px}
.shpngc_cntnt h4 .price_new{font-weight:600;margin:0;display:inline-block;text-align:center;float:none}
.shpngc_cntnt .table_h5para{margin:8px 0 0;font-size:12px}
.shpngc_mrbtm {margin-bottom:10px;}

/* ============== sub ============ */
.cnfrm_prdct {float:left;width:100%;padding:15px;background-color:#fff;position:relative}
.cnfrm_prdtw {float:left;width:100%;padding:15px;background-color:#fff;border:1px solid #e5e5e5;position:relative;}
.shpng_adres {color:#0898c3;font-size:20px;display:block;font-weight:600;margin:0 0 10px;font-family:Poppins,sans-serif}
.cnfrm_prdtw .shpng_para {font-size:12px;}
.cnfrm_prdtw .check_btn{float:none;padding:9px 20px;margin-bottom:12px}
.colmn_thees{float:left;width:auto;position:relative;padding:10px 20px 20px 15px}
.colmn_thees [type=radio]:checked,.colmn_thees [type=radio]:not(:checked){position:absolute;left:0;display:none}
.colmn_thees [type=radio]:checked+label:before,.colmn_thees [type=radio]:not(:checked)+label:before{left:-18px}
.colmn_thees [type=radio]:checked+label:after,.colmn_thees [type=radio]:not(:checked)+label:after{left:-15px}
.colmn_thees .shpng_name{font-size:14px;color:#222;margin:3px 0 0}
.colmn_thees .disabled_btn .shpng_name{color:#999}

/* =============================== default =============================== */

.profile_sec {float:left;width:100%;padding:20px 0;background: #f5f5f5;}
.profile_sec .shpng_adres{text-transform:uppercase;font-size:18px;margin:0 0 15px}
.profl_three{float:left;width:30%;padding:0 15px;}
.profl_threw{float:left;width:100%;padding:25px 20px;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.profl_navbr{padding:0;margin:0;list-style:none}
.profl_navbr li{position:relative;padding:0 0 0 33px;border-top:1px solid #f1f3f6;color:#666;}
.profl_navbr li i{position:absolute;left:0;margin-top:7px;border:1px solid #666;width:25px;height:25px;text-align:center;line-height:25px;border-radius:100%;font-size:11px}
.profl_navbr li a{font-size:14px;color:#666;display:block;padding:10px 0}
.profl_navbr li.prf_activea a,.profl_navbr li.prf_activea a i,.profl_navbr li.prf_activea i,.profl_navbr li:hover a i,.profl_navbr li:hover i{color:#0898c3}
.profl_navbr li:last-child a{padding-bottom:0}
.profl_navbr li a i{position:absolute;left:auto;margin-top:0;border:0;width:auto;height:auto;text-align:center;line-height:22px;border-radius:100%;font-size:16px;right:0}
.profl_navbr li:hover a{color:#0898c3;text-decoration:none}
/* ============== sub ============ */
.profl_seven{float:left;width:70%;padding:0;}
.profl_sevew{float:left;width:100%;padding:20px 15px;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);position:relative;}
.profl_2evew{float:left;width:100%;padding:10px 15px 10px;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);position:relative;}
.edit_profl2,.edit_profle{position:relative;z-index:99;display:inline;text-transform:capitalize;font-size:13px;float:right;color:#0898c3}
.edit_profle{margin-left:20px;padding:6px 15px;background:#f1f1f1;border-radius:3px;bottom:7px}
.edit_profl2{margin-left:40px;bottom:2px}

.profile_sec .shpng_adres.order-head{ margin-top:7px; margin-bottom:0;}
.cart_header.order-header{ font-size:12px;}
.cart_heder .dropdown button{ font-size:12px !important;}
.return-request{ text-align:right !important; font-size:12px;    line-height: 17px;}
.return-request .error{text-align:right !important; font-size:12px;    line-height: 17px;}
/* ============== sub ============ */
.cnfrm_newsc fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    display: table;
    margin: auto;
}
.cnfrm_newsc .colmn_thees {
    float: none;
    width: auto;    display: inline-block;
}
.cnfrm_newsc .check_btn {
    float: none;
    margin: 0 auto 12px;
    display: block;
}
/* ============== sub ============ */
.profl_forms {float:left;width:100%;padding:10px 15px 0;}
.profl_forml {float:left;width:33.33333337%;padding-right:10px;}
.colmn_form2 {float:left;width:33.33333337%;padding-right:0;}
.colmn_form2 .form,.colmn_forml .form{width:100%;padding:11px 11px 11px 50px;background:#f8f8f8;border:1px solid rgba(0,0,0,.075);margin-bottom:25px;border-radius:0;color:#727272!important;font-size:13px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.prform_icon{position:absolute;height:42px;background:#0898c3;width:45px;color:#fff;text-align:center;line-height:40px;font-size:17px}
.prfl_shipng{float:left;width:100%;border:1px solid #e5e5e5;padding:13px 6px;position:relative}
.shiping_mrb{margin-bottom:20px}
/* ============== sub ============ */
.prfncs_cfrm {float:left;width:100%;padding:0;}
.prfncs_form {float:left;width:100%;padding:20px 15px 0;}
.page-item>*,.table{border:none}
.prfncs_form input[type=checkbox],.prfncs_form input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal;display:none}
.table-definition thead th:first-child{pointer-events:none;background:#fff;border:none}
.table td{vertical-align:middle}
.custom-checkbox{min-height:1rem;padding-left:0;margin-right:0;cursor:pointer}
.custom-checkbox .custom-control-indicator{content:"";display:inline-block;position:relative;width:30px;height:10px;background-color:#818181;border-radius:15px;-webkit-transition:background .3s ease;transition:background .3s ease;vertical-align:middle;margin:0;box-shadow:none}
.custom-checkbox .custom-control-indicator:after{content:"";position:absolute;display:inline-block;width:18px;height:18px;background-color:#f1f1f1;border-radius:21px;box-shadow:0 1px 3px 1px rgba(0,0,0,.4);left:-2px;top:-4px;-webkit-transition:left .3s ease,background .3s ease,box-shadow .1s ease;transition:left .3s ease,background .3s ease,box-shadow .1s ease}
.custom-checkbox .custom-control-input:checked~.custom-control-indicator{background-color:#330752;background-image:none;box-shadow:none!important}
.custom-checkbox .custom-control-input:checked~.custom-control-indicator:after{background-color:#650CA7;left:15px}
.custom-checkbox .custom-control-input:focus~.custom-control-indicator{box-shadow:none!important}
.cart_lister{float:left;width:100%;padding:0 15px;}
/* ============== sub ===========d= */
.widhli_sec {float:left;width:100%;padding:20px 0;background: #f5f5f5;}
/* ============== sub ===========d= */
.chang_form2,.chang_forml,.colmn_form2,.colmn_forml{width:33.33333337%}
.older_lists,.order_2ship,.order_3ship{position:relative;bottom:0}
.order_2ship li,.order_3ship li,.order_shipg li{display:inline-block}
.older_lists{padding:6px;font-size:13px;min-width:180px;float:right}
.colmn_forml{float:left;padding-right:10px}
.colmn_form2{float:left;padding-right:0}
.chang_forml{float:left;padding-right:10px}
.chang_form2{float:left;padding-right:0}
/* ============== sub ===========d= */
.cart_heder .dropdown{margin-top:1px}
.cart_heder .dropdown button{background:0 0;border:0;padding:0;font-size:13px}
.cart_heder ul.dropdown-menu.cdrop_cstm{padding:13px}
.cart_heder ul.dropdown-menu.cdrop_cstm li{font-size:12px;padding:0;line-height:20px}
/* ============== sub ===========d= */
@media (min-width: 993px) {
.cart_heder .dropdown:hover ul.dropdown-menu.cdrop_cstm {display:block;margin:0;width: 200px;}
}
/* ============== sub ===========d= */
.order_shipg{padding:0;margin:-10px 0 -5px;list-style:none}
.order_shipg li a{font-size:12px;color:#0898c3;padding-right:5px;margin-right:5px;border-right:1px solid #666}
.order_shipg li:last-child a{padding-right:0;margin-right:0;border-right:0 solid #666}
.order_2ship{padding:5px 15px;margin:0;list-style:none;float:left}
.order_2ship li{font-size:12px;color:#333;padding-right:10px;margin-right:5px;border-right:1px solid #666}
.order_2ship li span{color:#0898c3}
.order_2ship li a{font-size:12px;color:#0898c3;padding-right:5px;margin-right:5px}
.order_2ship li:last-child{padding-right:0;margin-right:0;border-right:0 solid #666}
.order_3ship{padding:0 15px;margin:0;list-style:none;float:right}
.order_3ship li a{font-size:13px;color:#0898c3}

.order-indi-n .table_pname {font-size: 14px !important;}
.font-w{ font-weight:500;}
/* ============== sub ===========d= */
.cart_prdtw .table {margin:0;    font-size: 13px;}
/* ============== sub ===========d= */
.custm_table {float:left;width:100%;padding:0px 15px 15px;}
.custm_tblsc {float:left;width:100%;padding:0 10px;border:1px solid #DCDCDC;}
.custm_three {float:left;width:30%;padding:10px;min-height:112px;}
.custm_fours {float:left;width:40%;padding:10px;min-height:112px;}
.custm_2tbls {float:left;width:100%;padding:0 10px;border:1px solid #DCDCDC;border-top:0;}
.cust2_three {float:left;width:30%;padding:10px;min-height:112px;}

.cust2_fours {float:left;width:70%;padding:10px;min-height:112px;}
.cust2_sheme {float:left;width:100%;padding:0;margin:0 0 5px;}
.cust2_sheme .table_h5para span.shem_hed {font-weight:700;}
.cust3_three {float:left;width:60%;padding:10px;min-height:112px;}
.cust3_fours {float:left;width:40%;padding:10px;min-height:112px;}
.sheme_three {float:left;width:29%;padding:10px 2px;}
.sheme_onesc {float:left;width:13%;padding:10px 2px;}
.cstm_drpdwn,.custm_2tbls .form,.sheme_buton{height:40px;width:100%}
.custm_2tbls .form{padding:10px 12px;background:#fff;border:1px solid rgba(0,0,0,.2);margin-bottom:5px;color:#727272!important;font-size:13px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.custm_2tbls .form:focus,.custm_2tbls .form:hover{border:1px solid #8BC3A3}
.custm_2tbls .form:focus{color:#fff;outline:0}
.sheme_2butn, .sheme_buton{background:#0898c3;border:0;color:#fff}
.cstm_drpdwn {padding:10px;font-size:13px}
.sheme_2butn {padding:10px 20px}
.sheme_3butn {background:#fff;border:1px solid #222;padding:10px 20px;color:#222}
.table_schem {float:left;width:100%}
.table_schem .table{margin-bottom:0}
.bordr_right {border-right:1px solid #DCDCDC;}
.border_left {border-left:1px solid #DCDCDC;}
.bordr_bottm {border-right:1px solid #DCDCDC;}
/* ============== sub ===========d= */
/* =============================== default =============================== */

.month_shcem {float:left;width:100%;padding:25px 20px;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.month_3ship {padding:0 0 15px;margin:0;list-style:none}
.month_3ship li{font-size:13px;display:inline-block;color:#222;font-family:Poppins,sans-serif;line-height:18px}
.month_3ship li a{color:#0898c3}
.month_3ship li:before{padding:0 5px;color:#EBA05D!important;content:"/\00a0"}
.month_3ship li:first-child:before{display:none}
.month_table {float:left;width:100%;padding:0;border:1px solid #DCDCDC}
.custm_fullt {float:left;width:100%;border-top:1px solid #DCDCDC;}	
.custm_fullt .shpng_adres{text-transform:capitalize;text-align:center;margin:15px 0;}
.custm_fclmn .table_h5para {text-align:center;}
/* ============== sub ===========d= */
.custm_fclmn_y {float:left;width:100%;}
.custm_fclmn {float:left;width:100%;border-top:1px solid #DCDCDC;}	
.custm_1clmn {float:left;width:5%;padding:10px;min-height:78px;}
.custm_2clmn {float:left;width:10%;padding:10px;min-height:78px;}
.custm_3clmn {float:left;width:5%;padding:10px;min-height:78px;}
.custm_4clmn {float:left;width:12%;padding:10px;min-height:78px;}
.custm_5clmn {float:left;width:8%;padding:10px;min-height:78px;}
.custm_6clmn {float:left;width:9%;padding:10px;min-height:78px;}
.custm_7clmn {float:left;width:12%;padding:10px;min-height:78px;}
.custm_8clmn {float:left;width:10%;padding:10px;min-height:78px;}
.custm_9clmn {float:left;width:9%;padding:10px;min-height:78px;}
.custm_10lmn {float:left;width:10%;padding:10px;min-height:78px;}
.custm_11lmn {float:left;width:10%;padding:10px;min-height:78px;}
.pays_button {background:#0898c3;border:0;color:#fff;padding:5px 16px;font-size:12px;margin:-7px auto 0;display:block}
.prnt_button {background:#5cb85c;border:0;color:#fff;padding:5px 16px;font-size:12px;margin:-7px auto 0;display:block}
.month_shcem .form{padding:10px 12px;background:#fff;border:1px solid rgba(0,0,0,.2);margin-bottom:5px;color:#727272!important;font-size:13px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;width:100%}
.month_shcem .table{margin-bottom:0;font-size:12px}
/* =============================== default =============================== */

.about_pages {float: left;width: 100%;padding: 40px 0;}
.about_pages .hero_shead {color:#000;text-align:left; line-height: 1.8em;font-size: 14px;text-align:justify;}
.about_mrtop {margin-top:20px;}

/* =============================== default =============================== */

.cntct_three .shpng_adres,.cntct_three i{text-align:center}
.contct_page {float:left;width:100%;padding:40px 0;background:#f9f9f9}
.contact_bgm {float:left;width:100%;padding:20px;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.09)}
.cntct_three {float:left;width:33.33333337%;padding:0 15px}
.cntct_three i{font-size:50px;color:#e0e0e0;margin:0 auto 15px;display:block}
.cntct_three .shpng_para{text-align:center;line-height:24px}
.cntct_1sixs {float:left;width:40%;padding:15px;}
.cntct_2sixs {float:left;width:60%;padding:15px 15px 15px 0;}
.cntct_1sixw {float:left;width:100%;padding:20px;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.09)}
.map_wdtalgn {width:100%;height:428px;}

.contact_center .cntus_btn {float:none;}
/* ============== sub ===========d= */
.cntct_1sixw .form-btn,.cntct_1sixw .form:focus{outline:0;color:#fff}
.cntct_1sixw .form{width:100%;padding:13px;background:#F9F9F9;border:1px solid rgba(0,0,0,.075);margin-bottom:25px;color:#727272!important;font-size:13px;}
.cntct_1sixw .form:focus,.cntct_1sixw .form:hover{border:1px solid #0898c3}
.cntct_1sixw .textarea{height:140px;max-height:140px;max-width:100%}
.cntct_1sixw .form-btn{width:180px;display:block;height:auto;padding:15px;background:#0898c3;border:none;border-radius:3px;;margin:auto;}
.cntct_1sixw .form-btn:hover{background:#111;color:#fff;border:none}
.cntct_1sixw .form-btn:active{opacity:.9}
/* =============================== default =============================== */
.terms_shcem {float:left;width:100%;padding:25px 20px;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.terms_shcem .shpng_adres{text-transform:uppercase;font-size:18px;margin:0 0 8px}
.terms_shcem .hero_shead {color:#444;text-align:left;margin:0 0 10px;font-size:13px;line-height:25px;}
/* ============== sub ===========d= */
.terms_shcem .panel-group{padding-top:5px;    margin-bottom: 0px;}
.terms_shcem .panel-default{border-radius:0;border:none;background:0 0;margin-bottom:0;padding-bottom:0}
.terms_shcem .panel-default>.panel-heading{border:0;border-bottom:transparent;background:0 0;padding:0}
.terms_shcem .panel-default>.panel-heading+.panel-collapse .panel-body{border:1px solid rgba(0,0,0,.125);border-top:transparent;padding:20px;background:#fff;}
.terms_shcem .panel-default h5{font-size:14px;font-weight:400;padding:0;margin:0}
.terms_shcem .panel-group .panel+.panel{margin-top:10px}
.terms_shcem .panel-default .accordion-toggle:before{content:"";width:21px;height:21px;float:right;display:inline-block;background:url(../images/toggle-icons.png) 6px 10px no-repeat #0898c3;border-radius:50%;margin-left:10px;position:relative;top:-2px}
.terms_shcem .panel-default .collapsed:before{background:url(../images/toggle-icons.png) 6px -148px no-repeat #000}
.terms_shcem .panel-default .panel-title:hover .collapsed:before{background-color:#0898c3}
.terms_shcem .panel-default .accordion-toggle,
.terms_shcem .panel-default .accordion-toggle:active,
.terms_shcem .panel-default .accordion-toggle:focus,
.terms_shcem .panel-default .accordion-toggle:hover{color:#fff;display:block;text-decoration:none;border:1px solid rgba(0,0,0,.125);background:#0898c3;padding:13px 10px;font-weight:600;font-family:Poppins,sans-serif}
.terms_shcem .panel-default .collapsed{    color: #333; background: #fff;}
/* =============================== product_details =============================== */

.prdctd_wrapr .karet_select .nav-tabs li {
        transition: all .2s ease 0s;
    background: #fff;
    padding: 10px 0;
    text-align: center;
    margin: auto 10px 0 0;
    font-size: 16px;
    color: #333;
    border: 2px solid #999;
    width: 60px;
    height: 60px;
    line-height: 20px;
    border-radius: 100%;
}
.prdctd_wrapr .karet_select .nav-tabs li.active {
     color: #0898c3;
    cursor: default;
    background-color: transparent;
    border: 2px solid #0898c3;
    border-bottom-color: #0898c3;
}
.prdctd_wrapr .karet_select .nav-tabs li i{text-align:center;margin:auto;    position: relative;
    bottom: 3px;
    right: 2px;}
.prdctd_wrapr .karet_select .nav-tabs li span{text-align:center;position: relative;bottom: 3px;font-size:14px;}
.prdctd_wrapr .karet_select .nav-tabs li input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
	    transition: all .2s ease 0s;
    background: #fff;
    padding: 10px 0;
    text-align: center;
    margin: auto 10px 0 0;
    font-size: 18px;
    color: #333;
    border: 2px solid #999;
    width: 60px;
    height: 60px;    z-index: 99;
    line-height: 20px;
    border-radius: 100%;
	    left: 0;
    top: 0;
}


/* On mouse-over, add a grey background color */
.prdctd_wrapr .karet_select .nav-tabs li:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.prdctd_wrapr .karet_select .nav-tabs li input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.prdctd_wrapr .karet_select .nav-tabs li input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.prdctd_wrapr .karet_select .nav-tabs li .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
	
}

/* ===============================akz testis slider =============================== */
.testis_wrap {float:left;width:100%;padding:40px 0 40px;} 
.testis_sect {width:100%;display:table;margin:auto;padding:10px 0;}
.testis_head {font-size:28px;position:relative;margin:0 0 20px;letter-spacing:1px;text-align:center;font-weight:600;text-transform:uppercase;padding:0 0 7px;}
.testis_head:after{content:"";position:absolute;left:50%;width:60px;height:2px;bottom:0;background:#ccc;margin-left:-30px}
.testis_mbhd {font-size:16px;display:table;margin:40px 0 0;color:#333;text-align:left;font-weight:600;letter-spacing:0;position:relative}
.testis_sbhd {font-size:18px;display:table;margin:0 0 10px;color:#333;text-align:center;font-weight:600;letter-spacing:0;position:relative}
.testis_sbhd span{display:block;font-size:11px;color:#444;line-height:14px}
.testis_para {text-align:left;line-height:25px;font-size:14px;color:#333;margin:30px 0 20px;padding:0px 50px;position:relative;font-style: italic;min-height:75px;}
.testis_para:after,.testis_para:before{font-family:FontAwesome;position:absolute;font-size:25px;color:#ccc;font-style: normal;}
.testis_para:before{left:10px;top:0;content:"\f10d";}
.testis_para:after{right:10px;bottom:0;content:"\f10e";}
.client_imag {max-width:70px;margin:0 10px 0 0;float:left;color:#333;border-radius:70px;height:70px;border:2px solid #ccc;background:#fff;}
.testis_wrap .carousel-control{position:absolute;top:0;bottom:0;left:0;width:auto;font-size:20px;color:#b3b3b3;text-align:center;opacity:1}
.testis_wrap .carousel-control.left, .testis_wrap .carousel-control.right {background-image:inherit;background-image:inherit;background-image:inherit;}
.testis_wrap .carousel-control.left{background-image:inherit;margin-left:-25px;background-repeat:inherit;filter:inherit;}
.testis_wrap .carousel-control.right{background-image:inherit;margin-right:-25px;filter:inherit;background-repeat:inherit}
/* =============================== owl carouswl =============================== */
.terms_shcem.shiping_mrb {width:100% !important;}
.cart_menu_s .cartmenu .cart-pop-indi-p  {display: inline-block;
    width: 100%;
    position: relative; }
.cart_menu_s .cartmenu .cart-pop-indi-p .item button.btn   {  position: absolute;
    right: -15px;
    top: 4px;}

.cart_menu_s .dropdown-cart .item-left.cart-pop-indi {display:inline-block;width:100%;position:relative;}
.cart_menu_s .cartmenu .item-left.cart-pop-indi img {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 55px;
}
.cart_menu_s .dropdown-cart .item-left.cart-pop-indi .item-info {    display:inline-block;width:100%;}
.cart_menu_s .dropdown-cart .item-left.cart-pop-indi .item-info span{    display: block;font-size: 13px;}
.menu_wrapper nav.navbar ul.nav.cart_menu_s .dropdown-menu.cartmenu {
    width: 260px;
}
.cart_menu_s .cartmenu li {display:inline-block;width:100%;}
.cart_menu_s .cartmenu li:last-child {padding:2px 5px;}
.menu_wrapper nav.navbar .cart_menu_s li.dropdown ul.dropdown-menu>li a {
    color: #fff;
    background: #0898c3;
    padding: 11px 0;
    border-radius: 4px;
}

/* =============================== owl carouswl =============================== */

/*.prdctd_wrapr #sync2 .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -12px;
}
.prdctd_wrapr #sync1 .item {
    height: 450px;
	position: relative;
    width: 100%;
    margin: auto;
    display: block;
    box-shadow: 0;
}
.prdctd_wrapr #sync1 .item img {
    height: auto;
    display: block;
    max-height: 96%;
    max-width: 96%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: none;
}
.prdctd_wrapr #sync1 .item.zoom:hover img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: none;
}*/

/* =============================== default =============================== */

/* =============================== fonts

font-family: 'Cormorant Garamond', serif;

font-family: 'Montserrat', sans-serif;

font-family: 'Poppins', sans-serif;

font-family: 'Playfair Display', serif;

 =============================== */
 
 /* =============================== owl-carousel =============================== */
 
/*.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}*/
 
 /* =============================== owl-carousel =============================== */

.carousel-wrap{margin:0 auto;padding:0 10px;width:100%;position:relative}
.owl-carousel .item{position:relative;z-index:100;-webkit-backface-visibility:hidden}
.owl-nav>div{margin-top:-26px;position:absolute;top:50%;color:#cdcbcd}
.owl-nav i{font-size:30px}
.owl-nav .owl-prev{left:15px}
.owl-nav .owl-next{right:15px !important}

.owl_prdcmt {margin-top:20px;}

/* =============================== default =============================== */

figure.snip0001{float:left;overflow:hidden;background:0 0;text-align:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;height:290px;width:100%;margin:0;display:block;box-shadow:none}
figure.snip0001 img{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition-duration:1s;height:auto;display:block;max-height:90%;max-width:90%;position:absolute;top:50%;left:50%;margin-right:-50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:none}
.snip0001:hover img{opacity:1;}
figure.snip0001 *{-webkit-box-sizing:border-box;box-sizing:border-box}
figure.snip0001>div a{height:100%;left:0;position:absolute;top:0;width:100%;color:#fff}
figure.snip0001>div a i{display:inline-block;font-size:30px;opacity:0;top:55%;position:relative;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}

figure.snip0001:hover>div i{opacity:1;top:50%;-webkit-transition-delay:.3s;transition-delay:.3s}


/* .prod_wrapper figure.snip0001{float:left;overflow:hidden;background:0 0;text-align:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;height:290px;width:100%;margin:0;display:block;box-shadow:none} */
/* .prod_wrapper figure.snip0001 img{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition-duration:1s;height:auto;display:block;max-height:90%;max-width:90%;position:absolute;top:50%;left:50%;margin-right:-50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:none} */
/* .prod_wrapper .snip0001:hover img{opacity:1;} */

/* =============================== default =============================== */

.breadcrumb-p {float: left;width: 100%; background-color: #fff;}
.breadcrumb{ margin-bottom:0 !important; background-color: #fff !important; font-family: 'Quicksand', sans-serif !important; font-weight:500; padding-left:0;}
.breadcrumb-p .container{ padding-left:0; padding-right:0;}
.breadcrumb>li a {
    color: #0898c3;
}
.breadcrumb>.active a{
    color: #777;
}
.pull-right {
   display: inline-block;
}
.pull-right a{ color: #0898c3; display: inline-block;}

a { text-decoration: none !important; }




/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;

  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}


.pc_whatsapp {
    display: block;
    position: fixed;
    bottom: 10px;
    z-index: 9999;
    left: 2px;
}
.pc_whatsapp img{amax-width:60px;}
@media (max-width:991px){
	.pc_whatsapp img{max-width:35px;}
	}