.md-modal{position:fixed;top:30%;left:50%;width:50%;max-width:700px;min-width:320px;min-height:357px;z-index:99999;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
body .md-modal{width:50%;top:0;left:50%;right:0;bottom:0;margin:auto;}
body .md-modal#modal-7{right: 15%;}
body .md-modal .md-content{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:350px;width:95%;overflow:hidden;}
body .md-modal .md-content .img_outer{margin:0 auto;display:block;width:100%;}
body .md-modal .md-content .img_icon_outer{width:85%;}
body .md-modal .md-content .img_icon_outer .padding0{float:none;display:inline-block;}
.md-show{visibility:visible;}
.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:9999;opacity:0;background:rgba(0,0,0,0.8);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.md-show ~ .md-overlay{opacity:1;visibility:visible;}
.md-content{color:#fff;background:#e74c3c;position:relative;border-radius:3px;margin:0 auto;}
.md-content h3{margin:0;padding:0.4em;text-align:center;font-size:2.4em;font-weight:300;opacity:0.8;background:rgba(0,0,0,0.1);border-radius:3px 3px 0 0;}
.md-content > div{padding:15px 40px 30px;margin:0;font-weight:300;font-size:1.15em;}
.md-content > div p{margin:0;padding:10px 0;}
.md-content > div ul{margin:0;padding:0 0 30px 20px;}
.md-content > div ul li{padding:5px 0;}
.md-content button{display:block;margin:0 auto;font-size:0.8em;}
.md-effect-7{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.md-effect-7 .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0;}
.md-show.md-effect-7 .md-content{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);border-radius:5px;opacity:1;box-shadow:-1px 2px 25px 4px rgba(0,0,0,0.75);background-image:url(../../images/bookstore_rewamp/country/map.png);background-repeat:no-repeat;background-size:85%;background-position:center;}
@-webkit-keyframes slit{50%{-webkit-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-webkit-animation-timing-function:ease-out;}
100%{-webkit-transform:translateZ(0) rotateY(0deg);opacity:1;}
}
@-moz-keyframes slit{50%{-moz-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-moz-animation-timing-function:ease-out;}
100%{-moz-transform:translateZ(0) rotateY(0deg);opacity:1;}
}
@keyframes slit{50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-in;}
100%{transform:translateZ(0) rotateY(0deg);opacity:1;}
}
button.md-trigger{background-color:#ff000000;border:1px solid #cccccc9c;position:relative;}
.country_flag{float:left;margin-right:5px;margin-top:5px;font-size:12px;}
.select2-container{z-index:2001;}
.md-close{border:0px;color:#FFF;background-color:#212121;padding:5px;margin-top:25px;}
.md-content{background:#fff;color:black;}
.disp_contry{}
.others_contry{display:none;padding:70px 80px 42px 80px;line-height:36px;}
.md-content h4{text-align:center;padding:54px 0 42px 0;margin:0 auto;font-size:24px;line-height:24px;color:#ff5a5f;line-height:31px;width:58%;}
.md-content h4 span{color:#2c2c2c;font-weight:bold;}
.md-content h4 a{color:#f76d10;}
.md-content h4 a:hover{text-decoration:underline;}
.img_country{display:block !important;text-align:center !important;padding:0 0 0 0 !important;}
.img_part_head{height:32px;width:53px;}
.img_part{display:block;margin:0px auto;}
.img_map{padding:10px 0px 0 0 !important;}
.img_map h4{display:block;text-align:center;padding:20px 10px;color:#f76d10;font-size:22px;line-height:24px;}
.img_outer span{padding:0 5px;cursor:pointer;font-size:14px;line-height:24px;color:#333333;display:block;font-weight: 700;}
.padding0{padding-left:0;padding-right:0;}
.img_icon_outer{text-align:center;padding:7px 0 70px 0;width:70%;margin:0 auto;}
.new_outer.flag_country{cursor:pointer;}
.line-center{margin:0;padding:5px 0;display:inline-block;height:35px;width:35px;border-radius:50%;text-align:center;background:#5a5a5a;color:#ffffff;}
.or{text-align:center;position:relative;z-index:2;width:15%;margin:0 auto;font-size:14px;line-height:24px;}
.or:after{content:"";position:absolute;top:50%;left:0;right:0;border-top:solid 1px #5a5a5a;z-index:-1;}
@media screen and (min-width:769px) and (max-width:1199px){body .md-modal{width:77%;}
body .md-modal .md-content{height:350px;}
.md-content h4{font-size:24px;}
.img_map h4{font-size:18px;padding:20px 10px;}
.md-modal{width:100%;}
.others_contry{padding:70px 50px 42px 50px !important;}
}
@media screen and (min-width:481px) and (max-width:768px){body .md-modal{width:96%;}
body .md-modal .md-content{height:300px;}
.md-content h4{font-size:18px;line-height:20px;margin-top:30px;}
.img_map h4{font-size:18px;padding:20px 10px;}
body .md-modal .md-content .img_icon_outer .padding0{float:none;display:inline-block;width:23% !important;padding:0px 0px 10px;}
.md-modal{width:80%;}
.img_icon_outer{height:auto;padding:7px 0 7px 0;width:100%;}
.new_outer{width:70%;margin:0 auto;}
.md-content h4{padding:20px;width:80%;}
.md-show.md-effect-7 .md-content{}
.or{width:35%;}
.img_map h4{padding:20px !important;}
.new_outer.flag_country{text-align:center;}
body .md-modal .md-content .img_icon_outer{width:75%;}
}
@media screen and (min-width:320px) and (max-width:480px){body .md-modal{width:77%;}
body .md-modal .md-content{height:350px;}
.md-content h4{font-size:16px;padding:20px 10px;line-height:26px;width:78%;}
.img_map h4{font-size:18px;padding:10px;}
.padding0{padding-right:15px;display:inline-block;width:100%;padding-bottom:15px;}
.md-show.md-effect-7 .md-content{width:90%;}
.img_icon_outer{height:auto;width:100%;padding:7px 0 7px 0;}
.new_outer{width:50%;margin:0 auto;}
.or{width:35%;}
.others_contry{padding:30px 30px 30px 30px !important;line-height:36px !important;}
.img_part{width:36%;}
}