﻿@charset "utf-8";

/*---------------GLOBAL----------------*/
ul, li, ul li, table, lable, p, span, dl, dt, dd, table, tr, td {margin: 0px; padding: 0px;}
* {margin: 0px; padding: 0px;}
a:hover, a:focus {text-decoration: none !important;}
img {border: none;}
.mt5 {margin-top: 5px !important;}
.mt7 {margin-top: 7px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}


.custome-contain-full{width:100%; height:1800px; background:#2989f0; float:left;}


.callaway_popup2{width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); position: relative; position: fixed; z-index: 11111; overflow: auto; top: 0; left: 0;}
.callaway_popup2 .cp-inner{width: 100%; max-width: 600px; position: relative; position: absolute; z-index:1; top: 50%; left: 50%; transform: translate(-50%, -50%);  background: #fff; border-radius:6px; box-shadow: 0 5px 15px rgba(0,0,0,.5); border: 1px solid rgba(0,0,0,.2); padding: 15px; font-family: 'Roboto', sans-serif !important;}
.callaway_popup2 .cp-inner .cal-img-outer{display:flex; flex-direction:column; width:160px; align-items:center; margin-right:30px; position:absolute; left:-70px; top: -70px;}
.callaway_popup2 .cp-inner .cal-img-outer .mc-circle{width:160px; height:160px; border-radius:50%; border:7px solid #4c4c4c; float:left; overflow:hidden; position:relative;}
.callaway_popup2 .cp-inner .cal-img-outer .mc-circle img{width: 100%; }

.callaway_popup2 .cp-inner .main-content{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:15px 0;}
.callaway_popup2 .cp-inner .main-content .mc-box{display:flex; flex:1; justify-content: center; align-items: center; flex-direction:column; color:#161616;}
.callaway_popup2 .cp-inner .main-content .mc-box .mcb-text1{font-size:40px; letter-spacing: 1px; font-weight:700; margin-bottom:0px; color: #2989f0;}
.callaway_popup2 .cp-inner .main-content .mc-box .mcb-text2{font-size:40px; letter-spacing: 1px; font-weight:700; margin-bottom:0px; color: #2989f0;}
.callaway_popup2 .cp-inner .main-content .mc-box .mcb-text3{width:100%; text-align: center; background:#3db900;font-size:20px; letter-spacing: 1px; font-weight:700;color:#fff;padding:7px 10px;border-radius:35px; margin-bottom: 10px;}
.callaway_popup2 .cp-inner .main-content .mc-box .mcb-text4{font-size:16px; font-weight:400; margin-bottom:0px;}
.callaway_popup2 .cp-inner .main-content .mc-box .mcb-text5{font-size:16px; font-weight:400; margin-bottom:10px;}
.callaway_popup2 .cp-inner .main-content .mc-box .phone-no{font-size:46px; font-weight:600; margin-bottom:0px; color:#161616;}
.callaway_popup2 .cp-inner .main-content .mc-box .phone-no i{margin-right:5px; }

@media screen and (min-width:320px) and (max-width:767px) {
  .callaway_popup2 .cp-inner{top: 0; transform: translate(-50%, 0%);}
  .callaway_popup2 .cp-inner .cal-img-outer{position: static; display: flex; justify-content: center; width: 100%;} 
  .callaway_popup2 .cp-inner .main-content .mc-box .phone-no{font-size: 30px;} 
}


