/*************************
GENERAL & BASIC STYLES
*************************/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; list-style: none; text-decoration: none; line-height: normal; font-weight: normal; font-family: 'Lato', sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }
body { font-family: 'Lato', sans-serif; background: #ececec !important; }
table { border-collapse: collapse; border-spacing: 0; }
a:focus, a:hover, *:focus, *:hover { outline: none !important; -webkit-outline: none !important; text-decoration: none; }
.btn { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; border-radius: none; }
.container_landing:after, .clear:after, .clear:before, header:before, header:after, section:after, section:before, footer:after, footer:before, .wrapper:after, .wrapper:before { display: block; content: ""; clear: both; }
img { max-width: 100%; }
button { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.container_landing { width: 1480px; margin: 0 auto; }
/*************
Header
**************/


.header { background: #373737; padding: 5px 0 5px; }
.header-left { float: left; padding: 2px 0 0; }
.header-right { float: right; }
.header-right ul:after { content: ""; clear: both; display: block; }
.header-right ul li { float: left; border-right: 1px solid #5f5f5f; line-height: 64px; padding: 0 15px; color: #fff; font-size: 19px; }
.header-right ul li:last-child { border-right: none; padding-right: 0; }
.header-right ul li:first-child img { vertical-align: middle; }
.header-right ul li span { font-weight: 600; }
.header-right ul li a { color: #fff; }
/*************
content
**************/

.content { padding: 23px 0 0; }
.content-title { text-align: center; margin-bottom: 20px; }
.content-title h1 { color: #2c2c2c; font-size: 60px; line-height: 72px; text-transform: uppercase; font-weight: 700; }
.content-title ul { border-bottom: 1px solid #d9dcdd; display: inline-block; padding: 0 115px; }
.content-title ul li { vertical-align: top; display: inline-block; color: #373737; font-size: 30px; line-height: 64px; margin-right: 46px; position: relative; }
.content-title ul li:last-child { margin-right: 0; }
.content-title ul li:after { content: ""; background: #373737; width: 10px; height: 10px; position: absolute; top: 50%; right: -29px; }
.content-title ul li:last-child:after { content: ""; position: static; width: 0; height: 0; background: none; }
.content-title p { text-transform: uppercase; color: #373737; font-size: 33px; line-height: 64px; letter-spacing: -0.2px; }
.content-title p span.a { color: #306e02; }
.content-title p span.b { color: #16285a; }
.content-title p span.c { color: #ffc000; }
.content-title p span.d { color: #c00000; }
.form-box:after { content: ""; clear: both; display: block; }
.form-box { margin-bottom: 40px; }
.form-left { float: left; padding: 15px 51px 27px; background: #fff; width: 595px; box-shadow: -13px 18px 0 rgba(0, 0, 0, 0.16); }
.form-right { float: right; width: 794px; box-shadow: -13px 18px 0 rgba(0, 0, 0, 0.16); padding: 15px 50px 30px; background: #fff; }
.form-title { font-weight: 700; font-size: 25px; line-height: 56px; color: #373737; text-transform: uppercase; margin-bottom: 7px; text-align: center; }
.form-select { width: 100%; height: 44px; border-radius: 2px; border: 1px solid #ccc; position: relative; margin-bottom: 25px; }
.form-select:after { content: "\f0d7"; font-family: 'FontAwesome'; font-size: 14px; color: #000; width: 31px;text-align: center; height: 100%; border-radius: 0 2px 2px 0; position: absolute; right: 0; top: 0; pointer-events: none; background: #fff; line-height: 45px;  }
.form-select select { background: #7ab542 none repeat scroll 0 0;color: #fff;border-radius: 2px; width: 100%; height: 100%; border: none; font-weight: 400; font-size: 14px; text-align: center; text-align-last: center; }
.form-select select option { padding: 3px; background: #fff; color: #000; }
.symbol-table { margin-bottom: 25px; }
.symbol-table table { width: 100%; border: 1px solid #e5e5e7; }
.symbol-table table thead tr th { position: relative; vertical-align: middle; color: #062e88; font-size: 12px; font-weight: 400; text-transform: uppercase; padding: 14px 0; height: 58px; font-weight: 600; text-align: center; background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0%, #e5e5e7 100%); background: -webkit-linear-gradient(top, #f8f8f8 0%, #e5e5e7 100%); background: linear-gradient(to bottom, #f8f8f8 0%, #e5e5e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e5e5e7', GradientType=0 );
}
.symbol-table table thead tr th:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0%, #cfcfcf 50%, #dedede 100%); background: -webkit-linear-gradient(top, #f8f8f8 0%, #cfcfcf 50%, #dedede 100%); background: linear-gradient(to bottom, #f8f8f8 0%, #cfcfcf 50%, #dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dedede', GradientType=0 );
}
.symbol-table table tbody tr td { height: 55px; border-bottom: 1px solid #e2e1e1; background: #f4f3f3; color: #373737; font-size: 14px; text-align: center; vertical-align: middle; }
.symbol-table table tbody tr td:nth-child(2n) { background: #fff; }
.symbol-table table tbody tr:last-child td { border-bottom: none; }
.in_active_button{ background-color: #ECECEC;display: block; height: 63px; width: 100%; border: 2px solid #333333; text-align: center; line-height: 59px; color: #333333; font-size: 20px; text-transform: uppercase; font-weight: 600; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; cursor: pointer; margin-bottom: 17px; }
.report-button, .prove-button { display: block; height: 63px; width: 100%; border: 2px solid #333333; text-align: center; line-height: 59px; color: #333333; font-size: 20px; text-transform: uppercase; font-weight: 600; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; cursor: pointer; margin-bottom: 17px; }
.report-button:hover, .prove-button:hover { text-decoration: none; border-color: #81c343; color: #81c343; }
.in_active_button i,.report-button i, .prove-button i { margin-right: 10px; }
.prove-button { margin-bottom: 0px; }
.interest-box:after { content: ""; clear: both; display: block; }
.interest-box { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.31);}
.interest-left, .interest-right { float: left; width: 50%; }
/*.interest-right { box-shadow: 0 3px 7px rgba(0,0,0,0.31); }*/
.interest-title { padding: 16px 28px 25px; background: #707070; }
.interest-title h3 { font-weight: 700; font-size: 20px; color: #fff; text-transform: uppercase; margin-bottom: 6px; }
.interest-title p { color: #fff; font-size: 16px; line-height: 17px; }
.interest-right .interest-title { background: #7ab542; }
.interest-content { background: #f8f7f7; }
.interest-content ul li { border-bottom: 1px solid #dbdbdb; padding: 15px 25px 17px 29px; color: #605e5e; font-size: 20px; }
.interest-content ul li:last-child { border-bottom: none; }
.interest-right .interest-content { background: #fff; border-left: 1px solid #c3c3c3; }
.fundpower-button { text-align: center; }
.fundpower-button a { display: block; margin: 0 auto; width: 495px; height: 73px; border: 1px solid #52930a; font-size: 20px; text-transform: uppercase; font-weight: 600; text-shadow: 0 2px 0 rgba(0,0,0,0.20); color: #fff; line-height: 73px; background: #9dda27; background: -moz-linear-gradient(top, #9dda27 0%, #7dc33e 100%); background: -webkit-linear-gradient(top, #9dda27 0%, #7dc33e 100%); background: linear-gradient(to bottom, #9dda27 0%, #7dc33e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dda27', endColorstr='#7dc33e', GradientType=0 );
transition: all 0.3s ease 0s; }
.fundpower-button a:hover { text-decoration: none; opacity: 0.8; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.fundpower-button a i { margin-right: 15px; }
/************
footer
*************/

.footer { text-align: center; color: #373737; font-size: 16px; line-height: 24px; padding: 20px 0; }
/*******=================[ MS 13 April ]========******/
.inner-container { width: 1200px; margin: 0 auto; }
.detailed-box { padding: 45px 0 0; }
.fund-box { width: 100%; margin: 0 0 50px; }
.fund-box h2 { color: #4db3a2; font-size: 16px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; }
.fund-box table { border: 1px solid #dddddd; overflow-x: auto; overflow-y: hidden; width: 100%; margin-top: 35px; }
.fund-box table th { color: #333333; font-size: 14px; font-weight: 600; padding: 8px; text-align: left; }
.fund-box table tbody tr:nth-child(2n+1) { background-color: #e6e6e6; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset; }
.fund-box table td { border-top: 1px solid #dddddd; font-size: 14px; padding: 8px; }
.fund-inner-content { padding-top: 30px; }
.fund-inner-content h3 { color: #333333; font-size: 23px; font-weight: 300; padding-bottom: 10px; }
.fund-inner-content p { color: #333333; font-size: 15px; letter-spacing: 0.3px; line-height: 25px; }
.performance-chart-sc { padding-top: 20px; text-align: center; }
.performance-chart-sc img { width: 100%; }
.rating-box-inner { width: 100%; min-height: 440px; height: 480px; }
.rating-box-inner h2 { color: #4db3a2; font-size: 16px; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; }
.rating-box-inner table { border: 1px solid #dddddd; overflow-x: auto; overflow-y: hidden; width: 100%; margin-top: 35px; }
.rating-box-inner table thead tr { border-bottom: 2px solid #dddddd; }
.rating-box-inner table th { color: #333333; font-size: 14px; font-weight: 600; padding: 8px; text-align: left; }
.rating-box-inner table td { border-top: 1px solid #dddddd; font-size: 14px; padding: 8px; }
.rating-box-inner table td span { font-size: 10px; font-weight: 600; padding: 3px 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); }
.label-success { background-color: #306e02; }
.label-info { background-color: #16285a; }
.label-danger { background-color: #c0000; }
.rating-inner-content { padding-top: 30px; }
.rating-inner-content p { color: #333333; font-size: 15px; letter-spacing: 0.3px; line-height: 25px; }
.rating-chart-innr { text-align: center; }
.learn-more-box::after { clear: both; content: ""; display: block; width: 100%; }
.learn-more-btn a { border: 1px solid #52930a; color: #ffffff; display: block; font-size: 20px; font-weight: 500; margin: 45px auto; padding: 30px; text-align: center; text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; width: 495px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#99d72a+0,81c53c+44,81c53c+100 */ background: #99d72a; /* Old browsers */ background: -moz-linear-gradient(top, #99d72a 0%, #81c53c 44%, #81c53c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #99d72a 0%, #81c53c 44%, #81c53c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #99d72a 0%, #81c53c 44%, #81c53c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d72a', endColorstr='#81c53c', GradientType=0 ); /* IE6-9 */
-moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.learn-more-btn a:hover { text-decoration: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#99d72a+0,81c53c+44,81c53c+100 */ background: #81c53c; /* Old browsers */ background: -moz-linear-gradient(top, #81c53c 0%, #99d72a 44%, #99d72a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #81c53c 0%, #99d72a 44%, #99d72a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #81c53c 0%, #99d72a 44%, #99d72a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d72a', endColorstr='#81c53c', GradientType=0 ); /* IE6-9 */
}
.learn-more-btn span { display: inline-block; padding-right: 10px; }
.info-box { width: 100%; margin: 0 0 30px; }
.info-box ul { padding-left: 15px; }
.info-box ul li { color: #373737; font-size: 17px; font-weight: 400; letter-spacing: 0.2px; padding: 12px 0; list-style-type: disc; }
.info-box ul > ul { padding-left: 30px; }
.result-box { text-align: center; }
/*******=================[ MS 13 April ]========******/

.box-shadow { background-color: #ffffff; box-shadow: -10px 10px 0 rgba(0, 0, 0, 0.15); padding: 27px 21px; }
.wrapper { overflow-x: hidden; }
.landing_page.modal-open .modal-backdrop.in { opacity: 0.4; background: #fff; }
.video_frame_popup button.close { position: absolute; top: -40px; right: 0; opacity: 1 }
.video_frame_popup .modal-content { background: none; border-radius: 0; border: none; box-shadow: none; }
.video_frame_popup .modal-dialog { width: 700px; margin: 220px auto 0; position: relative; }
.video_frame iframe { height: 550px; }
.video_audio_icons { position: absolute; top: 105px; right: 20px; }
.audio_tag { float: left; }
.play_video { float: left; margin-right: 20px; }
.learn-more-box { margin: 40px 0 30px; }
.rating-box-inner h2 span { margin-right: 10px; }
.landing_page.modal-open .video_audio_icons { display: none; }
.col-md-12.single-result, .col-md-12.single-result a {
    color: #1199e9;
    font-weight: bold;

}
.header-right .fa {
    color: rgb(122, 181, 66);
    font-size: 25px;
}
.wonderplugin-box-description > h3 {
    /*font-size: 21px !important;*/
    letter-spacing: 1px !important;
    padding: 17px 0 !important;
}
.video_audio_icons a, .video_audio_icons a:hover, .video_audio_icons a:active{
	background: #7AB542;
	border: 1px solid #7AB542;
	color: #fff !important;
}

.playing_button, .playing_button:hover, .playing_button:active{
	background: #707070 !important;
	border: 1px solid #707070 !important;
}
.button {
  border: 2px dashed;
  margin: 0 5px;

}

#wonderplugin-box-9 .wonderplugin-box-description > h3{
    padding: 40px 0 !important
}

@media only screen and (max-width: 420px){

    .video_audio_icons .btn.btn-xs {
        display: block;
        margin-top: 3px;
    }
}

@media only screen and (max-width: 530px){

   .button {
     display: block;
     margin-top: 10px;

   }
}