/*
======================================
**** FeesCalc Theme V1 ****
**** Theme Name : FeesCalc ****
**** Version : 1.0 ****
======================================
*/


@font-face{font-family:'SFPro';src:url(fonts/SF-Pro-Text-Bold.eot);src:local(☺),url(fonts/SF-Pro-Text-Bold.woff) format("woff"),url(fonts/SF-Pro-Text-Bold.ttf) format("truetype"),url(fonts/SF-Pro-Text-Bold.svg) format("svg");font-weight:400;font-style:600}
@font-face{font-family:'SFPro';src:url(fonts/SF-Pro-Text-Semibold.eot);src:local(☺),url(fonts/SF-Pro-Text-Semibold.woff) format("woff"),url(fonts/SF-Pro-Text-Semibold.ttf) format("truetype"),url(fonts/SF-Pro-Text-Semibold.svg) format("svg");font-weight:400;font-style:500}
@font-face{font-family:'SFPro';src:url(fonts/SF-Pro-Text-Medium.eot);src:local(☺),url(fonts/SF-Pro-Text-Medium.woff) format("woff"),url(fonts/SF-Pro-Text-Medium.ttf) format("truetype"),url(fonts/SF-Pro-Text-Medium.svg) format("svg");font-weight:400;font-style:400}
@font-face{font-family:'SFPro';src:url(fonts/SF-Pro-Text-Regular.eot);src:local(☺),url(fonts/SF-Pro-Text-Regular.woff) format("woff"),url(fonts/SF-Pro-Text-Regular.ttf) format("truetype"),url(fonts/SF-Pro-Text-Regular.svg) format("svg");font-weight:400;font-style:300}
@font-face{font-family:'SFPro';src:url(fonts/SF-Pro-Text-Light.eot);src:local(☺),url(fonts/SF-Pro-Text-Light.woff) format("woff"),url(fonts/SF-Pro-Text-Light.ttf) format("truetype"),url(fonts/SF-Pro-Text-Light.svg) format("svg");font-weight:100;font-style:normal}





/* ======================== BODY&FRAMEWORK ======================== */
html{margin:0;padding:0}
body{background-color:#fff;position:relative;font-family:'fontawesome','SFPro',arial;font-size:15px;color:#000;margin:0;padding:0;direction:ltr}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.table:after,.table:before{content:" ";display:table}
.table-cell{display:table-cell;width:10%;vertical-align:middle}
.display-flex{display:flex}
.display-flex-middle{display:block;vertical-align:middle;margin:0 auto}
.inline-block{display:inline-block}
.clear{clear:both}
.no-top-padding{padding-top:0}
.no-bottom-padding{padding-bottom:0}
.no-margin{margin:0}
.col-centered{float:none;margin:0 auto}
li,ul{list-style:none;margin:0;padding:0}
img{max-width:100%;display:block}
a{text-decoration:none}
.col-centered{float:none;margin:0 auto}
@keyframes fadeEffect {
from{opacity:0}
to{opacity:1}
}
.menu a:before,#submenu,.menu li,.menu_mobile{transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out}


/*
========================
HEADER
========================
*/
header#header{background:#263b80;background:-moz-linear-gradient(-45deg,#263b80 0%,#0cb1ed 100%);background:-webkit-gradient(left top,right bottom,color-stop(0%,#263b80),color-stop(100%,#0cb1ed));background:-webkit-linear-gradient(-45deg,#263b80 0%,#0cb1ed 100%);background:-o-linear-gradient(-45deg,#263b80 0%,#0cb1ed 100%);background:-ms-linear-gradient(-45deg,#263b80 0%,#0cb1ed 100%);background:linear-gradient(135deg,#263b80 0%,#0cb1ed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#263b80',endColorstr='#0cb1ed',GradientType=1)}
.navbar{height:80px;line-height:80px}
.logo{line-height:80px;float:left}
.logo img{vertical-align:middle;width:130px}
.menu{float:right}
.menu ul li{float:left;position:relative}
.menu ul li a{display:block;color:#fff;font-weight:400;padding:0 20px;font-size:15px}
.menu ul li a:before{content:'';width:0;height:2px;background:#fff;position:absolute;bottom:20px;left:0;margin:0 auto;right:0}
.menu ul li a:hover:before{width:100%}
#submenu{position:absolute;background:#fff;width:235px;box-shadow:0 0 11px 2px rgba(0,0,0,0.22);margin:0 auto;padding:5px 0;left:-78.5px;right:0;visibility:hidden;opacity:0;transform:translateY(20%);z-index: 9999;}
#submenu:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #fff;position:absolute;top:-8px;right:0;left:0;margin:0 auto}
#submenu li{line-height:30px;padding:5px 0}
#submenu li a{color:#393F41;padding-left:55px;line-height:23px;font-size:15px}
#submenu li a img{width:25px;vertical-align:middle;position:absolute;margin-left:-35px}
#submenu li a:before{display:none}
.menu ul li:hover #submenu{opacity:1;visibility:visible;transform:translateY(0%)}
#menu_open,.menu_mobile{display:none}
#submenu li:before {content: '';background: #fff url(https://s.w.org/images/core/emoji/11/svg/1f1fa-1f1f8.svg);background-repeat: no-repeat;width: 25px;height: 25px;position: absolute;margin-left: 20px;}
#submenu li#usa:before{background: #fff url(https://s.w.org/images/core/emoji/11/svg/1f1fa-1f1f8.svg);}
#submenu li#uk:before{background: #fff url(https://s.w.org/images/core/emoji/11/svg/1f1ec-1f1e7.svg);}
#submenu li#au:before{background: #fff url(https://s.w.org/images/core/emoji/11/svg/1f1e6-1f1fa.svg);}
.ads_calculator_header {margin-bottom: 30px;}
.ads_calculator_box_bottom {margin-top: 30px;}

/*
========================
BOX
========================
*/
.box{text-align:center;border:1px solid #e5e5e5;padding:25px}
.box img{width:80px;margin-bottom:10px}
.box h2{margin:0;color:#393F41;line-height:26px;font-size:19px;font-weight:600}
.box a:before {content: '';width: 80px;display: inline-block;position: relative;height: 80px;margin-bottom: 10px;text-align: center;}
.box a#global:before {background: url(https://www.feescalc.com/img/earth.png) no-repeat;background-position: 45% 45%;}
.box a#USA:before {background: url(https://s.w.org/images/core/emoji/11/svg/1f1fa-1f1f8.svg) no-repeat;}
.box a#UK:before {background: url(https://s.w.org/images/core/emoji/11/svg/1f1ec-1f1e7.svg) no-repeat;}
.box a#AU:before {background: url(https://s.w.org/images/core/emoji/11/svg/1f1e6-1f1fa.svg) no-repeat;}

/*
========================
CONTENT
========================
*/
#ul_content{margin:0 30px}
#ul_content li{list-style:circle;color:#6f7172;font-weight:300;line-height:25px;font-size:15px;margin-bottom:10px}
section#content h2 a{color:#263B80}
section#content p a{color:#6f7172;font-weight:500}

/*
========================
FOOTER
========================
*/
footer{position:relative;border-top:1px solid rgba(149,157,159,0.13);padding:30px 0;color:#959D9F}
footer .useful_links{margin-bottom:20px}
footer .useful_links ul li{display:inline-block}
footer .useful_links ul li a{padding:0 15px;color:#393F41;font-size:15px;font-weight:400}
footer .copyright{font-weight:300;color:#6f7172;font-size:15px}
footer .copyright span{line-height:24px}
footer .copyright span span{font-family:open-sans,sans-serif;font-size:14px}