/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.4;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing: border-box;}
/* GENERAL */

html,body {
    height: 100%;
    width: 100%;
}

body {
    font-family: 'Muli','Open Sans', Arial, sans-serif, Verdana;
    background-color: #fff;
    min-width: 300px;
    padding: 0;
    padding-top: 45px;
    color: #5A5A5A;
    text-align: left;
    font-size: 14px;
    margin: 0;
}

a,
a:hover,
a:active,
a.visited {
    color: inherit;
    text-decoration: none;
}
button:focus {
    outline: none;
}

i, cite, em, var, address, dfn {
    font-style: normal;
}
/*header*/

#header {
    position: fixed;
    top: 0;
    background-color: #fff;
    padding: 2px;
    width: 100%;
    z-index: 100;
    margin: 0;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

#header .logo a#idLogo img {
    display: block;
    margin: 6px 0;
    height: 35px;
    float: left;
}

#header .logo a#idLogo .canada-logo img {
    margin: 12px 0px;
    height: auto;
}

#header #idCellPhoneText,
#header .popoverPhone {
    margin-top: 15px;
    margin-right: 10px;
    font-size: 17px;
    float: right;
}

#idCellPhoneText a {
    text-decoration: none;
    color: #3f7dd3 !important;
}

#idCellPhoneText .glyphicon {
    color: #3f7dd3 !important;
    margin-right: 12px;
}

#LiveChat {
    font-size: 17px;
    cursor: pointer;
    margin-top: 15px;
    float: right;
}

#LiveChat .glyphicon {
    color: #3f7dd3 !important;
    margin-right: 5px;
}

#LiveChat .chat-lable {
    color: #3f7dd3;
}

.glyphicon-comment:before {
    font-family: "Font Awesome 5 Free";
    content: "\f086";
    font-weight: 800;
}

.glyphicon-earphone:before {
    font-family: "Font Awesome 5 Free";
    content: "\f095";
    font-weight: 800;
}



/*footer*/

.LpFooter {
    text-align: center;
    font-size: 13px;
    background: #fff;
    padding-top: 50px;
}

.LpFooter #TermsTitleID {
    font-size: 12px;
    margin: 5px 0 15px;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
}

#TC_items {
    text-align: left;
    max-width: 850px;
    margin: auto;
    padding-bottom: 20px;
}

#TermsTitleID span {
    background: url(/wp-content/themes/ava_trade/assets/lps/sc/media/images/landing-pages/trade-oil-2014/arrow_head_icon.png) center 2px no-repeat;
    display: inline-block;
    height: 13px;
    margin-right: 7px;
    width: 13px;
}

.open #TermsTitleID span {
    background: url(/wp-content/themes/ava_trade/assets/lps/sc/media/images/landing-pages/trade-oil-2014/drop_down_arrow_head_icon.png) center center no-repeat;
    background-position: -4px -2px;
}

.open #TermsTitleID {
    font-weight: 700;
    margin: 5px 0 15px;
}

.social {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    display: inline-block;
}

.social a {
    display: inline-block;
    min-width: 25px;
    min-height: 25px;
    margin-left: 5px;
    background: url(/wp-content/themes/ava_trade/assets/images/lps/common/social.png) no-repeat;
}

.social a.facebook2 {
    background-position: 0 0;
}

.social a.instagram {
    background-position: -30px 0;
}

.social a.linkedin {
    background-position: -60px 0;
}

.social a.twitter2 {
    background-position: -90px 0;
}

.social a.youtube {
    background-position: -120px 0;
}

#footer_bottom_disclamer {
    clear: both;
    display: block;
    font-size: 13px;
    text-align: center;
    padding: 0px 0px 180px 0px;
    line-height: 1.3em;
    margin: 0 auto;
    color: #5A5A5A;
    max-width: 700px;
}
#Footer a, #Footer a:hover, #Footer a:active, #Footer a.visited {
    color: #3f7dd3;
    text-decoration: none;
}
.LpFooter #cryptoDisclaimer a{
    color: #3f7dd3;
}
/*inner footer*/ 

#inner-footer .footer-icon span, footer .footer_social li.cn-fa-instagram a {
    display: block;
    background-image: url(/wp-content/themes/ava_trade/assets/images/common/sprite_avawp.png);
}
#inner-footer {
    padding: 40px 10px;
    text-align: center;
    padding-bottom: 170px;
}
#inner-footer .footer-icon span {
    margin: 0 auto 10px;
    height: 102px;
    width: 92px;
    background-position: -288px -140px;
}
#inner-footer span.footer_desc a {
    color: #2882c0!important;
}
@media screen and (min-width: 1024px){
#inner-footer {
    text-align: left;
    max-width: 1170px;
    margin: auto;
    display: flex;
    padding-top: 110px;
}
#inner-footer .footer-icon {
    width: 16%;
    float: left;
}
#inner-footer .footer-icon span{
    margin-left: 0;
}
.small-12.medium-12.large-7.columns {
    width: 58.33333%;
}
#inner-footer .footer_desc {
    width: 80%;
    display: inline-flex;
}
#inner-footer .footer-icon {
    width: 16%;
    float: left;
}
#inner-footer .footer_desc {
    width: auto;
    display: table;
    padding: 0px 20px;
}
#inner-footer p.source-org.copyright {
    margin-top: 0;
}
}


/*Terms section*/

#TC_Wrapper {
    border-top: solid 1px #dddbdb;
    border-bottom: solid 1px #dddbdb;
}

#awardArea #awards {
    width: 100%;
    margin: 15px 0;
    max-width: 883px;
}

.bonusTC ol {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

#BonusTc {
    color: #585858;
    padding: 0 5px;
    margin-top: 15px;
}

.bonusTC {
    clear: both;
    display: block;
}

ol#TC_items li {
    font-size: 12px;
    padding-bottom: 5px;
    margin: 0;
    line-height: 1.42857143;
}

ol#TC_items li.sublist {
    padding-bottom: 0;
    margin-bottom: 0;
}

ol#TC_items li.sublist ol {
    list-style-type: lower-alpha;
    margin: 5px 0;
}
#cookieSticky p {
    margin-top: 4px;
  }


/*content*/

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.clearfix{
    clear: both;
}
@media screen and (max-width:768px) {
    .hidden-xs {
        display: none !important;
    }
}

@media screen and (min-width:768px) {
    body {
        padding: 63px 0 0;
    }
    .container {
        width: 750px;
    }
    #header #idCellPhoneText {
        border-right: 1px solid #539bcd;
        margin-right: 15px;
        padding-right: 15px;
    }
    #header .logo a#idLogo img {
        margin: 6px 0;
        height: 46px;
    }
    #header .logo a#idLogo .canada-logo img {
        margin: 16px 0;
        height: auto;
    }
    #header #LiveChat,
    #header #idCellPhoneText {
        margin-top: 20px;
    }
}

@media screen and (min-width:992px) {
    .container {
        width: 970px;
    }
    #footer_disclamer {
        font-size: 13px;
    }
}

@media screen and (min-width:1200px) {
    .container {
        width: 1170px;
    }
    #awardArea #awards {
        width: initial;
        margin: 15px 0;
        max-width: 1000px;
    }
}


  /**shared elemnts**/
  section {
    clear: both;
    display: inline-block;
    width: 100%;
}


/*buttons*/


.btn-box .btn {
	display: inline-block;
    padding: 13px 30px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.42857143;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	position: relative;
	color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 90%;
    max-width: 310px;

}
.btn , .btn span{
    -webkit-user-select: none;
      -webkit-user-drag: none;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  .btn-box .btn-orange {
    background-color: #f89600;
}
/*btn animation*/

.btn-box a.btn.animate-btn,
.animate-btn {
    border-radius: 50px;
    max-width: 250px;
    margin-bottom: 30px;
    margin-top: 20px;
    border: 1px solid #1e8df6;
    color: #1e8df6;
}

@media (min-width:650px) {

    .btn-box a.btn.animate-btn,
    .animate-btn {
        background: #1e8df6;
        overflow: hidden;
        -webkit-transition: color 0.5s ease-in-out;
        transition: color 0.5s ease-in-out;
        z-index: 1;
    }

    .btn-box a.btn.animate-btn::before,
    .animate-btn::before {
        content: "";
        position: absolute;
        z-index: -1;
        width: 120%;
        left: -10%;
        top: -5px;
        bottom: -5px;
        background: #fff;
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg);
        -webkit-transition: left 0.5s ease-in-out;
        transition: left 0.5s ease-in-out;
    }

    .btn-box a.btn.animate-btn:hover,
    .animate-btn:hover {
        color: #fff;
        background: #1e8df6;
    }

    .btn-box a.btn.animate-btn:hover::before,
    .animate-btn:hover::before {
        left: 127%;
    }

}

/*end btn animation*/